/* ═══════ BASE ═══════ */
*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:'Outfit',sans-serif;font-weight:400;line-height:1.7;overflow-x:hidden;background:#0E0E0E;color:#D8D6D2;}
::selection{background:rgba(204,144,64,.3);}

/* ═══════ NAV ═══════ */
nav{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(14,14,14,.75);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(42,42,42,.4);}
.nav-inner{max-width:1400px;margin:0 auto;padding:16px 40px;display:flex;justify-content:space-between;align-items:center;}
.nav-logo{font-size:24px;font-weight:800;color:#CC9040;letter-spacing:-.5px;text-decoration:none;}
.nav-center{display:flex;gap:24px;align-items:center;}
.nav-center a{font-size:13px;font-weight:500;text-decoration:none;color:#888;transition:color .2s;position:relative;padding-bottom:6px;}
.nav-center a::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;border-radius:1px;opacity:.6;}
.nav-center a:hover{color:#D8D6D2;}
.nav-center a:hover::after{opacity:1;}
.nav-center a:nth-child(1)::after{background:#CC9040;}
.nav-center a:nth-child(2)::after{background:#10A37F;}
.nav-center a:nth-child(3)::after{background:#A855F7;}
.nav-center a:nth-child(4)::after{background:#4285F4;}
.nav-center a:nth-child(5)::after{background:#CC9040;}
.nav-center a:nth-child(6)::after{background:#10A37F;}
.nav-right{display:flex;gap:24px;align-items:center;}
.nav-right a{font-size:13px;font-weight:500;color:#888;text-decoration:none;transition:color .2s;}
.nav-right a:hover{color:#D8D6D2;}

/* ═══════ FOOTER ═══════ */
.site-footer{border-top:1px solid #1A1A1A;background:#0E0E0E;}
.footer-inner{max-width:1400px;margin:0 auto;padding:60px 40px;display:flex;justify-content:space-between;align-items:center;}
.footer-brand{font-size:20px;font-weight:700;}
.footer-brand .amber{color:#CC9040;}
.footer-links{display:flex;gap:32px;align-items:center;}
.footer-links a{color:#666;text-decoration:none;font-size:14px;transition:color .2s;}
.footer-links a:hover{color:#CC9040;}
.footer-copy{font-family:'JetBrains Mono',monospace;font-size:12px;color:#333;}

/* ═══════ RESPONSIVE — SHARED ═══════ */
@media(max-width:1100px){.nav-center{display:none;}}
@media(max-width:900px){
  .nav-inner{padding:14px 20px;}
  .footer-inner{flex-direction:column;gap:24px;text-align:center;}
}