:root{color-scheme:light dark;--bg:#f6f7fb;--card:#ffffff;--ink:#1b2a4a;--ink2:#33415f;--muted:#5a6785;--line:#e3e7f0;--link:#0f6f68;--link-h:#0a4f4a;--chip:#eef1f6;--btn:#1b2a4a;--btn-ink:#ffffff;--btn2-line:#1b2a4a;--warn-bg:#fff3c4;--warn:#6b4e00;--ok-bg:#eaf8f6;--ok:#0a4f4a;--err-bg:#fff4f9;--err:#8a1446;--navy2:#0d1526;--on1:#ffffff;--on2:#cdd6ea;--teal:#2fd4c4;--pink:#ff7fb0}
@media (prefers-color-scheme:dark){:root{--bg:#0a1020;--card:#131c31;--ink:#e7ecf6;--ink2:#c5cee2;--muted:#a3aec8;--line:#2a3652;--link:#5fe3d6;--link-h:#a5f3ec;--chip:#1f2a43;--btn:#2fd4c4;--btn-ink:#0d1526;--btn2-line:#5fe3d6;--warn-bg:#3a3010;--warn:#ffe08a;--ok-bg:#123033;--ok:#a5f3ec;--err-bg:#2a1524;--err:#ffb3cf;--navy2:#070c18}}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--ink);background:var(--bg)}
a{color:var(--link);text-underline-offset:2px}a:hover{color:var(--link-h)}
header.site{background:var(--navy2);color:var(--on1)}
header.site .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1rem;padding-top:.7rem;padding-bottom:.7rem}
header.site a{color:var(--on2);text-decoration:none}header.site a:hover{color:var(--on1)}
.brand{display:flex;align-items:center;gap:.55rem;color:var(--on1)!important;font-weight:800;font-size:1.15rem}
.brand .dot{width:28px;height:28px;border-radius:50%;background:var(--pink);box-shadow:inset 0 0 0 8px var(--pink),inset 0 0 0 14px var(--navy2)}
header.site nav{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem 1rem}
header.site form{margin:0}header.site button{font:inherit;background:transparent;color:var(--on2);border:1px solid #3a4c74;border-radius:8px;padding:.3rem .7rem;cursor:pointer}
.wrap{max-width:46rem;margin:0 auto;padding:0 16px}
main.wrap{padding-top:1.5rem;padding-bottom:2.5rem}
h1{font-size:clamp(1.6rem,5vw,2.2rem);line-height:1.15;margin:.2rem 0 .8rem}
h2{font-size:1.2rem;margin:0 0 .5rem}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:1.1rem 1.1rem 1.2rem;margin:0 0 1rem}
.card.narrow{max-width:30rem}
.muted{color:var(--muted)}.small{font-size:.9rem}
.big{font-size:1.5rem;font-weight:800}
label{display:block;font-weight:600;margin:.4rem 0 .25rem}
input[type=email]{font:inherit;width:100%;max-width:26rem;padding:.6rem .7rem;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink)}
input:focus,button:focus{outline:3px solid var(--teal);outline-offset:1px}
.check{display:flex;gap:.5rem;align-items:flex-start;font-weight:400;margin:.6rem 0}
.check input{margin-top:.35rem}
.btn{font:inherit;font-weight:700;display:inline-block;padding:.6rem 1rem;border:0;border-radius:10px;background:var(--btn);color:var(--btn-ink);cursor:pointer;text-decoration:none}
.btn.line{background:transparent;color:var(--ink);border:2px solid var(--btn2-line)}
.btn.danger{background:transparent;color:var(--err);border:2px solid var(--err)}
.row{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}.row form{margin:0}
.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:.7rem;margin:.6rem 0}
.plan{border:1px solid var(--line);border-radius:12px;padding:.8rem}
.plan .price{font-size:1.3rem;font-weight:800}
code.key{display:block;word-break:break-all;background:var(--chip);border:1px solid var(--line);border-radius:10px;padding:.7rem;font-size:1rem;margin:.6rem 0}
.note{border-radius:10px;padding:.6rem .8rem;margin:0 0 1rem}
.note.ok{background:var(--ok-bg);color:var(--ok)}.note.warn{background:var(--warn-bg);color:var(--warn)}.note.err{background:var(--err-bg);color:var(--err)}
ul.keys{list-style:none;padding:0;margin:.4rem 0}ul.keys li{padding:.3rem 0;border-bottom:1px solid var(--line)}
footer.site{color:var(--muted);font-size:.85rem;padding:1.5rem 0 2rem;border-top:1px solid var(--line)}
footer.site a{color:var(--muted)}
.cf-turnstile{margin:.8rem 0;min-height:65px}