.signup{min-height:100dvh;padding:var(--backlink-clear) var(--space-md) var(--space-2xl);z-index:2;place-items:center;display:grid;position:relative}.signup__card,.signup__done{width:100%;max-width:400px}.signup__done{text-align:center}.signup__head{margin-bottom:var(--space-lg)}.signup__mark{margin-bottom:var(--space-lg);text-decoration:none;display:inline-block}.signup__kicker{margin:0 0 var(--space-2xs);font-size:var(--text-md);font-family:var(--font-display);color:var(--accent-deep)}.signup__lede{font-family:var(--font-display);font-weight:400;font-size:var(--text-2xl);letter-spacing:var(--track-tight);max-width:15ch;margin:0;line-height:1.08}.signup__done .signup__lede{max-width:none;margin:var(--space-md) 0 var(--space-xs)}.signup__note{margin:0 auto var(--space-lg);max-width:38ch}.signup__form{gap:var(--space-2xs);display:grid}.signup__form .label{margin-top:var(--space-sm)}.signup__form .label:first-child{margin-top:0}.signup__opt{text-transform:none;letter-spacing:0;color:var(--ink-3);font-weight:400}.signup__form input{font-family:var(--font-body);font-size:var(--text-md);padding:11px var(--space-sm);border:var(--rule-thin) solid var(--rule);border-radius:var(--radius-sm);background:var(--paper-2);color:var(--ink);width:100%;transition:border-color var(--dur-state) var(--ease-out);outline:none}.signup__form input:focus{border-color:var(--accent)}.signup__form input::placeholder{color:var(--ink-3)}.signup__prefixed{border:var(--rule-thin) solid var(--rule);border-radius:var(--radius-sm);background:var(--paper-2);transition:border-color var(--dur-state) var(--ease-out);align-items:center;display:flex;overflow:hidden}.signup__prefixed:focus-within{border-color:var(--accent)}.signup__prefixed span{padding-left:var(--space-sm);color:var(--ink-3);font-size:var(--text-md);white-space:nowrap}.signup__prefixed input{border:0;padding-left:2px}.signup__checks{margin:var(--space-2xs) 0 0;gap:var(--space-sm);font-size:var(--text-xs);color:var(--ink-3);flex-wrap:wrap;padding:0;list-style:none;display:flex}.signup__checks li{align-items:center;gap:4px;display:flex}.signup__checks li span{text-align:center;width:10px;display:inline-block}.signup__checks li.is-ok{color:var(--positive)}.signup__submit{margin-top:var(--space-md);text-align:center;width:100%}.signup__done .btn{margin-top:var(--space-xs)}.signup__form input:focus,.signup__prefixed:focus-within{border-color:var(--cool)}.signup__kicker{color:var(--cool-deep)}
