:root{--bg-a:#0b0e14;--bg-b:#121722;--text:#e8eaf0;--muted:#aab0be;--faint:#7a8190;--border:#2c313c;--accent:#35e8ff}
*{box-sizing:border-box}
html{background:var(--bg-a)}
body{margin:0;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:clamp(2rem,10vh,6rem) 1.25rem 2rem;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--text);background:radial-gradient(60rem 30rem at 50% -10%,rgba(53,232,255,.10),transparent 70%),linear-gradient(160deg,var(--bg-a),var(--bg-b));-webkit-font-smoothing:antialiased;text-align:center}
main{margin:auto 0}
.mark{position:relative;width:5.5rem;height:5.5rem;margin:0 auto 1.75rem}
.mark span{position:absolute;inset:0;margin:auto;border:1.5px solid var(--accent);border-radius:50%}
.mark span:nth-child(1){width:22%;height:22%;background:var(--accent)}
.mark span:nth-child(2){width:60%;height:60%;opacity:.55}
.mark span:nth-child(3){opacity:.22}
h1{margin:0;font-size:clamp(2.4rem,8vw,3.6rem);font-weight:700;letter-spacing:-.02em}
.sub{margin:.4rem 0 0;color:var(--muted);font-size:1rem;letter-spacing:.22em;text-transform:uppercase}
.soon{list-style:none;margin:2.25rem 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem 1.5rem;color:var(--faint);font-size:.95rem}
.soon li:first-child{color:var(--accent)}
footer{margin-top:3rem;max-width:44rem}
footer img{display:block;margin:0 auto 1rem;height:auto;background:#fff;border-radius:10px}
footer p{margin:0;color:var(--faint);font-size:.74rem;line-height:1.6}