.hero-signup{width:100%;max-width:560px;margin-top:8px}.hero-label{letter-spacing:.08em;text-transform:uppercase;color:var(--char-soft);margin:0 0 8px;font-size:.8125rem;font-weight:700;display:block}.hero-row{background:var(--slip);border:2px solid var(--char);box-shadow:0 3px 0 var(--char);border-radius:14px;align-items:stretch;gap:6px;padding:6px;transition:box-shadow .15s,border-color .15s;display:flex}.hero-row:focus-within{outline:3px solid var(--focus);outline-offset:3px}.hero-form[data-invalid=true] .hero-row{border-color:var(--sauce);box-shadow:0 3px 0 var(--sauce-deep)}.hero-row input{min-width:0;height:52px;color:var(--char);font:500 1.125rem/1 var(--font-body);background:0 0;border:0;border-radius:9px;flex:auto;padding:0 14px}.hero-row input::placeholder{color:#9a8a7c;opacity:1}.hero-row input:focus{outline:none}.hero-row .btn{white-space:nowrap;min-height:52px;box-shadow:none;border-radius:9px;flex:none;padding:0 22px}.hero-fine{color:var(--char-soft);margin:12px 2px 0;font-size:.875rem}.hero-error{color:var(--sauce-deep);margin:10px 2px 0;font-weight:600}.hero-done{background:var(--slip);border:2px solid var(--char);box-shadow:0 3px 0 var(--char);border-radius:14px;padding:18px 20px}.hero-done-title{color:var(--char);align-items:center;gap:10px;margin:0;font-size:1.1875rem;font-weight:700;display:flex}.hero-done-mark{background:var(--basil);color:#fff;border-radius:50%;place-items:center;width:28px;height:28px;font-size:.9375rem;display:inline-grid}.hero-done-next{margin:6px 0 0 38px;font-size:.9375rem}@media (max-width:559px){.hero-row{flex-direction:column}.hero-row input{height:54px}.hero-row .btn{width:100%}}