:root{--bg:#f7f8fb;--card:#fff;--tx:#1b2333;--mut:#5b6678;--ac:#2f6bff;--ok:#12805c;--bad:#c23b3b;--bd:#e1e5ee}
@media(prefers-color-scheme:dark){:root{--bg:#0f141f;--card:#182030;--tx:#eef1f7;--mut:#9aa6bb;--ac:#6b96ff;--ok:#41c796;--bad:#ff7b7b;--bd:#2a3550}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--tx);font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.w{max-width:780px;margin:0 auto;padding:0 16px}
.nav{display:flex;justify-content:space-between;align-items:center;padding:14px 0;gap:12px;flex-wrap:wrap}
.nav a{color:var(--tx);text-decoration:none;font-weight:600;margin-left:12px}.nav .brand{margin:0}
form.inline{display:inline}.link{background:none;border:0;color:var(--ac);font:inherit;font-weight:600;cursor:pointer;margin-left:12px;padding:0}
h1{font-size:1.9rem;line-height:1.2;margin:.3em 0}h2{margin:.2em 0}
.card{background:var(--card);border:1px solid var(--bd);border-radius:14px;padding:20px;margin:16px 0}
.btn{background:var(--ac);color:#fff;border:0;border-radius:10px;padding:12px 20px;font:inherit;font-weight:600;cursor:pointer;text-decoration:none;display:inline-block;margin:4px 6px 4px 0}
.btn.sec{background:transparent;color:var(--ac);border:1.5px solid var(--ac)}
.btn.pp{background:#ffc439;color:#111}.btn.wide{width:100%;text-align:center}
.mut{color:var(--mut)}.price{font-size:2.4rem;font-weight:800}
label{display:block;font-weight:600;margin-top:12px}
input[type=text],input[type=email],input[type=password]{font:inherit;padding:10px;border:1.5px solid var(--bd);border-radius:10px;width:100%;background:var(--bg);color:var(--tx);margin:6px 0}
.note{background:color-mix(in srgb,var(--ac) 12%,transparent);border:1px solid var(--ac);border-radius:10px;padding:10px 14px;margin:12px 0}
.err{background:color-mix(in srgb,var(--bad) 12%,transparent);border:1px solid var(--bad);border-radius:10px;padding:10px 14px;margin:12px 0}
.ex{border-left:4px solid var(--ac);padding:8px 14px;background:color-mix(in srgb,var(--ac) 8%,transparent);border-radius:0 8px 8px 0;margin:14px 0}
.opt{display:block;border:1.5px solid var(--bd);border-radius:10px;padding:10px 14px;margin:6px 0;cursor:pointer;background:var(--bg)}
.opt input{margin-right:8px}.opt.ok{border-color:var(--ok);background:color-mix(in srgb,var(--ok) 15%,transparent)}.opt.bad{border-color:var(--bad);background:color-mix(in srgb,var(--bad) 15%,transparent)}
.bar{height:8px;background:var(--bd);border-radius:8px;overflow:hidden}.bar i{display:block;height:100%;background:var(--ok)}
img.cert{width:100%;border:1px solid var(--bd);border-radius:8px}
footer{padding:28px 0;text-align:center;color:var(--mut);font-size:.85rem}