:root{--navy:#0e2a3b;--teal:#17b8a8;--teal-dark:#27e3cf;--blue:#1f6fb2;--ink:#e8f0f4;--muted:#8fa6b2;--line:#8fa6b22e;--bg:#0a1622}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:radial-gradient(1200px 600px at 50% -10%, #1f6fb233, transparent 60%), radial-gradient(900px 500px at 50% 112%, #17b8a824, transparent 60%), var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;flex-direction:column;min-height:100dvh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex}.wrap{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:30px;padding:56px 24px 36px;display:flex}.lockup{width:min(620px,88vw);height:auto;animation:.9s both fade-in,5.5s ease-in-out .9s infinite float}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (prefers-reduced-motion:reduce){.lockup{animation:.9s both fade-in}}.soon{letter-spacing:.34em;text-transform:uppercase;color:var(--teal-dark);padding-left:.34em;font-size:clamp(.9rem,2.6vw,1.05rem);font-weight:700}.lede{max-width:540px;color:var(--muted);font-size:1.04rem;line-height:1.7}.notify{gap:10px;width:min(460px,92vw);margin-top:4px;display:flex}.notify input{border:1px solid var(--line);color:var(--ink);background:#ffffff0a;border-radius:10px;outline:none;flex:1;padding:14px 16px;font-size:.98rem;transition:border-color .2s,box-shadow .2s}.notify input:focus{border-color:var(--teal);box-shadow:0 0 0 3px #17b8a826}.notify input::placeholder{color:var(--muted)}.notify button{background:linear-gradient(135deg, var(--teal) 0%, var(--blue) 100%);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:10px;padding:14px 24px;font-size:.95rem;font-weight:700;transition:transform .12s,filter .2s}.notify button:hover{filter:brightness(1.06)}.notify button:active{transform:scale(.98)}.notify button:disabled{opacity:.6;cursor:default}.notice{min-height:1.2em;color:var(--teal-dark);font-size:.9rem;font-weight:600}.footer{border-top:1px solid var(--line);text-align:center;color:var(--muted);padding:22px 24px 30px;font-size:.78rem;line-height:1.6}.footer .ruo{color:var(--ink);letter-spacing:.03em;font-weight:700}.footer a{color:var(--teal-dark);text-decoration:none}.footer a:hover{text-decoration:underline}@media (max-width:480px){.notify{flex-direction:column}}
