:root{--color-bg-dark: #050a1b;--color-primary: #0a244d;--color-secondary: #0f3d7a;--color-accent: #00ecff;--color-accent-calypso: #00ecff;--color-accent-emerald: #34d399;--color-accent-glow: rgba(0, 236, 255, .25);--color-metallic: linear-gradient(135deg, #00ecff 0%, #34d399 100%);--color-vibrant-gradient: linear-gradient(135deg, #00ecff 0%, #0a244d 100%);--color-text-bright: #ffffff;--color-text-main: #e2e8f0;--color-text-dim: #94a3b8;--color-glass: rgba(5, 10, 20, .8);--color-border: rgba(255, 255, 255, .1);--color-light-bg: #f8fafc;--color-light-text: #0f172a;--color-glass-pure: rgba(255, 255, 255, .03);--color-glass-surface: rgba(10, 36, 77, .4);--color-glass-border: rgba(255, 255, 255, .08);--color-glass-border-bright: rgba(0, 236, 255, .2);--shadow-monolith: 0 30px 60px rgba(0, 0, 0, .5);--shadow-glow-calypso: 0 0 40px rgba(0, 236, 255, .25);--blur-premium: blur(20px);--border-thin: 1px solid var(--color-glass-border);--font-heading: "Inter", system-ui, -apple-system, sans-serif;--font-body: "Inter", system-ui, -apple-system, sans-serif;--spacing-section: 160px;--transition-cinematic: 1.2s cubic-bezier(.22, 1, .36, 1);--transition-smooth: .8s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{font-family:var(--font-body);color:var(--color-text-main);background-color:var(--color-bg-dark);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}@media(hover:hover){.custom-cursor{width:10px;height:10px;background:var(--color-accent);border-radius:50%;position:fixed;top:-5px;left:-5px;pointer-events:none;z-index:10000;transition:transform .1s ease}.cursor-follower{width:40px;height:40px;border:1px solid var(--color-accent-glow);border-radius:50%;position:fixed;top:-20px;left:-20px;pointer-events:none;z-index:9999;transition:transform .2s cubic-bezier(.23,1,.32,1)}.cursor-follower.hovering{transform:translate3d(var(--f-x),var(--f-y),0) scale(1.5)!important;background:#c6a75e26;border-color:var(--color-accent)}}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--color-text-bright);line-height:1.1;letter-spacing:-.02em}.reveal{opacity:0;transform:translateY(30px);transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1);will-change:opacity,transform}.reveal.active{opacity:1;transform:translateY(0)}.reveal-stagger>*{opacity:0;transform:translateY(20px);transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1)}.reveal-stagger.active>*{opacity:1;transform:translateY(0)}.reveal-stagger.active>*:nth-child(1){transition-delay:.1s}.reveal-stagger.active>*:nth-child(2){transition-delay:.2s}.reveal-stagger.active>*:nth-child(3){transition-delay:.3s}.reveal-stagger.active>*:nth-child(4){transition-delay:.4s}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:1rem 2.5rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;font-size:.85rem;transition:all .4s cubic-bezier(.23,1,.32,1);overflow:hidden;z-index:1}.btn-primary{background:var(--color-metallic)!important;color:var(--color-primary)!important;box-shadow:0 4px 15px #0000004d;overflow:hidden}.btn-primary:after{content:"";position:absolute;top:0;left:-100%;width:60px;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:.8s cubic-bezier(.23,1,.32,1)}.btn-primary:hover:after{left:150%}.btn-primary:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 8px 25px var(--color-accent-glow)}.btn-secondary{border:1px solid var(--color-accent);color:var(--color-accent);background:transparent}.btn-secondary:hover{background:#c6a75e0d;transform:translateY(-5px)}.container{width:100%;max-width:1400px;margin:0 auto;padding:0 var(--spacing-md)}a{transition:color .3s ease;text-decoration:none;color:inherit}.btn-logout{display:none;align-items:center;gap:6px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);padding:.5rem .8rem;border-radius:50px;color:#ef4444;font-weight:600;font-size:.75rem;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.05em}.btn-logout:hover{background:#ef444433;border-color:#ef4444;box-shadow:0 0 15px #ef444433}.btn-logout .logout-icon{font-size:.9rem}@media(max-width:600px){.btn-logout .logout-text{display:none}.btn-logout{padding:.5rem}}.welcome-audio-container{display:flex;align-items:center}.welcome-audio-btn{display:flex;align-items:center;gap:8px;background:#00ecff0d;border:1px solid rgba(0,236,255,.2);padding:.5rem 1rem;border-radius:50px;color:var(--color-accent-calypso);font-weight:600;font-size:.8rem;cursor:pointer;transition:all .3s cubic-bezier(.23,1,.32,1);box-shadow:0 4px 15px #0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-transform:uppercase;letter-spacing:.05em}.welcome-audio-btn:hover{background:#00ecff1f;border-color:var(--color-accent-calypso);box-shadow:0 0 20px #00ecff40;transform:translateY(-2px)}.welcome-audio-btn.playing{border-color:var(--color-accent-emerald);color:var(--color-accent-emerald);box-shadow:0 0 20px #10b98133}.welcome-audio-btn .audio-icon{font-size:1rem;display:flex;align-items:center;justify-content:center}.welcome-audio-btn:active{transform:translateY(0)}@media(max-width:600px){.welcome-audio-btn .audio-text{display:none}.welcome-audio-btn{padding:.5rem}}