:root{--bg:#02030b;--white:#fff;--muted:#b9c2df;--cyan:#36e7ff;--purple:#a64cff}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{background:var(--bg);color:var(--white);font-family:Arial,Helvetica,sans-serif}
#universe{position:fixed;inset:0;width:100%;height:100%;z-index:0;background:radial-gradient(circle at 50% 45%,#111532 0,#050715 42%,#010208 78%)}
.nebula{position:fixed;width:65vw;height:65vw;border-radius:50%;filter:blur(85px);opacity:.17;z-index:1;pointer-events:none;mix-blend-mode:screen;animation:nebula 12s ease-in-out infinite alternate}
.nebula-one{left:-20vw;top:-20vw;background:radial-gradient(circle,#236cff 0,transparent 68%)}.nebula-two{right:-25vw;bottom:-25vw;background:radial-gradient(circle,#a22dff 0,transparent 68%);animation-delay:-5s}
.vignette{position:fixed;inset:0;z-index:2;pointer-events:none;background:radial-gradient(circle at center,transparent 38%,rgba(0,0,0,.25) 70%,rgba(0,0,0,.72) 100%)}
.hero{position:relative;z-index:3;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 20px 70px;perspective:900px}
.logo-wrap{width:min(850px,84vw);filter:drop-shadow(0 0 18px rgba(255,255,255,.16)) drop-shadow(0 0 50px rgba(58,117,255,.17));animation:float 6s ease-in-out infinite;will-change:transform}
.logo{display:block;width:100%;height:auto}.eyebrow{margin:24px 0 7px;font-size:clamp(10px,1vw,14px);font-weight:700;letter-spacing:.58em;color:#cbd3ed;text-indent:.58em}
h1{margin:0;font-size:clamp(25px,3.4vw,52px);line-height:1.04;letter-spacing:.07em;font-weight:900;text-shadow:0 0 28px rgba(71,112,255,.35)}h1 span{background:linear-gradient(90deg,#fff,#8feeff,#d7a5ff,#fff);background-size:220% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shine 5s linear infinite}
.divider{display:flex;align-items:center;gap:10px;margin:20px 0 12px}.divider i{display:block;width:52px;height:1px;background:linear-gradient(90deg,transparent,#4cecff)}.divider i:last-child{transform:scaleX(-1)}.divider b{width:7px;height:7px;border:1px solid #7ef3ff;transform:rotate(45deg);box-shadow:0 0 12px #4cecff}
.coming{margin:0;color:#d8def2;font-size:clamp(10px,1vw,14px);font-weight:700;letter-spacing:.55em;text-indent:.55em}footer{position:fixed;z-index:4;bottom:18px;left:0;right:0;text-align:center;font-size:10px;letter-spacing:.18em;color:rgba(255,255,255,.38)}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes nebula{from{transform:scale(.9) translate(0,0)}to{transform:scale(1.15) translate(4vw,2vw)}}@keyframes shine{to{background-position:220% center}}
@media(max-width:600px){.hero{padding-bottom:55px}.logo-wrap{width:94vw}.eyebrow{margin-top:22px;letter-spacing:.35em;text-indent:.35em}h1{font-size:clamp(24px,8vw,38px);letter-spacing:.03em}.coming{letter-spacing:.38em;text-indent:.38em}}
@media(prefers-reduced-motion:reduce){.logo-wrap,.nebula,h1 span{animation:none!important}}