:root{--bg-0:#03070d;--bg-1:#081523;--bg-2:#0f2d3f;--line:rgba(137,246,255,.12);--glow-a:#69f0ff;--glow-b:#9cff8f;--text:#e9fcff}*{box-sizing:border-box}body,html{width:100%;min-height:100%;margin:0;padding:0}body{font-family:JetBrains Mono,Fira Code,IBM Plex Mono,monospace;color:var(--text);background:radial-gradient(120vmax 90vmax at 20% 20%,rgba(105,240,255,.16),transparent 60%),radial-gradient(100vmax 80vmax at 80% 70%,rgba(156,255,143,.1),transparent 60%),linear-gradient(145deg,var(--bg-0) 0,var(--bg-1) 52%,var(--bg-2) 100%);background-size:120% 120%,120% 120%,100% 100%;animation:drift 18s ease-in-out infinite alternate}.hero{position:relative;isolation:isolate;width:100%;min-height:100vh;display:grid;place-items:center;overflow:hidden;padding:1.5rem}.hero:before{background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(circle at center,#000 35%,transparent 90%);mask-image:radial-gradient(circle at center,#000 35%,transparent 90%);z-index:-2;animation:grid-shift 12s linear infinite}.hero:after,.hero:before{content:"";position:absolute;inset:0}.hero:after{background:linear-gradient(180deg,transparent,rgba(105,240,255,.07) 48%,transparent 52%,transparent);mix-blend-mode:screen;animation:scanline 7s linear infinite;z-index:-1;pointer-events:none}.hero-title{margin:0;font-size:clamp(2.5rem,10vw,8rem);font-weight:700;letter-spacing:.04em;text-transform:none;text-shadow:0 0 12px rgba(105,240,255,.45),0 0 34px rgba(156,255,143,.25);animation:flicker 3.2s steps(40) infinite,breathe 6s ease-in-out infinite}@keyframes drift{0%{background-position:0 0,100% 100%,50% 50%}to{background-position:12% 8%,88% 92%,50% 50%}}@keyframes grid-shift{0%{background-position:0 0,0 0}to{background-position:44px 22px,22px 44px}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}@keyframes flicker{0%,17%,23%,42%,70%,to{opacity:1}19%,21%,68%{opacity:.82}}@keyframes breathe{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-2px) scale(1.01)}}@media (max-width:560px){.hero-title{letter-spacing:.02em}.hero:before{background-size:30px 30px}}@media (prefers-reduced-motion:reduce){.hero-title,.hero:after,.hero:before,body{animation:none}}