:root{--ink:#1d1d1f;--muted:#555;--line:#eaeaea;--brand:#111;--ok:#0a8a1f;--err:#c62828}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;color:var(--ink);background:#fff;line-height:1.5}
a{color:var(--brand);text-underline-offset:2px}.container{max-width:1120px;margin:0 auto;padding:0 16px}
header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.9);backdrop-filter:saturate(180%) blur(8px);border-bottom:1px solid var(--line)}
.nav{height:64px;display:flex;align-items:center;justify-content:space-between}
nav ul{list-style:none;display:flex;gap:18px;margin:0;padding:0}nav a{text-decoration:none;color:#333;font-weight:600}
.logo{font-weight:800;letter-spacing:.2px}.hero{display:grid;grid-template-columns:1.1fr 0.9fr;gap:32px;padding:48px 0}
.hero h1{font-size:clamp(28px,4vw,44px);margin:.2em 0 .4em}.hero p.lead{font-size:clamp(16px,2.4vw,20px);color:var(--muted);margin:0 0 12px}
.badges{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0}.badges span{border:1px solid var(--line);padding:6px 10px;border-radius:999px;font-size:13px;color:#444}
.card{border:1px solid var(--line);border-radius:14px;padding:18px;background:#fff;box-shadow:0 1px 0 rgba(0,0,0,.02)}
.form label{display:block;font-weight:700;margin:12px 0 6px}
.form input,.form select,.form textarea{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:10px;font:inherit}
.form textarea{min-height:110px;resize:vertical}.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.btn{display:inline-block;padding:14px 18px;border-radius:12px;background:var(--brand);color:#fff;border:none;font-weight:800;cursor:pointer}
.btn[disabled]{opacity:.6;cursor:not-allowed}small.help{color:#666;display:block;margin-top:6px}
.error{color:var(--err);font-size:13px;margin-top:6px;display:none}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.grid .card{padding:14px}.kv{font-size:14px;color:#666}footer{border-top:1px solid var(--line);margin-top:48px;padding:18px 0;color:#555}
#cookie-banner{position:fixed;left:16px;right:16px;bottom:16px;z-index:60;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 8px 28px rgba(0,0,0,.08);display:none}
#cookie-banner .inner{padding:14px 14px;display:flex;gap:12px;align-items:flex-start;justify-content:space-between}
#cookie-banner p{margin:0;color:#333;font-size:14px}#cookie-banner .actions{display:flex;gap:10px}
#cookie-banner button{padding:10px 14px;border-radius:10px;border:1px solid var(--line);background:#fff}
#cookie-banner .primary{background:var(--brand);color:#fff;border-color:var(--brand)}
@media(max-width:960px){.hero{grid-template-columns:1fr;padding:28px 0}.grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){nav ul{display:none}.row{grid-template-columns:1fr}.grid{grid-template-columns:1fr}}