:root{--bg-deep: #050508;--bg-mid: #0d0d12;--yellow: #fcee0a;--red: #ff003c;--cyan: #00f0ff;--ink: #e8e6e3;--muted: #8a8894;--font-display: "Orbitron", sans-serif;--font-mono: "Share Tech Mono", monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%;height:100%}body{font-family:var(--font-mono);color:var(--ink);background:var(--bg-deep);overflow:hidden;-webkit-font-smoothing:antialiased}.page{position:relative;min-height:100%;display:grid;place-items:center;padding:clamp(1.5rem,4vw,3rem);background:radial-gradient(ellipse 80% 60% at 50% 110%,rgba(255,0,60,.22),transparent 55%),radial-gradient(ellipse 70% 50% at 15% 20%,rgba(0,240,255,.08),transparent 50%),radial-gradient(ellipse 60% 40% at 85% 30%,rgba(252,238,10,.07),transparent 45%),linear-gradient(180deg,var(--bg-mid) 0%,var(--bg-deep) 100%);animation:fade-in .8s ease both}.page--boot .hero{opacity:0;transform:translateY(12px)}.page:not(.page--boot) .hero{animation:rise .9s cubic-bezier(.16,1,.3,1) both}.scanlines{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.18) 2px,rgba(0,0,0,.18) 4px);mix-blend-mode:multiply;opacity:.45;z-index:3}.grid{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(252,238,10,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(252,238,10,.04) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 50%,black,transparent 85%);mask-image:radial-gradient(ellipse 70% 60% at 50% 50%,black,transparent 85%);animation:grid-drift 18s linear infinite;z-index:1}.noise{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");z-index:2}.hero{position:relative;z-index:4;width:min(920px,100%);text-align:center;display:flex;flex-direction:column;align-items:center;gap:clamp(1rem,3vw,1.75rem)}.brand{font-family:var(--font-display);font-weight:900;font-size:clamp(4.5rem,18vw,9.5rem);line-height:.9;letter-spacing:.08em;color:var(--yellow);text-shadow:0 0 24px rgba(252,238,10,.35),4px 0 0 rgba(255,0,60,.55),-3px 0 0 rgba(0,240,255,.4);position:relative;animation:brand-pulse 3.2s ease-in-out infinite}.brand:after{content:attr(data-text);position:absolute;top:0;right:0;bottom:0;left:0;color:transparent;-webkit-text-stroke:1px rgba(252,238,10,.35);transform:translate(6px,4px);opacity:.5;z-index:-1}.status{font-family:var(--font-display);font-weight:700;font-size:clamp(1.35rem,4.5vw,2.35rem);letter-spacing:.28em;text-indent:.28em;color:var(--ink);position:relative;padding:.55rem 1.25rem;border:1px solid rgba(252,238,10,.45);background:linear-gradient(90deg,#ff003c1f,#00000059,#00f0ff14);clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px))}.status--glitch{animation:glitch .18s steps(2) both}.status--glitch:before,.status--glitch:after{content:attr(data-text);position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:inherit;letter-spacing:inherit;text-indent:inherit}.status--glitch:before{color:var(--cyan);transform:translate(-3px,1px);mix-blend-mode:screen}.status--glitch:after{color:var(--red);transform:translate(3px,-1px);mix-blend-mode:screen}.tagline{max-width:36rem;font-size:clamp(.95rem,2.2vw,1.1rem);line-height:1.55;color:var(--muted)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes brand-pulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.08)}}@keyframes grid-drift{0%{background-position:0 0}to{background-position:48px 48px}}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-4px,1px)}40%{transform:translate(4px,-1px)}60%{transform:translate(-2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}@media(max-width:560px){.status{letter-spacing:.16em;text-indent:.16em}}@media(prefers-reduced-motion:reduce){.page,.hero,.brand,.grid,.status--glitch{animation:none!important}}