html {
    color-scheme: dark;
}

* { box-sizing: border-box; }

body {
    margin: 0;
    min-height: 100vh;
    display: grid;
    place-items: center;
    padding: 24px;
    background:
        radial-gradient(circle at 20% 15%, rgba(78, 112, 255, 0.16), transparent 34rem),
        radial-gradient(circle at 85% 80%, rgba(73, 179, 255, 0.12), transparent 30rem),
        #080b12;
    color: #f5f7fb;
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.coming-soon-shell { width: min(100%, 460px); }
.coming-soon-card { padding: clamp(28px, 7vw, 44px); border: 1px solid rgba(255,255,255,.11); border-radius: 24px; background: rgba(17,22,34,.94); box-shadow: 0 28px 80px rgba(0,0,0,.42); }
.coming-soon-kicker { margin: 0 0 10px; color: #9db4ff; font-size: .76rem; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; }
h1 { margin: 0; font-size: clamp(2.2rem, 8vw, 3.6rem); line-height: .98; letter-spacing: -.05em; }
.coming-soon-message { margin: 18px 0 30px; color: #aeb7c8; font-size: 1rem; line-height: 1.6; }
.private-access { padding-top: 26px; border-top: 1px solid rgba(255,255,255,.09); }
.private-access h2 { margin: 0 0 18px; font-size: 1rem; }
.field { margin-bottom: 16px; }
label { display: block; margin-bottom: 7px; color: #dce2ee; font-size: .86rem; font-weight: 700; }
input { width: 100%; min-height: 48px; padding: 11px 13px; border: 1px solid rgba(255,255,255,.14); border-radius: 11px; outline: none; background: #0c1019; color: #fff; font: inherit; }
input:focus { border-color: #7893ff; box-shadow: 0 0 0 3px rgba(120,147,255,.14); }
button { width: 100%; min-height: 48px; margin-top: 4px; border: 0; border-radius: 11px; background: #eef2ff; color: #111522; font: inherit; font-weight: 800; cursor: pointer; }
button:hover { background: #fff; }
.alert { margin: 0 0 18px; padding: 11px 13px; border: 1px solid rgba(255,122,122,.3); border-radius: 10px; background: rgba(150,35,35,.16); color: #ffd1d1; font-size: .9rem; line-height: 1.4; }
.field-error { display: block; margin-top: 6px; color: #ffb2b2; font-size: .8rem; }
@media (max-width: 520px) { body { padding: 14px; } .coming-soon-card { border-radius: 18px; } }