body{background:#050505;color:white;font-family:-apple-system,BlinkMacSystemFont,sans-serif;margin:0}
header{position:fixed;top:0;width:100%;padding:40px 24px;background:linear-gradient(to bottom,#000,transparent);z-index:10}
.brand-gold{font-size:24px;font-weight:900;font-style:italic;background:linear-gradient(135deg,#D4AF37,#FBE089);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.viewport{padding:120px 20px 140px}
.glass-card{background:rgba(255,255,255,.04);border-radius:28px;padding:30px;text-align:center}
.label-caps{font-size:9px;letter-spacing:2px;text-transform:uppercase;opacity:.4}
.big{font-size:42px;font-weight:900;font-style:italic}
.dock-container{position:fixed;bottom:24px;left:12px;right:12px}
.dock{display:grid;grid-template-columns:repeat(5,1fr);height:70px;border-radius:30px;background:rgba(10,10,10,.85);backdrop-filter:blur(30px)}
.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center}
.nav-label{font-size:9px;opacity:.4}
.nav-item.active .nav-label{opacity:1;color:#D4AF37}
.dot{width:4px;height:4px;border-radius:50%;margin-top:4px;background:#D4AF37;display:none}
.nav-item.active .dot{display:block}