:root{color-scheme:light;--ink:#30372f;--muted:#6d7167;--line:#d8d9ce;--accent:#58604b;--paper:#faf9f4}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
main{width:min(100% - 40px,520px);margin:0 auto;padding:68px 0 64px}
header{text-align:center;margin-bottom:49px}
h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(20px,4.9vw,27px);font-weight:400;letter-spacing:.13em;margin:0;line-height:1.5}
header::after{content:'';display:block;width:42px;height:1px;background:#b2b79e;margin:26px auto 0}
h2{text-align:center;font-family:Georgia,'Times New Roman',serif;font-size:28px;font-weight:400;margin:0 0 35px}
.names{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.field{margin-bottom:23px;min-width:0}
.field label{display:block;font-size:13px;letter-spacing:.025em;margin-bottom:10px}
.field label span{color:var(--muted)}
.field input{display:block;width:100%;height:49px;border:1px solid var(--line);border-radius:3px;background:#fff;color:var(--ink);font:16px Arial,Helvetica,sans-serif;padding:11px 13px}
input:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.consent{display:flex;align-items:flex-start;gap:12px;margin:30px 0;font-size:13px;line-height:1.75;color:var(--muted);cursor:pointer}
.consent input{flex:0 0 18px;width:18px;height:18px;margin:3px 0 0;accent-color:var(--accent)}
button{width:100%;border:0;border-radius:3px;background:var(--accent);color:white;min-height:51px;font:12px Arial,Helvetica,sans-serif;letter-spacing:.18em;cursor:pointer;transition:background .15s}
button:hover{background:#424b36}
.trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.success{padding:25px 22px;border:1px solid var(--line);background:#f0f2e9;font-size:16px;line-height:1.8;text-align:center}
.errors{padding:14px 18px;background:#fff0eb;border:1px solid #d9b5a6;color:#743d2c;font-size:14px;line-height:1.6;margin-bottom:24px}
.errors ul{margin:0;padding-left:18px}
@media(max-width:480px){main{width:calc(100% - 40px);padding-top:42px}header{margin-bottom:36px}.names{grid-template-columns:1fr;gap:0}h2{font-size:26px;margin-bottom:29px}}