:root{--bg:#07060f;--fg:#f4f2ff;--muted:#9a96b8;--a:#7c5cff;--b:#00d4ff;--c:#ff4fd8}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}#root{place-items:center;display:grid;position:relative;overflow:hidden}.blob{filter:blur(90px);opacity:.35;pointer-events:none;border-radius:50%;width:55vmax;height:55vmax;animation:22s ease-in-out infinite alternate drift;position:fixed}.blob.one{background:var(--a);top:-20vmax;left:-15vmax}.blob.two{background:var(--b);animation-delay:-8s;bottom:-25vmax;right:-15vmax}.blob.three{background:var(--c);opacity:.18;width:30vmax;height:30vmax;animation-delay:-14s;top:30%;left:45%}@keyframes drift{0%{transform:translate(0)scale(1)}to{transform:translate(6vmax,4vmax)scale(1.15)}}#root:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:48px 48px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle,#000 20%,#0000 75%);mask-image:radial-gradient(circle,#000 20%,#0000 75%)}main{z-index:1;text-align:center;max-width:44rem;padding:2rem;position:relative}h1{letter-spacing:-.03em;margin:1.6rem 0 1rem;font-size:clamp(2.6rem,9vw,5.5rem);font-weight:800;line-height:1.02}h1 span{background:linear-gradient(110deg, var(--a), var(--b), var(--c), var(--a));color:#0000;background-size:250% 100%;-webkit-background-clip:text;background-clip:text;animation:6s linear infinite shine}@keyframes shine{to{background-position:250% 0}}.lead{color:var(--muted);max-width:34rem;margin:0 auto;font-size:clamp(1rem,2.4vw,1.25rem);line-height:1.6}footer{text-align:center;color:#9a96b8b3;z-index:1;font-size:.8rem;position:fixed;bottom:1.2rem;left:0;right:0}@media (prefers-reduced-motion:reduce){*,:before,:after{animation:none!important}}
