:root{--c-bg-deep:#1a1a1a;--c-bg-primary:#242424;--c-bg-mid:#333;--c-bg-surface:#444;--c-bg-light:#555;--c-accent:#f97316;--c-accent-bright:#fb923c;--c-accent-dim:#ea580c;--c-cyan:#fdba74;--c-cta-start:#f97316;--c-cta-end:#ea580c;--c-cta-hover-start:#ea580c;--c-cta-hover-end:#c2410c;--c-success:#1e8c3d;--c-gold:#e2a024;--c-error:#ff3b30;--c-text:#fff;--c-text-70:#ffffffb3;--c-text-50:#ffffff80;--c-text-30:#ffffff4d;--glass-fill:linear-gradient(135deg, #ffffff14 0%, #ffffff05 50%, #f973160f 100%);--glass-border:#fefeff1f;--glass-border-accent:#f973164d;--glass-glow:0 4px 24px #f9731633, 0 1px 3px #0003;--glass-glow-hover:0 8px 40px #f973164d, 0 2px 6px #00000040;--c-header-scrolled-bg:#1a1a1ae0;--c-header-scrolled-bg-light:#f0e8e0e6;--c-mobile-menu-bg:#1a1a1af5;--c-mobile-menu-bg-light:#f0e8e0f5;--c-tag-bg:#f973161f;--c-tag-border:#f9731640;--c-icon-bg:#f9731626;--c-cta-glow:#f9731659;--c-cta-glow-hover:#f9731680;--c-cta-radial:#f9731626}[data-theme=light]{--c-bg-deep:#e8e0d8;--c-bg-primary:#f0e8e0;--c-bg-mid:#f5efe8;--c-bg-surface:#faf5f0;--c-bg-light:#fdfaf7;--c-text:#2a2018;--c-text-70:#2a2018bf;--c-text-50:#2a2018a6;--c-text-30:#2a201873;--glass-fill:linear-gradient(135deg, #ffffffb3 0%, #fff6 50%, #f973160f 100%);--glass-border:#2a20181a;--glass-border-accent:#f9731640;--glass-glow:0 4px 24px #f973161a, 0 1px 3px #0000000f;--glass-glow-hover:0 8px 40px #f973162e, 0 2px 6px #00000014}.nav-dashboard-btn{font-size:.8rem;font-weight:700;font-family:var(--f-body);color:#fff;background:linear-gradient(145deg, var(--c-cta-start), var(--c-cta-end));transition:transform var(--transition-fast), box-shadow var(--transition-fast);border-radius:28px;align-items:center;min-height:36px;padding:7px 18px;text-decoration:none;display:none;box-shadow:4px 4px 10px #00000059,-2px -2px 6px #ffffff0a,inset 0 1px 1px #fff3}@media (hover:hover){.nav-dashboard-btn:hover{transform:translateY(-2px);box-shadow:5px 5px 14px #0006,-2px -2px 8px #ffffff0d,inset 0 1px 1px #ffffff40}}.nav-dashboard-btn:active{transform:translateY(1px);box-shadow:2px 2px 4px #0000004d,inset 0 2px 4px #0003}@media (width>=768px){.nav-dashboard-btn{display:flex}}.hero-logo{width:clamp(200px,40vw,320px);height:auto}.hero-logo img{filter:drop-shadow(0 6px 28px #f9731680);border-radius:0}.hero-logo:before,.hero-logo:after{display:none}