:root{--bg:#f4f1ff;--card:#fff;--tx:#1b1b3a;--mu:#55557a;--ac:#6a2cf0;--ac2:#ff5e62;--bd:#d9d2f5}
@media(prefers-color-scheme:dark){:root{--bg:#0f0d1f;--card:#18162e;--tx:#ecebff;--mu:#a9a7d0;--ac:#9b7bff;--ac2:#ff8a80;--bd:#2c2950}}
*{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:780px;margin:0 auto;padding:20px 16px}a{color:var(--ac)}
.nav{display:flex;flex-wrap:wrap;gap:6px 18px;padding:13px 16px;background:linear-gradient(90deg,#6a2cf0,#2f80ed);justify-content:center}
.nav a{color:#fff;font-weight:600;text-decoration:none}
main h1{background:linear-gradient(135deg,#6a2cf0,#2f80ed);color:#fff;padding:18px;border-radius:12px;line-height:1.25;font-size:1.6rem}
h2{border-left:5px solid var(--ac2);padding-left:10px}
.card{background:var(--card);border:1px solid var(--bd);border-top:4px solid var(--ac);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{width:100%;padding:10px;border:1px solid var(--bd);border-radius:8px;font-size:1rem;background:var(--bg);color:var(--tx)}
.big{font-size:2.2rem;font-weight:700;color:var(--ac2)}table{width:100%;border-collapse:collapse}td{padding:8px 0;border-bottom:1px solid var(--bd)}td:last-child{text-align:right}
.tools{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:560px){.tools{grid-template-columns:1fr}}
.tools a{display:block;background:var(--card);border:1px solid var(--bd);border-left:5px solid var(--ac2);border-radius:10px;padding:14px;text-decoration:none;color:var(--tx);font-weight:600}
.tools a span{display:block;font-weight:400;font-size:.85rem;color:var(--mu)}
.cta{display:block;background:linear-gradient(90deg,#ff5e62,#ff9966);color:#fff!important;text-align:center;padding:12px;border-radius:8px;text-decoration:none;font-weight:700;margin:22px 0}
.note,.upd{color:var(--mu);font-size:.85rem}.ad{min-height:90px;margin:18px 0}
.foot{max-width:780px;margin:30px auto;padding:16px;text-align:center;color:var(--mu);font-size:.82rem;border-top:1px solid var(--bd)}