:root{--ink:#03050a;--ice:#dff7ff;--blue:#6ed7ff;--gold:#ffc95d;--orange:#ff8f39;--line:rgba(255,255,255,.14)}
*{box-sizing:border-box} html,body{margin:0;min-height:100%;background:var(--ink);color:white;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body{min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 50% 42%,#11213b 0,#070b14 34%,#03050a 68%)}
body:before{content:"";position:fixed;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.025),transparent 30%,rgba(255,176,64,.03));pointer-events:none}
#stars{position:fixed;inset:0;width:100%;height:100%;opacity:.8}
.aurora{position:fixed;border-radius:50%;filter:blur(90px);opacity:.18;pointer-events:none;animation:drift 12s ease-in-out infinite alternate}
.a1{width:42vw;height:42vw;background:#1677ff;left:-10vw;top:8vh}.a2{width:36vw;height:36vw;background:#ff9d2d;right:-8vw;bottom:2vh;animation-delay:-5s}
.shell{position:relative;z-index:2;min-height:100vh;display:grid;place-items:center;padding:36px 18px}
.hero{width:min(980px,100%);text-align:center;padding:46px 22px 40px;border:1px solid var(--line);border-radius:34px;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018));box-shadow:0 40px 140px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.12);backdrop-filter:blur(16px);position:relative;overflow:hidden}
.hero:before{content:"";position:absolute;left:8%;right:8%;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--blue),var(--gold),transparent);box-shadow:0 0 22px var(--blue)}
.status{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:800;letter-spacing:.22em;color:#c9d7e5;border:1px solid rgba(255,255,255,.13);border-radius:999px;padding:10px 14px;background:rgba(0,0,0,.28)}
.status span{width:8px;height:8px;border-radius:50%;background:#77e7ff;box-shadow:0 0 15px #77e7ff;animation:pulse 1.8s infinite}
.crown-wrap{height:190px;display:grid;place-items:center;margin-top:12px}.crown{width:min(520px,86vw);filter:drop-shadow(0 18px 35px rgba(0,0,0,.5));animation:float 4.5s ease-in-out infinite}
.eyebrow{font-size:13px;letter-spacing:.55em;font-weight:800;color:#d4dde8;margin:2px 0 8px}
h1{font-size:clamp(64px,12vw,150px);line-height:.82;margin:0;font-weight:950;letter-spacing:-.07em;text-shadow:0 7px 30px rgba(0,0,0,.45)}
h1 span{background:linear-gradient(90deg,#f1f6ff 0,#70d8ff 34%,#ffe28b 66%,#ff9b3f 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.tagline{margin:20px auto 24px;font-size:clamp(14px,2vw,22px);font-weight:850;letter-spacing:.28em;color:#ffd276}
.coming{display:inline-block;padding:13px 22px;border-radius:999px;border:1px solid rgba(255,205,94,.55);background:linear-gradient(180deg,rgba(255,193,74,.16),rgba(255,193,74,.05));box-shadow:0 0 35px rgba(255,179,59,.16);font-weight:950;letter-spacing:.3em;font-size:14px;color:#fff2c5}
.lead{font-size:clamp(22px,3.5vw,34px);font-weight:800;line-height:1.12;max-width:760px;margin:32px auto 12px;color:#f3f7fb}
.sub{font-size:clamp(15px,2vw,19px);line-height:1.65;max-width:760px;margin:0 auto;color:#9fb1c4}
.domain{margin:34px auto 0;padding-top:24px;border-top:1px solid rgba(255,255,255,.1);font-size:13px;letter-spacing:.42em;font-weight:900;color:#cfeeff}
@keyframes float{from{transform:translateY(-4px)}to{transform:translateY(10px)}}
@keyframes pulse{0%,100%{opacity:.5;transform:scale(.9)}50%{opacity:1;transform:scale(1.25)}}
@keyframes drift{from{transform:translate3d(-3vw,-2vh,0) scale(.95)}to{transform:translate3d(3vw,4vh,0) scale(1.08)}}
@media(max-width:640px){.shell{padding:14px}.hero{border-radius:25px;padding:34px 15px 30px}.crown-wrap{height:145px}.tagline{letter-spacing:.16em}.sub{font-size:15px}.domain{letter-spacing:.25em}}
@media(prefers-reduced-motion:reduce){.crown,.status span,.aurora{animation:none!important}}