:root{--cream:#F5EBDD;--teal:#4F8C87;--pink:#D98B9A;--gold:#C4A15A;--ink:#304846;--paper:#FFFDFC}
*{box-sizing:border-box}
body{margin:0;background:linear-gradient(180deg,var(--cream),#fffaf4);color:var(--ink);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.wrap{width:min(100%,760px);margin:auto;padding:24px 18px 64px}
.hero{text-align:center;padding:22px 8px 28px}
.logo{width:min(280px,72vw);height:auto;margin-bottom:12px}
.eyebrow{letter-spacing:.18em;font-size:.75rem;color:var(--teal);font-weight:700}
h1{font-size:clamp(2rem,7vw,3.4rem);line-height:1.02;margin:.35em 0 .2em;font-weight:650;letter-spacing:-.03em}
.lead{font-size:1.05rem;color:var(--pink);font-weight:600}
.card,.thanks{background:rgba(255,255,255,.9);border:1px solid rgba(79,140,135,.16);border-radius:26px;padding:22px;box-shadow:0 18px 50px rgba(48,72,70,.08)}
.field{margin:0 0 20px;position:relative}
label{display:block;font-weight:650;margin-bottom:8px}
input,textarea{width:100%;border:1px solid rgba(79,140,135,.35);background:#fff;border-radius:14px;padding:14px 15px;color:var(--ink);font:inherit;outline:none}
input:focus,textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(79,140,135,.12)}
textarea{resize:vertical;min-height:108px}
small,.muted,.legal{color:#71807e;font-weight:400}
.counter{text-align:right;font-size:.78rem;color:#879391;margin-top:5px}
.checks{display:grid;gap:14px;margin:24px 0}
.checks label{font-weight:450;line-height:1.4;display:grid;grid-template-columns:24px 1fr;gap:9px}
.checks input{width:auto;margin-top:2px}
button{width:100%;border:0;border-radius:999px;padding:16px 20px;background:var(--teal);color:#fff;font:inherit;font-weight:750;font-size:1.02rem;cursor:pointer}
.legal{text-align:center;font-size:.85rem}
a{color:var(--teal)}
.thanks{text-align:center;padding:42px 24px}
@media (min-width:700px){.wrap{padding-top:44px}.card{padding:34px}}