:root{--ink:#1b2a3f;--muted:#5b6b80;--link:#2462a8;--sky1:#d9ecfd;--sky2:#b7dbfa;--card:#fff;--on-sky:#12355a;--on-sky-link:#1d4f8a;--on-sky-muted:#3f5166}
*{box-sizing:border-box}
body{margin:0;font-family:Nunito,system-ui,-apple-system,sans-serif;color:var(--ink);background:linear-gradient(180deg,var(--sky1),var(--sky2)) fixed;line-height:1.6;font-size:17px}
header{padding:22px 20px 8px;display:flex;justify-content:center}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--on-sky);font-weight:800;font-size:24px;letter-spacing:.3px}
.brand .mark{color:#fff}
.mark{width:44px;height:39px;filter:drop-shadow(0 2px 4px rgba(16,35,58,.22))}
main{max-width:760px;margin:0 auto;padding:12px 16px 32px}
article,.hero{background:var(--card);border-radius:22px;padding:28px 26px;box-shadow:0 8px 24px rgba(16,35,58,.10)}
.hero{text-align:center;padding:44px 26px}
.hero p{font-size:19px;color:var(--muted);margin:10px 0}
.hero .note{font-size:16px}
.hero .soon{margin-top:24px;font-weight:800;color:var(--link)}
h1{font-size:30px;line-height:1.2;margin:0 0 12px;font-weight:800}
h2{font-size:21px;margin:30px 0 8px;font-weight:800}
h3{font-size:17px;margin:20px 0 4px;font-weight:800}
p{margin:0 0 12px}
ul{margin:0 0 12px;padding-left:22px}
li{margin:0 0 6px}
a{color:var(--link);font-weight:700}
footer{text-align:center;padding:8px 16px 36px;color:var(--on-sky-muted);font-size:15px}
footer a{margin:0 10px;color:var(--on-sky-link)}
a:focus-visible{outline:3px solid var(--on-sky);outline-offset:3px;border-radius:6px}
.skip{position:absolute;left:16px;top:-60px;background:#fff;color:#12355a;font-weight:800;padding:10px 14px;border-radius:10px;z-index:10}
.skip:focus{top:12px}
footer p{margin:12px 0 0}
@media (prefers-color-scheme:dark){:root{--ink:#eaf2fb;--muted:#a9b9cc;--link:#9cc4ff;--sky1:#0f2444;--sky2:#172a4d;--card:#172a4d;--on-sky:#ffffff;--on-sky-link:#9cc4ff;--on-sky-muted:#a9b9cc}article,.hero{box-shadow:none;border:1px solid #27446f}}