:root{--bg:#f7f9fc;--card:#fff;--text:#101828;--muted:#667085;--border:#d0d5dd;--accent:#155eef;--accent2:#0e3ea8;--soft:#eef4ff;--yellow:#fff8e6;--danger:#b42318}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text);line-height:1.62}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}
.wrap{max-width:1120px;margin:auto;padding:0 18px}.header{background:#fff;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:20}.nav{display:flex;justify-content:space-between;align-items:center;min-height:64px;gap:20px}.brand{font-weight:800;font-size:22px;color:#101828}.brand span{color:var(--accent)}.menu{display:flex;gap:16px;flex-wrap:wrap;font-size:14px}
.hero{padding:42px 0 24px;text-align:center}.hero h1{font-size:44px;line-height:1.08;margin:0 0 12px}.hero p{max-width:760px;margin:auto;color:var(--muted);font-size:18px}
.grid{display:grid;grid-template-columns:1.05fr .95fr;gap:22px;margin:22px 0}.card{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:24px;box-shadow:0 8px 22px rgba(16,24,40,.06)}
label{display:block;margin:12px 0 6px;font-weight:700}input,select,textarea{width:100%;border:1px solid var(--border);border-radius:12px;padding:13px 12px;font-size:16px;background:white}textarea{min-height:120px}
button,.btn{display:inline-block;border:0;border-radius:12px;background:var(--accent);color:white;padding:14px 18px;font-weight:800;font-size:16px;cursor:pointer;text-align:center}button{width:100%;margin-top:18px}.btn:hover{background:var(--accent2);text-decoration:none}.btn.danger,button.danger{background:var(--danger)}
.result{background:var(--soft);border:1px solid #b2ccff;border-radius:16px;padding:18px;margin-top:12px}.result strong{font-size:32px;display:block;margin:4px 0}.rows{margin-top:10px}.row{display:flex;justify-content:space-between;gap:14px;border-bottom:1px solid #d9e5ff;padding:9px 0}.row:last-child{border:0}
.ad{background:#fff;border:1px dashed var(--border);border-radius:16px;text-align:center;color:var(--muted);padding:20px;margin:20px 0}.article{font-size:17px}.article h2{font-size:28px;margin-top:34px}.note{background:var(--yellow);border:1px solid #fedf89;color:#7a4b00;border-radius:16px;padding:16px;margin:18px 0}
.links{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.linkbox{background:#fff;border:1px solid var(--border);border-radius:12px;padding:14px}.breadcrumb{font-size:14px;color:var(--muted);margin-top:18px}.footer{margin-top:42px;background:#101828;color:#d0d5dd;padding:34px 0;font-size:14px;line-height:1.8}.footer p{word-wrap:break-word;overflow-wrap:break-word;margin:8px 0}.footer a{color:white;text-decoration:underline}.faq details{background:#fff;border:1px solid var(--border);border-radius:14px;padding:14px;margin:10px 0}.faq summary{font-weight:800;cursor:pointer}.badge{display:inline-block;background:#eef4ff;color:#1849a9;padding:5px 9px;border-radius:999px;font-size:13px;font-weight:700;margin:3px}
.table{width:100%;border-collapse:collapse;background:#fff}.table th,.table td{padding:10px;border-bottom:1px solid var(--border);text-align:left;font-size:14px}.adminbar{background:#101828;color:white;padding:10px}.adminbar a{color:white;margin-right:12px}
@media(max-width:850px){.grid{grid-template-columns:1fr}.hero h1{font-size:34px}.links{grid-template-columns:1fr}.menu{display:none}}