.header { position:fixed; top:0; left:0; width:100%; height:var(--header-height); background:rgba(10,10,22,0.82); backdrop-filter:blur(20px); border-bottom:1px solid var(--border-subtle); z-index:1000; transition:var(--transition-smooth); }
.header.scrolled { background:rgba(6,6,14,0.92); box-shadow:0 4px 32px rgba(0,0,0,0.5); border-bottom-color:var(--border-glow); }
.header-inner { max-width:var(--max-width); margin:0 auto; padding:0 24px; height:100%; display:flex; align-items:center; justify-content:space-between; gap:20px; }
.header-logo-link { display:flex; align-items:center; gap:12px; text-decoration:none; flex-shrink:0; z-index:1001; }
.header-logo-img { width:44px; height:44px; border-radius:50%; object-fit:contain; transition:var(--transition-smooth); filter:drop-shadow(0 0 12px rgba(123,92,252,0.3)); }
.header-logo-link:hover .header-logo-img { filter:drop-shadow(0 0 22px rgba(123,92,252,0.6)); transform:scale(1.05); }
.header-brand { font-family:var(--font-heading); font-weight:700; font-size:1.25rem; color:var(--text-primary); letter-spacing:-0.02em; }
.header-brand span { color:var(--accent-light); }
.nav-list { display:flex; list-style:none; gap:6px; align-items:center; }
.nav-list a { text-decoration:none; color:var(--text-secondary); font-size:0.9rem; font-weight:500; padding:8px 16px; border-radius:var(--radius-full); transition:var(--transition-fast); white-space:nowrap; }
.nav-list a:hover, .nav-list a.active { color:var(--text-primary); background:rgba(123,92,252,0.12); }
.nav-cta { padding:10px 20px !important; font-size:0.85rem !important; }
.hamburger { display:none; flex-direction:column; gap:5px; cursor:pointer; z-index:1001; background:none; border:none; padding:8px; border-radius:var(--radius-sm); }
.hamburger span { display:block; width:26px; height:2.5px; background:var(--text-primary); border-radius:3px; transition:var(--transition-smooth); transform-origin:center; }
.hamburger.active span:nth-child(1) { transform:translateY(7.5px) rotate(45deg); }
.hamburger.active span:nth-child(2) { opacity:0; transform:scaleX(0); }
.hamburger.active span:nth-child(3) { transform:translateY(-7.5px) rotate(-45deg); }
.mobile-menu { display:none; position:fixed; top:var(--header-height); left:0; width:100%; background:rgba(10,10,22,0.96); backdrop-filter:blur(24px); border-bottom:1px solid var(--border-glow); padding:20px 24px; z-index:999; flex-direction:column; gap:4px; box-shadow:var(--shadow-elevated); max-height:calc(100vh - var(--header-height)); overflow-y:auto; transform:translateY(-10px); opacity:0; visibility:hidden; transition:var(--transition-smooth); }
.mobile-menu.open { display:flex; transform:translateY(0); opacity:1; visibility:visible; }
.mobile-menu a { text-decoration:none; color:var(--text-secondary); font-size:1rem; font-weight:500; padding:14px 18px; border-radius:var(--radius-md); transition:var(--transition-fast); display:block; }
.mobile-menu a:hover { color:var(--text-primary); background:rgba(123,92,252,0.1); }
.mobile-menu .divider { height:1px; background:var(--border-subtle); margin:8px 0; }
.cta-mobile { background:var(--gradient-accent) !important; color:#fff !important; text-align:center; font-weight:600; border-radius:var(--radius-full) !important; margin-top:8px; }