.signup{padding-top:clamp(112px,10vw,150px);padding-bottom:clamp(56px,7vw,110px);min-height:100vh}.signup__grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start;gap:clamp(28px,4vw,72px)}.signup__intro{display:grid;gap:22px;position:sticky;top:120px}.signup__title{margin-top:4px}.signup__steps{display:grid;gap:4px;margin-top:6px}.signup__steps li{display:flex;align-items:center;gap:14px;padding:10px 0;font-size:13px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3);transition:color .3s}.signup__num{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;font-family:var(--mono);font-size:11px;letter-spacing:0;box-shadow:inset 0 0 0 1px #ffffff29;transition:background .3s,color .3s,box-shadow .3s}.signup__steps li.is-current{color:var(--ink)}.signup__steps li.is-current .signup__num{color:#001a16;background:var(--mint);box-shadow:0 0 22px -4px #b1f7edb3}.signup__steps li.is-done{color:var(--ink-2)}.signup__steps li.is-done .signup__num{color:var(--mint);box-shadow:inset 0 0 0 1px #b1f7ed80}.signup__aside{font-size:14px;color:var(--ink-3)}.signup__panel{padding:clamp(22px,3vw,40px);border-radius:var(--radius-lg);min-height:320px}.signup__head{display:grid;gap:8px;margin-bottom:22px}.signup__head--row{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:16px 32px}.signup__h{font-size:clamp(26px,2.4vw,36px);line-height:1.05;font-weight:700;letter-spacing:-.02em;outline:none}.signup__sub{color:var(--ink-2);font-size:15px;max-width:60ch}.signup__note{color:var(--ink-3);font-size:15px}.signup__notice{margin-bottom:18px;padding:12px 16px;border-radius:var(--radius-sm);font-size:14px;color:var(--ink);background:#b1f7ed14;box-shadow:inset 0 0 0 1px #b1f7ed47}.signup__error{padding:12px 16px;border-radius:var(--radius-sm);font-size:14px;color:#ffd9d0;background:#ff2a001f;box-shadow:inset 0 0 0 1px #ff6a4a73}.signup__error[hidden]{display:none}.signup__form{display:grid;gap:18px}.signup__row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.signup__field{display:grid;gap:8px;position:relative}.signup__field label,.signup__chips legend{font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-2)}.signup__input{width:100%;height:52px;padding:0 18px;border:0;border-radius:var(--radius-sm);font:inherit;font-size:16px;color:var(--ink);background:#ffffff0b;box-shadow:inset 0 0 0 1px #ffffff24;transition:box-shadow .25s,background .25s}.signup__input::placeholder{color:var(--ink-4)}.signup__input:hover{box-shadow:inset 0 0 0 1px #ffffff3d}.signup__input:focus{outline:none;background:#b1f7ed0d;box-shadow:inset 0 0 0 1px var(--mint),0 0 0 4px #b1f7ed1f}.signup__input:-webkit-autofill{-webkit-text-fill-color:var(--ink);-webkit-box-shadow:0 0 0 100px #0b1414 inset;caret-color:var(--ink)}.signup__hint{font-size:13px;color:var(--ink-3)}.signup__field--reveal .signup__input{padding-right:84px}.signup__reveal{position:absolute;right:8px;top:33px;height:38px;padding:0 14px;border-radius:10px;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);transition:color .2s,background .2s}.signup__reveal:hover{color:var(--mint);background:#ffffff0d}.signup__check{display:flex;align-items:flex-start;gap:12px;font-size:14px;color:var(--ink-2);cursor:pointer}.signup__check input{flex:none;width:20px;height:20px;margin:1px 0 0;accent-color:var(--mint)}.signup__submit{justify-self:start;min-width:220px}.signup__submit:disabled,.plan__buy:disabled{opacity:.55;cursor:progress;transform:none}.signup__switch{font-size:14px;color:var(--ink-3)}.signup__switch button.link{font-size:inherit}.signup__chips{margin:0;padding:0;border:0;display:grid;gap:12px}.signup__chips legend{padding:0;margin-bottom:12px}.picks{display:flex;flex-wrap:wrap;gap:10px}.pick{position:relative;display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:999px;font-size:15px;color:var(--ink-2);background:#ffffff0a;box-shadow:inset 0 0 0 1px #ffffff24;cursor:pointer;user-select:none;transition:color .2s,background .2s,box-shadow .2s,transform .3s var(--ease)}.pick:hover{color:var(--ink);box-shadow:inset 0 0 0 1px #b1f7ed73}.pick:active{transform:scale(.97)}.pick__input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}.pick:has(.pick__input:focus-visible){outline:2px solid var(--mint);outline-offset:3px}.pick.is-on,.pick:has(.pick__input:checked){color:#001a16;background:var(--mint);box-shadow:0 0 22px -6px #b1f7edb3}.signup__grid.is-wide{grid-template-columns:1fr}.signup__grid.is-wide .signup__intro{position:static;grid-template-columns:minmax(0,1fr) auto;align-items:end}.signup__grid.is-wide .signup__intro .eyebrow,.signup__grid.is-wide .signup__title,.signup__grid.is-wide .signup__lead,.signup__grid.is-wide .signup__aside{display:none}.signup__grid.is-wide .signup__steps{grid-auto-flow:column;justify-content:start;gap:24px}.signup__plans{margin-top:6px}.signup__plans .plan{background:#ffffff06}.signup__fine{margin-top:18px}.signup__spinner{width:42px;height:42px;border-radius:50%;border:3px solid rgba(177,247,237,.18);border-top-color:var(--mint);animation:signup-spin .9s linear infinite}@keyframes signup-spin{to{transform:rotate(360deg)}}.reduced .signup__spinner{animation-duration:3s}@media(max-width:980px){.signup__grid{grid-template-columns:1fr}.signup__intro{position:static}.signup__grid:not(.is-wide) .signup__lead,.signup__grid:not(.is-wide) .signup__aside{display:none}.signup__head--row{grid-template-columns:1fr}}@media(max-width:640px){.signup__row{grid-template-columns:1fr}.signup__submit{justify-self:stretch}.signup__grid.is-wide .signup__steps{grid-auto-flow:row}.signup__steps li{padding:6px 0}}
