:root{--bg-deep:#050a4a;--bg-mid:#0a1170;--bg-bright:#1227d6;--text:#e6ecff;--text-muted:#e6ecffb3;--accent:#2540ff;--accent-glow:#506eff8c;--grid:#ffffff0f;letter-spacing:.1px;color:var(--text);background:var(--bg-deep);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100svh;margin:0}#root{flex-direction:column;width:100%;display:flex}h1,h2,p{margin:0}#center{text-align:center;background:radial-gradient(ellipse at 50% 40%, var(--bg-bright) 0%, var(--bg-mid) 35%, var(--bg-deep) 75%);background-position:50%;background-size:140% 140%;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:100svh;padding:32px 24px;animation:14s ease-in-out infinite bg-breathe;display:flex;position:relative;overflow:hidden}#center:before{content:"";background-image:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);pointer-events:none;background-size:64px 64px;animation:30s linear infinite grid-drift;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 30%,#0000 80%);mask-image:radial-gradient(#000 30%,#0000 80%)}#center:after{content:"";pointer-events:none;opacity:.7;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 1000' fill='none' stroke='rgba(255,255,255,0.18)' stroke-width='1.2'><path d='M40 0 Q160 125 40 250 Q-80 375 40 500 Q160 625 40 750 Q-80 875 40 1000'/><path d='M160 0 Q40 125 160 250 Q280 375 160 500 Q40 625 160 750 Q280 875 160 1000'/></svg>");background-repeat:repeat-y;background-size:contain;width:360px;animation:40s linear infinite helix-drift;position:absolute;top:0;bottom:0;right:-120px}.brand-logo{z-index:1;object-fit:contain;filter:brightness(0)invert();width:auto;max-width:80vw;height:140px;animation:1.2s ease-out both logo-in,8s ease-in-out 1.2s infinite logo-float;position:relative}@keyframes bg-breathe{0%,to{background-position:50%;background-size:140% 140%}50%{background-position:50% 45%;background-size:155% 155%}}@keyframes grid-drift{0%{background-position:0 0,0 0}to{background-position:64px 64px,64px 64px}}@keyframes helix-drift{0%{background-position:0 0}to{background-position:0 -1000px}}@keyframes logo-in{0%{opacity:0;filter:brightness(0)invert()blur(6px);transform:translateY(12px)scale(.96)}to{opacity:1;filter:brightness(0)invert()blur();transform:translateY(0)scale(1)}}@keyframes logo-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@media (prefers-reduced-motion:reduce){#center,#center:before,#center:after,.brand-logo{animation:none!important}}@media (width<=640px){.brand-logo{height:96px}}.hero{z-index:1;max-width:820px;position:relative}h1{letter-spacing:-1.5px;color:#fff;margin-bottom:24px;font-size:clamp(40px,6vw,72px);font-weight:600;line-height:1.05}.lede{color:var(--text-muted);max-width:560px;margin:0 auto 40px;font-size:clamp(16px,1.6vw,19px);line-height:1.6}.badge{letter-spacing:1.5px;text-transform:uppercase;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff14;border:1px solid #ffffff26;border-radius:999px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;display:inline-flex}.badge .dot{background:#5eff9b;border-radius:50%;width:8px;height:8px;animation:1.8s ease-in-out infinite pulse;box-shadow:0 0 10px #5eff9b}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}