:root{--bg-primary:#0a0a0a;--bg-secondary:#111;--bg-navbar:#111111f2;--bg-navbar-scrolled:#0a0a0afa;--text-primary:#fff;--text-secondary:#a0a0a0;--accent:#f59e0b;--accent-hover:#e67e22;--accent-light:#f59e0b1a;--border:#2a2a2a;--border-light:#ffffff14}.navbar{background-color:var(--bg-navbar);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-light);z-index:1000;transition:all .3s;position:sticky;top:0}.navbar.scrolled{background-color:var(--bg-navbar-scrolled);border-bottom-color:#f59e0b33;box-shadow:0 4px 20px #0000004d}.navbar .container{justify-content:space-between;align-items:center;max-width:1400px;height:70px;margin:0 auto;padding:0 32px;display:flex}.logo{letter-spacing:-.5px;align-items:center;gap:12px;font-size:1.6rem;font-weight:700;text-decoration:none;display:flex}.logo-image{object-fit:contain;filter:drop-shadow(0 2px 4px #f59e0b4d);width:50px;height:50px;transition:transform .3s}.logo:hover .logo-image{transform:scale(1.05)}.logo-text{background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 50%,#d97706 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.6rem;font-weight:700}.logo-text span{-webkit-text-fill-color:var(--accent);background:0 0}.nav-links-desktop{align-items:center;gap:2rem;display:flex}.nav-links-desktop a{color:var(--text-primary);align-items:center;gap:6px;padding:8px 0;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex;position:relative}.nav-links-desktop a:after{content:"";background:linear-gradient(90deg, var(--accent), var(--accent-hover));border-radius:2px;width:0;height:2px;transition:all .3s;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.nav-links-desktop a:hover:after{width:70%}.nav-links-desktop a:hover{color:var(--accent)}.nav-link-gold{background:linear-gradient(135deg,#fbbf24,#f59e0b,#d97706);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:700}.nav-link-gold:before{content:"";opacity:0;z-index:-1;background:linear-gradient(135deg,#fbbf24,#f59e0b,#d97706);border-radius:20px;transition:opacity .3s;position:absolute;inset:-2px}.nav-link-gold:hover:before{opacity:.1}.nav-dropdown{position:relative}.dropdown-btn{color:var(--text-primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:8px 0;font-size:.9rem;font-weight:500;transition:all .3s;display:flex}.dropdown-btn:hover{color:var(--accent)}.dropdown-icon{font-size:.8rem;transition:transform .3s}.dropdown-content{border:1px solid var(--border-light);opacity:0;visibility:hidden;z-index:1000;background:linear-gradient(135deg,#111,#0a0a0a);border-radius:12px;min-width:200px;padding:8px 0;transition:all .3s;position:absolute;top:100%;left:0;transform:translateY(-10px);box-shadow:0 10px 30px #0000004d}.nav-dropdown:hover .dropdown-content{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-content a{color:var(--text-secondary);align-items:center;gap:10px;padding:10px 20px;font-size:.85rem;transition:all .3s;display:flex}.dropdown-content a:hover{background:var(--accent-light);color:var(--accent);padding-left:24px}.mobile-menu-btn{color:var(--text-primary);cursor:pointer;z-index:2001;background:0 0;border:none;border-radius:8px;padding:8px;transition:all .3s;display:none;position:relative}.mobile-menu-btn:hover{background-color:var(--accent-light);color:var(--accent)}.mobile-menu-overlay{z-index:2000;opacity:0;visibility:hidden;background:linear-gradient(135deg,#0a0a0a,#111);transition:all .3s;position:fixed;inset:0}.mobile-menu-overlay.active{opacity:1;visibility:visible}.mobile-menu-container{flex-direction:column;height:100%;padding:20px;display:flex;overflow-y:auto}.mobile-menu-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:20px;display:flex}.mobile-logo{align-items:center;gap:10px;font-size:1.4rem;font-weight:700;text-decoration:none;display:flex}.mobile-logo-image{object-fit:contain;filter:drop-shadow(0 2px 4px #f59e0b4d);width:42px;height:42px}.mobile-logo .logo-text{background:linear-gradient(135deg,#fbbf24,#f59e0b,#d97706);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.4rem}.mobile-menu-close{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .3s;display:flex}.mobile-menu-close:active{background:var(--accent);transform:scale(.95)}.mobile-menu-links{flex-direction:column;flex:1;gap:16px;display:flex}.mobile-link{color:var(--text-primary);background:#ffffff08;border-radius:14px;align-items:center;gap:12px;padding:12px 16px;font-size:1rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.mobile-link:active{background:#ffffff14;transform:scale(.98)}.mobile-link-icon{color:var(--accent);font-size:1.2rem}.gold-link{background:linear-gradient(135deg,#fbbf241a,#f59e0b0d);border:1px solid #fbbf244d}.gold-link .mobile-link-icon{color:#fbbf24}.mobile-dropdown{width:100%}.mobile-dropdown-btn{width:100%;color:var(--text-primary);cursor:pointer;background:#ffffff08;border:none;border-radius:14px;align-items:center;gap:12px;padding:12px 16px;font-size:1rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.mobile-dropdown-btn:active{background:#ffffff14}.mobile-dropdown-icon{margin-left:auto;font-size:1rem;transition:transform .3s}.mobile-dropdown-icon.rotated{transform:rotate(180deg)}.mobile-dropdown-content{flex-direction:column;gap:8px;margin-top:8px;margin-left:40px;display:none}.mobile-dropdown-content.active{display:flex}.mobile-dropdown-content a{color:var(--text-secondary);background:#ffffff05;border-radius:12px;align-items:center;gap:10px;padding:10px 16px;font-size:.9rem;text-decoration:none;transition:all .2s;display:flex}.mobile-dropdown-content a:active{color:var(--accent);background:#ffffff0d}.mobile-dropdown-content a svg{color:var(--accent);font-size:1rem}.mobile-menu-footer{border-top:1px solid var(--border-light);text-align:center;margin-top:30px;padding-top:20px}.mobile-social{justify-content:center;gap:20px;margin-bottom:16px;display:flex}.mobile-social a{color:var(--text-secondary);font-size:.8rem;text-decoration:none;transition:color .2s}.mobile-social a:active{color:var(--accent)}.mobile-copyright{color:var(--text-secondary);opacity:.6;font-size:.7rem}@media (max-width:768px){.navbar .container{height:60px;padding:0 20px}.logo{gap:10px}.logo-image{width:44px;height:44px}.logo-text{font-size:1.4rem}.nav-links-desktop{display:none}.mobile-menu-btn{justify-content:center;align-items:center;display:flex}}@media (max-width:480px){.navbar .container{height:55px;padding:0 16px}.logo{gap:8px}.logo-image{width:38px;height:38px}.logo-text{font-size:1.2rem}.mobile-logo-image{width:36px;height:36px}.mobile-logo .logo-text{font-size:1.2rem}.mobile-menu-container{padding:16px}.mobile-link,.mobile-dropdown-btn{padding:10px 14px;font-size:.9rem}.mobile-dropdown-content a{padding:8px 14px;font-size:.85rem}}@media (max-width:360px){.logo-image{width:34px;height:34px}.logo-text{font-size:1rem}.mobile-social{gap:14px}.mobile-social a{font-size:.7rem}}@media (prefers-reduced-motion:reduce){.navbar,.nav-links-desktop a:after,.dropdown-content,.mobile-menu-overlay,.logo-image,.mobile-logo-image{transition:none}.logo:hover .logo-image{transform:none}}@media (max-width:768px){.mobile-link,.mobile-dropdown-btn,.mobile-menu-close,.mobile-social a{cursor:pointer;-webkit-tap-highlight-color:transparent}}