:root { --bg:#f5f6f8; --card:#ffffff; --ink:#15181d; --muted:#5b6370; --accent:#0a7cff; --line:#e3e6ea; }
@media (prefers-color-scheme: dark) { :root { --bg:#0f1115; --card:#181b21; --ink:#eef0f3; --muted:#9aa3af; --accent:#4d9dff; --line:#2a2f37; } }
* { box-sizing:border-box; }
body { margin:0; min-height:100vh; display:flex; align-items:center; justify-content:center; background:var(--bg); color:var(--ink);
       font-family:system-ui,-apple-system,"Segoe UI",Tahoma,sans-serif; padding:16px; }
.card { width:100%; max-width:380px; background:var(--card); border:1px solid var(--line); border-radius:16px; padding:28px 22px; text-align:center; }
h1 { margin:0 0 6px; font-size:28px; }
p { margin:0 0 22px; color:var(--muted); line-height:1.6; }
a.btn { display:block; padding:14px; margin:10px 0; border-radius:12px; background:var(--accent); color:#fff; text-decoration:none; font-weight:600; }
a.btn.alt { background:transparent; color:var(--ink); border:1px solid var(--line); }
.en { direction:ltr; font-size:13px; margin-top:18px; margin-bottom:0; }