:root{--bg:#0f1a2e;--fg:#f4f6fb;--muted:#a8b3c9;--accent:#ffc83d;--card:#16233d;--r:10px;color-scheme:dark}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;min-height:100vh;display:flex;flex-direction:column;background:var(--bg);color:var(--fg);font:1.0625rem/1.6 system-ui, -apple-system, 'Segoe UI', sans-serif}
main{flex:1;width:100%;max-width:40rem;margin:0 auto;padding:56px 16px 40px}
.mark{width:64px;height:64px;color:var(--fg);display:block;margin-bottom:28px}
.name{font:600 .85rem/1 system-ui, -apple-system, 'Segoe UI', sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin:0 0 16px}
h1{font-family:system-ui, -apple-system, 'Segoe UI', sans-serif;font-size:clamp(2.1rem,8vw,3.4rem);line-height:1.08;margin:0 0 16px;letter-spacing:-.01em}
.second{font-size:1.25rem;margin:0 0 12px}
.desc{color:var(--muted);font-size:1.1rem;margin:0 0 32px}
.join{background:var(--card);border:1px solid color-mix(in srgb,var(--fg) 14%,transparent);border-radius:var(--r);padding:22px}
.join p{margin:0 0 12px;font-weight:600}
.join p.fine{font-weight:400}
.row{display:flex;flex-wrap:wrap;gap:10px}
input[type=email]{flex:1 1 14rem;min-width:0;font:inherit;padding:12px 14px;border-radius:var(--r);border:1px solid color-mix(in srgb,var(--fg) 30%,transparent);background:var(--bg);color:var(--fg)}
button,.btn{font:600 1rem/1 system-ui, -apple-system, 'Segoe UI', sans-serif;padding:13px 18px;border-radius:var(--r);border:0;background:var(--accent);color:#0f1a2e;cursor:pointer;text-decoration:none;display:inline-block}
button:hover,.btn:hover{filter:brightness(1.1)}
.fine{font-size:.85rem;color:var(--muted);margin:12px 0 0}
.hp{position:absolute;left:-9999px}
.af{fill:var(--accent)}
.as{stroke:var(--accent)}
.note{font-size:.95rem;color:var(--muted);border-left:3px solid var(--accent);padding-left:12px;margin:28px 0 0}
.link{margin:24px 0 0}
a{color:var(--accent)}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
footer{padding:24px 16px;text-align:center;font-size:.9rem;color:var(--muted)}
footer a{color:var(--fg)}