:root{--bg:#f6f8fb;--card:#fff;--tx:#1b2430;--mu:#5b6776;--ac:#0b6e4f;--bd:#dde3ea}
@media(prefers-color-scheme:dark){:root{--bg:#10151c;--card:#18202a;--tx:#e8edf2;--mu:#9aa6b4;--ac:#3fbf91;--bd:#2a3542}}
*{box-sizing:border-box}body{margin:0;font-family:system-ui,Arial,sans-serif;background:var(--bg);color:var(--tx);line-height:1.65}
.w{max-width:760px;margin:0 auto;padding:20px 16px}a{color:var(--ac)}
.nav{display:flex;flex-wrap:wrap;gap:6px 16px;padding:12px 16px;border-bottom:1px solid var(--bd);background:var(--card);justify-content:center;font-size:.9rem}
.foot{max-width:760px;margin:30px auto;padding:16px;text-align:center;color:var(--mu);font-size:.82rem;border-top:1px solid var(--bd)}
.art h1{font-size:1.7rem}.art h2{margin-top:1.6em}.cta{display:block;background:var(--ac);color:#fff!important;text-align:center;padding:12px;border-radius:8px;text-decoration:none;margin:22px 0}
.upd,.note{color:var(--mu);font-size:.85rem}.ad{min-height:90px;margin:18px 0}.card{background:var(--card);border:1px solid var(--bd);border-radius:12px;padding:18px;margin:16px 0}.g{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:560px){.g{grid-template-columns:1fr}}label{display:block;font-size:.85rem;color:var(--mu);margin-bottom:4px}input,select{width:100%;padding:10px;border:1px solid var(--bd);border-radius:8px;font-size:1rem;background:var(--bg);color:var(--tx)}button{margin-top:14px;width:100%;padding:12px;background:var(--ac);color:#fff;border:0;border-radius:8px;font-size:1.05rem;cursor:pointer}.big{font-size:2.2rem;font-weight:700;color:var(--ac)}table{width:100%;border-collapse:collapse}td{padding:7px 0;border-bottom:1px solid var(--bd)}td:last-child{text-align:right}:root{--bg:#eef6ff;--card:#fff;--tx:#14213d;--mu:#4a5a73;--ac:#0057ff;--ac2:#ff6b00;--bd:#cfe0f5}
@media(prefers-color-scheme:dark){:root{--bg:#0b1220;--card:#131c2e;--tx:#eaf1ff;--mu:#9db0cc;--ac:#4d8dff;--ac2:#ff9f43;--bd:#26344d}}
.nav{background:linear-gradient(90deg,#0057ff,#00b8a9);border:0}.nav a{color:#fff;font-weight:600;text-decoration:none}
main h1{background:linear-gradient(135deg,#0057ff,#00b8a9);color:#fff;padding:18px;border-radius:12px;line-height:1.25}
.art h2,.card h2{border-left:5px solid var(--ac2);padding-left:10px}
.cta,button{background:linear-gradient(90deg,#ff6b00,#ff9500)!important;color:#fff!important;font-weight:700;box-shadow:0 4px 12px rgba(255,107,0,.35)}
.card{border-top:4px solid var(--ac)}.big{color:var(--ac2)}input:focus,select:focus{outline:2px solid var(--ac2)}
pre{background:var(--card);border:1px dashed var(--ac);padding:14px;border-radius:10px;white-space:pre-wrap;font-family:inherit}