:root{--bg:#f4f7fc;--card:#fff;--ink:#111827;--muted:#5b6a85;--brand:#16294f;--pill:#e6eaf2;--shadow:0 2px 14px rgba(22,41,79,.12)}
@media (prefers-color-scheme:dark){:root{--bg:#0e1730;--card:#17244a;--ink:#f1f4fb;--muted:#9fb0d0;--brand:#dbe5ff;--pill:#22305a;--shadow:none}}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;background:var(--bg);color:var(--ink);font-family:-apple-system,"SF Pro Text",system-ui,Helvetica,Arial,sans-serif;display:flex;justify-content:center;padding:56px 24px}
main{width:100%;max-width:420px;text-align:center}
.icon{width:84px;height:84px;border-radius:20px;box-shadow:0 4px 14px rgba(0,0,0,.2)}
h1{margin:12px 0 0;font-size:24px;font-weight:800;color:var(--brand)}
.intro{margin:30px 0 0;font-size:16px;color:var(--muted)}
.card{margin-top:14px;background:var(--card);border-radius:18px;padding:20px;box-shadow:var(--shadow);text-align:left}
.card .t{font-size:21px;font-weight:700;overflow-wrap:anywhere}
.card .d{margin-top:10px;font-size:16px;color:var(--muted);line-height:1.6}
.soon{margin-top:34px;background:var(--pill);color:var(--muted);border-radius:14px;padding:15px;font-size:15.5px;font-weight:600}
.note{margin-top:12px;font-size:13px;color:var(--muted);line-height:1.5}