:root{--brand:#0b5fff;--bg:#f7f7fb;--card:#fff;--text:#1f2937;--muted:#6b7280}
*{box-sizing:border-box} body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;background:var(--bg);color:var(--text)}
header{background:#111827;color:#fff;text-align:center;padding:2.2rem 1rem}
header h1{margin:0;font-size:2rem} header p{margin:.5rem 0 0;color:#d1d5db}
main{max-width:1000px;margin:0 auto;padding:2rem 1rem 3rem}
.grid{display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin:1.2rem 0 2rem}
.card{background:var(--card);border-radius:14px;padding:1rem;box-shadow:0 6px 20px rgba(0,0,0,.06)}
.card h2{margin:.25rem 0 .5rem;font-size:1.2rem}.card p{margin:0 0 1rem;color:var(--muted)}
.btn{display:inline-block;padding:.6rem .95rem;border-radius:10px;background:var(--brand);color:#fff;text-decoration:none;font-weight:600}
.btn:hover{filter:brightness(.95)} .muted{color:var(--muted)}
nav{display:flex;gap:.8rem;justify-content:center;margin-top:1rem}
nav a{color:#c7d2fe;text-decoration:none} nav a:hover{text-decoration:underline}
article{background:var(--card);border-radius:14px;padding:1rem;box-shadow:0 6px 20px rgba(0,0,0,.05);margin:1rem 0}
footer{text-align:center;padding:1.2rem;color:#6b7280}
.adwrap{margin:1rem 0 1.5rem}
form{display:grid;gap:.75rem;margin-top:.75rem}
.row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}
input,textarea{width:100%;padding:.7rem .85rem;border:1px solid #e5e7eb;border-radius:10px;font-size:1rem}
textarea{min-height:110px}
@media(max-width:700px){.row{grid-template-columns:1fr}}