:root { color: #15202b; font-family: Inter, Arial, sans-serif; background: #f4f7f8; }
body { margin: 0; }
main { box-sizing: border-box; width: min(100% - 32px, 640px); margin: 64px auto; padding: 40px; background: #fff; border-radius: 20px; box-shadow: 0 16px 48px rgb(21 32 43 / 10%); }
.eyebrow { margin: 0; color: #047857; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
h1 { margin: 12px 0; font-size: clamp(2rem, 7vw, 3rem); line-height: 1.05; }
.intro { color: #52616b; line-height: 1.5; }
form { display: grid; gap: 16px; margin-top: 32px; }
label { display: grid; gap: 8px; font-weight: 600; }
input, textarea, button { box-sizing: border-box; width: 100%; border-radius: 8px; font: inherit; }
input, textarea { border: 1px solid #b8c3c8; padding: 12px; }
.consent { grid-template-columns: 18px 1fr; align-items: start; font-size: .9rem; font-weight: 400; line-height: 1.4; }
.consent input { width: 18px; margin: 2px 0 0; }
button { border: 0; background: #047857; color: white; cursor: pointer; padding: 14px; font-weight: 700; }
button:hover { background: #065f46; }
#form-result { min-height: 1.5em; margin: 0; }
@media (max-width: 480px) { main { margin: 20px auto; padding: 24px; } }