:root{--ink:#17202a;--paper:#ffffff;--soft:#f4f7f5;--accent:#0f766e;--accent2:#f59e0b;--line:#d9e2df;--muted:#5b6b66;--radius:14px}
*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--ink);background:var(--paper);line-height:1.6}
header{border-bottom:3px solid var(--accent);padding:14px 20px;display:flex;gap:18px;align-items:center;flex-wrap:wrap;max-width:1100px;margin:0 auto}
.logo{font-weight:800;font-size:1.35rem;text-decoration:none;color:var(--ink)}.logo span{color:var(--accent)}
nav{display:flex;gap:14px;flex-wrap:wrap}nav a{color:var(--ink);text-decoration:none}nav a:hover{text-decoration:underline}
.lang{margin-left:auto;font-weight:700}
main{max-width:980px;margin:0 auto;padding:28px 20px 60px}h1{font-size:2.1rem;line-height:1.2}h2{margin-top:1.8em}
.lead{font-size:1.15rem;color:#334155}
.card{border:1px solid var(--line);border-radius:var(--radius);padding:18px;margin:14px 0;background:var(--soft)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
.notice{border-left:5px solid var(--accent2);padding:12px 16px;background:#fffbeb}
.helpbox{border:2px solid var(--accent);border-radius:var(--radius);padding:18px;background:#ecfdf5}
.muted{color:var(--muted)}a{color:#0f766e}
footer{border-top:1px solid var(--line);padding:24px 20px;color:var(--muted);max-width:980px;margin:0 auto;font-size:.95rem}
footer a{font-weight:600}
@media(max-width:640px){h1{font-size:1.7rem}.lang{margin-left:0}}