:root{--bg:#fff;--text:#1f2937;--muted:#6b7280;--brand:#2563eb;--line:#e5e7eb;--soft:#f9fafb}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text);background:var(--bg);line-height:1.7}
a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}
.wrap{max-width:1040px;margin:0 auto;padding:0 20px}
header.site{border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0;z-index:10}
header.site .wrap{display:flex;align-items:center;justify-content:space-between;min-height:64px;flex-wrap:wrap;gap:8px}
.logo{font-weight:800;font-size:1.3rem;color:var(--text)}
nav a{margin-left:18px;color:var(--text);font-weight:500}
.hero{padding:64px 0;background:var(--soft);border-bottom:1px solid var(--line)}
.hero h1{font-size:2.4rem;line-height:1.2;margin:0 0 12px}
.hero p{color:var(--muted);max-width:640px;font-size:1.1rem}
.btn{display:inline-block;background:var(--brand);color:#fff;padding:12px 22px;border-radius:8px;font-weight:600;border:0;cursor:pointer}
.btn:hover{text-decoration:none;opacity:.92}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:22px;padding:40px 0}
.card{border:1px solid var(--line);border-radius:12px;padding:22px;background:#fff}
.card h3{margin:0 0 8px}.card p{color:var(--muted);margin:0 0 10px}
main.page{padding:44px 0;max-width:780px}
main.page h1{font-size:2.1rem;line-height:1.25}
main.page h2{margin-top:2em}
.meta{color:var(--muted);font-size:.9rem}
form label{display:block;margin:14px 0 4px;font-weight:600}
form input,form textarea{width:100%;padding:11px;border:1px solid var(--line);border-radius:8px;font:inherit}
footer.site{border-top:1px solid var(--line);background:var(--soft);padding:32px 0;margin-top:40px;color:var(--muted);font-size:.92rem}
footer.site a{margin-right:16px}
.ad-slot{margin:28px 0;text-align:center}
@media(max-width:600px){.hero h1{font-size:1.8rem}nav a{margin:0 12px 0 0}}