@import url("https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800;900&family=Exo+2:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap");:root{--font-orbitron:"Orbitron",sans-serif;--etu-accent:#7c3aed;--etu-black:#000;--etu-space-1:#0a0614;--etu-space-2:#0b1023;--etu-space-3:#111936;--etu-deep-900:#020617;--etu-deep-800:#0f172a;--etu-deep-700:#1e293b;--etu-deep-600:#334155;--etu-cyan-300:#67e8f9;--etu-cyan-400:#22d3ee;--etu-cyan-500:#06b6d4;--etu-cyan-600:#0891b2;--etu-blue-400:#60a5fa;--etu-blue-500:#3b82f6;--etu-blue-600:#2563eb;--etu-indigo-400:#818cf8;--etu-indigo-500:#6366f1;--etu-indigo-600:#4f46e5;--etu-purple-400:#a78bfa;--etu-purple-500:#8b5cf6;--etu-purple-600:#7c3aed;--etu-purple-700:#6d28d9;--etu-pink-400:#f472b6;--etu-pink-500:#ec4899;--etu-pink-600:#db2777;--etu-amber-300:#fcd34d;--etu-amber-400:#fbbf24;--etu-orange-500:#f97316;--etu-emerald-300:#6ee7b7;--etu-emerald-400:#34d399;--etu-green-400:#4ade80;--etu-rose-400:#fb7185;--etu-rose-500:#f43f5e;--etu-red-500:#ef4444;--etu-rebel-yellow:#fbbf24;--etu-rust-amber:#f4a64a;--etu-neon-green:#39ff7a;--etu-neon-orange:#ff7a1a;--etu-neon-pink:#ff2d95;--etu-purple-deep:#4c1d95;--etu-purple-vault:#3b1078;--etu-purple-noir:#2a1455;--bg-page:var(--etu-deep-900);--bg-surface:hsla(0,0%,100%,.05);--bg-surface-2:hsla(0,0%,100%,.1);--bg-panel:rgba(15,23,42,.6);--bg-panel-glass:rgba(2,6,23,.8);--bg-elevated:rgba(15,23,42,.95);--fg-primary:#f1f5f9;--fg-secondary:#cbd5e1;--fg-muted:#94a3b8;--fg-subtle:#64748b;--fg-accent:var(--etu-cyan-400);--fg-on-accent:#fff;--border-hairline:hsla(0,0%,100%,.1);--border-soft:hsla(0,0%,100%,.2);--border-cyan:rgba(34,211,238,.2);--border-cyan-hi:rgba(34,211,238,.4);--border-purple:rgba(124,58,237,.3);--grad-headline:linear-gradient(90deg,var(--etu-cyan-400),var(--etu-blue-400),var(--etu-indigo-400));--grad-devlog:linear-gradient(90deg,var(--etu-purple-600),var(--etu-pink-500),var(--etu-cyan-600));--grad-cta:linear-gradient(90deg,var(--etu-indigo-600),var(--etu-purple-600));--grad-page-bg:linear-gradient(180deg,var(--etu-deep-900),var(--etu-deep-800),#000);--grad-cosmic:radial-gradient(1200px 600px at 50% -10%,rgba(124,58,237,.35),transparent 60%),radial-gradient(800px 400px at 10% 20%,rgba(56,189,248,.25),transparent 60%),radial-gradient(600px 300px at 90% 30%,rgba(236,72,153,.15),transparent 60%),linear-gradient(180deg,var(--etu-space-2),var(--etu-space-3) 70%,var(--etu-space-1));--glow-cyan-sm:0 0 12px rgba(34,211,238,.3);--glow-cyan:0 0 20px rgba(34,211,238,.4);--glow-cyan-lg:0 0 50px rgba(34,211,238,.5);--glow-purple:0 0 30px rgba(168,85,247,.4);--glow-purple-lg:0 0 50px rgba(124,58,237,.5);--glow-indigo:0 0 20px rgba(99,102,241,.5);--glow-pink:0 0 30px rgba(236,72,153,.6);--shadow-panel:0 8px 32px rgba(0,0,0,.8);--shadow-card:0 4px 16px rgba(0,0,0,.4);--shadow-cta:0 8px 20px rgba(0,0,0,.4),0 0 30px rgba(59,130,246,.3);--font-display:"Orbitron","Exo 2",system-ui,sans-serif;--font-body:"Exo 2","Inter",system-ui,-apple-system,sans-serif;--font-mono:"JetBrains Mono","IBM Plex Mono",ui-monospace,monospace;--fs-display-1:clamp(2.5rem,5vw,4rem);--fs-display-2:clamp(2rem,4vw,3rem);--fs-h1:2.25rem;--fs-h2:1.875rem;--fs-h3:1.5rem;--fs-h4:1.25rem;--fs-body:1rem;--fs-small:0.875rem;--fs-tiny:0.75rem;--lh-tight:1.15;--lh-snug:1.3;--lh-normal:1.55;--tracking-display:0.08em;--tracking-eyebrow:0.20em;--tracking-body:0.01em;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--space-10:128px;--radius-sm:6px;--radius:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-pill:9999px;--ease-out:cubic-bezier(0.22,1,0.36,1);--ease-in-out:cubic-bezier(0.65,0,0.35,1);--dur-fast:150ms;--dur:300ms;--dur-slow:500ms}body{font-family:var(--font-body)}::-moz-selection{background:rgba(99,102,241,.4);color:#fff}::selection{background:rgba(99,102,241,.4);color:#fff}.font-display{font-family:var(--font-display)}.font-body{font-family:var(--font-body)}.font-mono{font-family:var(--font-mono)}.eyebrow{letter-spacing:var(--tracking-eyebrow);font-size:var(--fs-tiny);font-weight:600}.eyebrow,.eyebrow-etched{font-family:var(--font-display);text-transform:uppercase;color:var(--fg-muted)}.eyebrow-etched{font-weight:700;letter-spacing:.32em;text-shadow:0 1px 0 rgba(0,0,0,.9),0 -1px 0 hsla(0,0%,100%,.06)}.etu-headline-grad,.headline-gradient{background:var(--grad-headline);-webkit-background-clip:text;background-clip:text;color:transparent}.devlog-gradient,.etu-devlog-grad{background:var(--grad-devlog);-webkit-background-clip:text;background-clip:text;color:transparent}.display-metal{font-size:var(--fs-display-1);font-weight:800;letter-spacing:.06em;background:linear-gradient(180deg,#f8fbff,#b8c8d8 30%,#5e6f82 55%,#2a3344 70%,#6a7d92 90%,#cfd8e3);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 1px 0 rgba(255,255,255,.25)) drop-shadow(0 -1px 0 rgba(0,0,0,.6)) drop-shadow(0 4px 0 #050a18) drop-shadow(0 8px 0 #03060f) drop-shadow(0 18px 28px rgba(0,0,0,.85)) drop-shadow(0 0 24px rgba(147,197,253,.25))}.display-metal,.display-neon{font-family:var(--font-display);text-transform:uppercase}.display-neon{font-weight:700;letter-spacing:.16em;color:var(--etu-deep-900);-webkit-text-stroke:1.5px var(--etu-cyan-300);text-shadow:0 0 6px var(--etu-cyan-400),0 0 14px var(--etu-cyan-400),0 0 28px rgba(34,211,238,.6),0 4px 0 rgba(0,0,0,.7),0 8px 22px rgba(0,0,0,.7)}.etu-glass{background:var(--bg-panel);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-hairline);border-radius:var(--radius-lg);transition:border-color var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease-out)}.etu-glass:hover{border-color:var(--border-cyan-hi);box-shadow:0 0 30px rgba(34,211,238,.18)}.etu-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-pill);font-family:var(--font-display);font-size:10px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;border:1px solid var(--border-hairline);background:var(--bg-surface);color:var(--fg-secondary)}.etu-pill .ping{width:8px;height:8px;border-radius:50%;background:var(--etu-rose-500);box-shadow:0 0 10px var(--etu-rose-500);animation:etu-pulse 1.6s infinite}.etu-pill--cyan{border-color:rgba(34,211,238,.45);color:var(--etu-cyan-300);background:rgba(34,211,238,.06)}.etu-pill--amber{border-color:rgba(251,191,36,.45);color:var(--etu-amber-300);background:rgba(251,191,36,.06)}.etu-pill--purple{border-color:rgba(168,85,247,.45);color:#c4b5fd;background:rgba(168,85,247,.06)}.etu-pill--green{border-color:rgba(52,211,153,.45);color:var(--etu-emerald-300);background:rgba(52,211,153,.06)}@keyframes etu-pulse{0%,to{opacity:1}50%{opacity:.35}}.btn-ghost{display:inline-flex;align-items:center;gap:8px;padding:13px 22px;border-radius:var(--radius-md);border:1px solid var(--border-cyan);background:rgba(34,211,238,.04);color:var(--etu-cyan-300);font-family:var(--font-display);font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:border-color var(--dur) var(--ease-out),background var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease-out)}.btn-ghost:hover{border-color:rgba(34,211,238,.6);background:rgba(34,211,238,.08);box-shadow:0 0 24px rgba(34,211,238,.3)}.etu-header-glow{position:relative}.etu-header-glow:after,.etu-header-glow:before{content:"";position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--etu-cyan-400),transparent);opacity:.55}.etu-header-glow:before{top:0}.etu-header-glow:after{bottom:0;opacity:.25}.text-etu-accent{color:var(--etu-accent)}.bg-etu-accent{background-color:var(--etu-accent)}.bg-etu-cosmic-gradient{background:radial-gradient(1200px 600px at 50% -10%,rgba(124,58,237,.35),transparent 60%),radial-gradient(800px 400px at 10% 20%,rgba(56,189,248,.25),transparent 60%),radial-gradient(600px 300px at 90% 30%,rgba(236,72,153,.15),transparent 60%),linear-gradient(180deg,var(--etu-space-2),var(--etu-space-3) 70%,var(--etu-space-1))}.etu-starfield:after,.etu-starfield:before{content:"";position:absolute;inset:0;background-repeat:repeat;background-image:radial-gradient(1px 1px at 10% 20%,hsla(0,0%,100%,.8) 50%,transparent 51%),radial-gradient(1px 1px at 70% 40%,hsla(0,0%,100%,.7) 50%,transparent 51%),radial-gradient(1px 1px at 30% 80%,hsla(0,0%,100%,.6) 50%,transparent 51%),radial-gradient(1px 1px at 90% 70%,hsla(0,0%,100%,.6) 50%,transparent 51%),radial-gradient(1px 1px at 50% 50%,hsla(0,0%,100%,.9) 50%,transparent 51%);animation:etu-parallax 80s linear infinite;opacity:.6}.etu-starfield:after{animation-duration:120s;opacity:.35}@keyframes etu-parallax{0%{transform:translateY(0)}to{transform:translateY(-800px)}}@keyframes scan-line{0%{left:0;opacity:0}10%{opacity:1}90%{opacity:1}to{left:100%;opacity:0}}.animate-scan-line{animation:scan-line 2s ease-in-out infinite}.spark{position:absolute;width:4px;height:4px;background:#ef4444;border-radius:50%;box-shadow:0 0 8px #ef4444,0 0 16px #f97316;opacity:0;animation:spark-flash .6s ease-in-out infinite}.spark-tl{top:0;left:0;animation-delay:0s}.spark-tr{top:0;right:0;animation-delay:.15s}.spark-bl{bottom:0;left:0;animation-delay:.3s}.spark-br{bottom:0;right:0;animation-delay:.45s}@keyframes spark-flash{0%,to{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.5)}}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.animate-shimmer{animation:shimmer 2s infinite}.font-orbitron{font-family:var(--font-orbitron),"Orbitron",sans-serif}.cinematic-title,.cinematic-title-container{position:relative;display:inline-block}.cinematic-title{font-family:var(--font-orbitron),"Orbitron",sans-serif;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#c7d9e8;text-shadow:0 0 30px rgba(147,197,253,.4),0 0 60px rgba(147,197,253,.2),0 2px 4px rgba(0,0,0,.6);animation:title-glow-pulse 4s ease-in-out infinite}@keyframes title-glow-pulse{0%,to{text-shadow:0 0 30px rgba(147,197,253,.4),0 0 60px rgba(147,197,253,.2),0 2px 4px rgba(0,0,0,.6)}50%{text-shadow:0 0 40px rgba(147,197,253,.6),0 0 80px rgba(147,197,253,.3),0 2px 4px rgba(0,0,0,.6)}}.cinematic-subtitle{font-weight:500;letter-spacing:.2em;color:#a5b4fc;text-shadow:0 0 10px rgba(165,180,252,.5),0 0 20px rgba(139,92,246,.3),0 2px 4px rgba(0,0,0,.8)}.btn-3d,.cinematic-subtitle{font-family:var(--font-orbitron),"Orbitron",sans-serif;text-transform:uppercase}.btn-3d{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 2rem;font-weight:700;font-size:1rem;letter-spacing:.1em;border:none;border-radius:12px;cursor:pointer;transition:all .1s ease;transform-style:preserve-3d;box-shadow:inset 0 2px 0 hsla(0,0%,100%,.3),inset 0 -3px 0 rgba(0,0,0,.2),inset 2px 0 0 hsla(0,0%,100%,.1),inset -2px 0 0 rgba(0,0,0,.1),0 6px 0 var(--btn-shadow-color,#1e3a5f),0 8px 20px rgba(0,0,0,.4),0 0 30px var(--btn-glow-color,rgba(59,130,246,.3));transform:translateY(0)}.btn-3d:hover{transform:translateY(-2px);box-shadow:inset 0 2px 0 hsla(0,0%,100%,.4),inset 0 -3px 0 rgba(0,0,0,.2),inset 2px 0 0 hsla(0,0%,100%,.15),inset -2px 0 0 rgba(0,0,0,.1),0 8px 0 var(--btn-shadow-color,#1e3a5f),0 12px 30px rgba(0,0,0,.5),0 0 50px var(--btn-glow-color,rgba(59,130,246,.5))}.btn-3d:active{transform:translateY(4px);box-shadow:inset 0 2px 0 hsla(0,0%,100%,.1),inset 0 -1px 0 rgba(0,0,0,.3),inset 2px 0 0 hsla(0,0%,100%,.05),inset -2px 0 0 rgba(0,0,0,.15),0 2px 0 var(--btn-shadow-color,#1e3a5f),0 3px 10px rgba(0,0,0,.3),0 0 20px var(--btn-glow-color,rgba(59,130,246,.2))}.btn-3d-steam{background:linear-gradient(180deg,rgba(56,189,248,.5),rgba(14,165,233,.5) 30%,rgba(2,132,199,.5) 70%,rgba(3,105,161,.5));color:#fff;--btn-shadow-color:rgba(7,89,133,.5);--btn-glow-color:rgba(56,189,248,.3);backdrop-filter:blur(8px);border:1px solid rgba(56,189,248,.3)}.btn-3d-steam:hover{background:linear-gradient(180deg,rgba(125,211,252,.6),rgba(56,189,248,.6) 30%,rgba(14,165,233,.6) 70%,rgba(2,132,199,.6));--btn-glow-color:rgba(56,189,248,.5);border-color:rgba(56,189,248,.5)}.btn-3d-red{background:linear-gradient(180deg,hsla(0,91%,71%,.5),rgba(239,68,68,.5) 30%,rgba(220,38,38,.5) 70%,rgba(185,28,28,.5));color:#fff;--btn-shadow-color:rgba(127,29,29,.5);--btn-glow-color:rgba(239,68,68,.3);backdrop-filter:blur(8px);border:1px solid rgba(239,68,68,.3)}.btn-3d-red:hover{background:linear-gradient(180deg,hsla(0,94%,82%,.6),hsla(0,91%,71%,.6) 30%,rgba(239,68,68,.6) 70%,rgba(220,38,38,.6));--btn-glow-color:rgba(239,68,68,.5);border-color:rgba(239,68,68,.5)}.black-metal-title{font-family:var(--font-orbitron),"Orbitron",sans-serif;color:transparent;-webkit-text-fill-color:transparent;-webkit-text-stroke:2px #06b6d4;font-weight:700;letter-spacing:.1em;position:relative;display:inline-block}@keyframes border-spark-glow{0%,to{filter:drop-shadow(-1px -1px 0 #d4af37) drop-shadow(1px 1px 0 #d4af37)}25%{filter:drop-shadow(-1px -1px 2px #ffcc00) drop-shadow(1px 1px 2px #ffcc00)}50%{filter:drop-shadow(-2px -2px 1px #d4af37) drop-shadow(2px 2px 1px #d4af37)}75%{filter:drop-shadow(-1px -1px 2px #ffcc00) drop-shadow(1px 1px 2px #ffcc00)}}.golden-spark{position:absolute;width:4px;height:4px;border-radius:50%;opacity:0;pointer-events:none;filter:blur(.5px)}.golden-spark-1{top:8%;left:3%;background:radial-gradient(circle,#a855f7 0,#8b5cf6 50%,transparent 100%);box-shadow:0 0 8px #a855f7,0 0 16px #8b5cf6,0 0 24px #6366f1;animation:neon-spark-flash-1 2.5s ease-in-out infinite}.golden-spark-2{top:12%;right:5%;background:radial-gradient(circle,#3b82f6 0,#2563eb 50%,transparent 100%);box-shadow:0 0 8px #3b82f6,0 0 16px #2563eb,0 0 24px #1d4ed8;animation:neon-spark-flash-2 2.8s ease-in-out infinite}.golden-spark-3{bottom:10%;left:8%;background:radial-gradient(circle,#06b6d4 0,#0891b2 50%,transparent 100%);box-shadow:0 0 8px #06b6d4,0 0 16px #0891b2,0 0 24px #0e7490;animation:neon-spark-flash-3 3s ease-in-out infinite}.golden-spark-4{bottom:15%;right:4%;background:radial-gradient(circle,#8b5cf6 0,#7c3aed 50%,transparent 100%);box-shadow:0 0 8px #8b5cf6,0 0 16px #7c3aed,0 0 24px #6d28d9;animation:neon-spark-flash-4 2.3s ease-in-out infinite}.golden-spark-5{top:45%;left:1%;background:radial-gradient(circle,#6366f1 0,#4f46e5 50%,transparent 100%);box-shadow:0 0 8px #6366f1,0 0 16px #4f46e5,0 0 24px #4338ca;animation:neon-spark-flash-5 2.6s ease-in-out infinite}.golden-spark-6{top:55%;right:2%;background:radial-gradient(circle,#a855f7 0,#9333ea 50%,transparent 100%);box-shadow:0 0 8px #a855f7,0 0 16px #9333ea,0 0 24px #7e22ce;animation:neon-spark-flash-6 2.9s ease-in-out infinite}@keyframes neon-spark-flash-1{0%,to{opacity:0;transform:scale(.5) translate(0)}20%{opacity:1;transform:scale(2.5) translate(3px,-3px)}40%{opacity:.6;transform:scale(1.5) translate(-2px,2px)}60%{opacity:.9;transform:scale(2) translate(2px,-4px)}80%{opacity:.4;transform:scale(1) translate(-1px,1px)}}@keyframes neon-spark-flash-2{0%,to{opacity:0;transform:scale(.5) rotate(0deg)}25%{opacity:1;transform:scale(2.2) rotate(45deg) translate(-3px,2px)}50%{opacity:.7;transform:scale(1.8) rotate(90deg) translate(2px,-3px)}75%{opacity:.5;transform:scale(1.3) rotate(135deg) translate(-1px,1px)}}@keyframes neon-spark-flash-3{0%,to{opacity:0;transform:scale(.3) translateX(0)}30%{opacity:1;transform:scale(2.8) translateX(5px) translateY(-5px)}60%{opacity:.8;transform:scale(1.6) translateX(-3px) translateY(3px)}}@keyframes neon-spark-flash-4{0%,to{opacity:0;transform:scale(.4) rotate(0deg)}35%{opacity:1;transform:scale(2.4) rotate(-45deg) translate(4px,-4px)}70%{opacity:.6;transform:scale(1.4) rotate(-90deg) translate(-2px,2px)}}@keyframes neon-spark-flash-5{0%,to{opacity:0;transform:scale(.6) translateY(0)}40%{opacity:1;transform:scale(2.6) translateY(-6px) translateX(3px)}80%{opacity:.5;transform:scale(1.2) translateY(2px) translateX(-2px)}}@keyframes neon-spark-flash-6{0%,to{opacity:0;transform:scale(.5) rotate(0deg)}45%{opacity:1;transform:scale(2.7) rotate(60deg) translate(-4px,-3px)}90%{opacity:.7;transform:scale(1.5) rotate(120deg) translate(2px,2px)}}@keyframes golden-spark-flash{0%,to{opacity:0;transform:scale(.5) translateY(0)}30%{opacity:1;transform:scale(1.8) translateY(-2px)}60%{opacity:.8;transform:scale(1.2) translateY(-1px)}}