:root{--brand:#1e805e;--brandDark:#106247;--ink:#1b1b1b;--muted:#5b5b5b;--bg:#f6f7fb;--card:#ffffff}
*{box-sizing:border-box} html,body{margin:0;padding:0}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--ink);line-height:1.55}
header{background:var(--brand);color:#fff;position:sticky;top:0;z-index:20;box-shadow:0 6px 20px rgba(0,0,0,.12)}
.wrap{max-width:1200px;margin:0 auto;padding:16px 20px}
.brand{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.brand h1{font-size:26px;letter-spacing:.5px;line-height:1;margin:0}
.brand p{margin:0;opacity:.9}
nav{margin-top:8px} nav a{display:inline-block;color:#fff;text-decoration:none;font-weight:600;margin:6px 10px 0 0;padding:8px 12px;border-radius:8px}
nav a:hover{background:rgba(255,255,255,.12)}
main{max-width:1200px;margin:0 auto;padding:20px}
section{margin-top:28px}
h1.page,h2{margin:0 0 12px} .lead{color:var(--muted);margin:0 0 14px}
.card{background:var(--card);border-radius:14px;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.08);display:flex;flex-direction:column}
.card .body{padding:12px 14px} .card h3{margin:0 0 6px;font-size:18px} .card p{margin:0;color:var(--muted)}
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.gallery img,.resp-img{width:100%;height:220px;object-fit:cover;display:block;border-radius:12px;background:#e9eef2;box-shadow:0 4px 16px rgba(0,0,0,.08)}
.hero{border-radius:14px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.15);background:#000}
.hero img{width:100%;height:520px;object-fit:cover;display:block;border:0}
.form{display:grid;gap:12px;max-width:640px;background:var(--card);padding:16px;border-radius:14px;box-shadow:0 8px 24px rgba(0,0,0,.08)}
.form input,.form textarea{width:100%;padding:10px;border:1px solid #cfd6dd;border-radius:10px;background:#fff}
.form button{background:var(--brand);color:#fff;border:none;padding:12px;border-radius:10px;cursor:pointer;font-weight:700}
.form button:hover{background:var(--brandDark)}
footer{margin-top:28px;background:#101010;color:#fff} footer .wrap{padding:18px 20px}
.partners-list{background:var(--card);border-radius:14px;box-shadow:0 8px 24px rgba(0,0,0,.08);padding:16px;max-width:720px}
.partners-list li{margin:6px 0}
@media (max-width:1024px){.gallery{grid-template-columns:repeat(3,1fr)}}
@media (max-width:900px){.grid{grid-template-columns:1fr}.gallery{grid-template-columns:repeat(2,1fr)}}
@media (max-width:620px){.hero img{height:300px}.brand h1{font-size:22px}}