:root{
  --bg:#070b12; --fg:#e6f1ff; --accent:#63f6ff; --accent2:#8a63ff; --danger:#ff3b81;
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  background: radial-gradient(1200px 600px at 50% 20%, #101828 0%, #0a0f1a 55%, #070b12 100%);
  color:var(--fg);
  font-family:'Rajdhani', system-ui, sans-serif;
  overflow:hidden;
}
#starfield{position:fixed; inset:0; z-index:0}
.vignette{position:fixed; inset:0; pointer-events:none; z-index:2;
  background: radial-gradient(ellipse at center, transparent 60%, rgba(0,0,0,.6) 100%);
  mix-blend-mode:multiply;
}
.scanlines{position:fixed; inset:0; z-index:2; pointer-events:none;
  background: repeating-linear-gradient(to bottom, rgba(255,255,255,0.05) 0px, rgba(255,255,255,0.05) 1px, rgba(0,0,0,0) 2px, rgba(0,0,0,0) 3px);
  animation: flicker 3s infinite steps(60); opacity:.08;
}
@keyframes flicker{0%{opacity:.06}50%{opacity:.1}100%{opacity:.06}}
.wrap{position:relative; z-index:3; height:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:22px; padding:24px; text-align:center;}
.logo{font-family:'Press Start 2P', monospace; font-size: clamp(28px, 6vw, 72px); text-transform:uppercase; position:relative; color:white;
  text-shadow: 0 0 18px rgba(138,99,255,.75), 0 0 6px rgba(99,246,255,.85); animation: floaty 4s ease-in-out infinite;}
.logo.glitch::before,.logo.glitch::after{content:attr(data-text); position:absolute; inset:0; pointer-events:none;}
.logo.glitch::before{ left:2px; text-shadow:-2px 0 var(--accent); animation:gl1 2s infinite linear alternate-reverse }
.logo.glitch::after{ left:-2px; text-shadow:2px 0 var(--danger); animation:gl2 2.6s infinite linear alternate-reverse }
@keyframes gl1{0%{clip-path:inset(0 0 75% 0)}25%{clip-path:inset(10% 0 50% 0)}50%{clip-path:inset(40% 0 35% 0)}75%{clip-path:inset(60% 0 10% 0)}100%{clip-path:inset(80% 0 0 0)}}
@keyframes gl2{0%{clip-path:inset(80% 0 0 0)}25%{clip-path:inset(60% 0 10% 0)}50%{clip-path:inset(40% 0 35% 0)}75%{clip-path:inset(10% 0 50% 0)}100%{clip-path:inset(0 0 75% 0)}}
@keyframes floaty{0%,100%{ transform: translateY(0) }50%{ transform: translateY(-6px) }}
.tagline{font-size: clamp(18px, 3vw, 28px); opacity:.9;}
.footer{ position:absolute; bottom:10px; opacity:.7; font-size:14px }