.signup{color:#f3eee6;width:100%;max-width:520px}.signup__form{gap:14px;display:grid}.signup__field{gap:6px;display:grid}.signup__field span{letter-spacing:-.02em;font-size:1rem;font-weight:500}.signup__field small{opacity:.72;font-size:.88rem;font-weight:400}.signup__field input{color:#141312;width:100%;height:56px;font:inherit;letter-spacing:-.02em;-webkit-user-select:text;user-select:text;appearance:none;background:#f3eee6;border:2px solid #0000;border-radius:14px;padding:0 18px;font-size:1.15rem;font-weight:500}.signup__field input::placeholder{color:#14131275;font-weight:400}.signup__field input:focus{border-color:#141312;outline:none;box-shadow:0 0 0 3px #f3eee68c}.signup__field input[aria-invalid=true]{border-color:#b3261e}.signup__error{letter-spacing:-.015em;min-height:1.3em;margin:0;font-size:.98rem;font-weight:500}.signup__send{color:#f3eee6;height:58px;font:inherit;letter-spacing:-.02em;cursor:pointer;background:#141312;border:0;border-radius:999px;font-size:1.12rem;font-weight:600;transition:transform .16s}.signup__send:active{transform:scale(.98)}.signup__fine{letter-spacing:-.01em;opacity:.72;margin:0;font-size:.86rem;line-height:1.3}.signup__done[hidden],.signup__form[hidden]{display:none}.signup__done{justify-items:start;gap:16px;display:grid}.signup__card{aspect-ratio:1.58;background:#141312;border-radius:18px;width:min(100%,400px);margin:6px 0 10px;position:relative;rotate:-3deg;box-shadow:0 22px 44px -16px #041203d9}.signup__card svg{fill:#f3eee6;width:34%;position:absolute;top:8%;right:7%}.signup__card p{letter-spacing:-.03em;margin:0;line-height:1.05;position:absolute;bottom:9%;left:7%;right:7%}.signup__card span{opacity:.7;font-size:.9rem;display:block}.signup__card strong{letter-spacing:-.04em;overflow-wrap:anywhere;font-size:1.6rem;font-weight:600;display:block}.signup__hello{letter-spacing:-.04em;overflow-wrap:anywhere;margin:0;font-size:2rem;font-weight:600;line-height:1.06}.signup__hello:focus{outline:none}.signup__again{height:52px;color:inherit;font:inherit;letter-spacing:-.02em;cursor:pointer;background:0 0;border:1.5px solid #f3eee699;border-radius:999px;padding:0 24px;font-weight:500}
