*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#222;word-break:keep-all;-webkit-font-smoothing:antialiased;font-family:Wanted Sans Variable,Wanted Sans,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}input,button{font-family:inherit}:focus-visible{outline-offset:2px;outline:2px solid #111}.page{background:linear-gradient(#a8d3ff 0%,#fff4df 100%);min-height:100vh;padding:48px 16px;display:flex}.group{flex-direction:column;align-items:center;width:100%;max-width:420px;margin:auto;display:flex}.card{background:#fff;border-radius:24px;flex-direction:column;width:100%;padding:24px 32px;display:flex;position:relative;box-shadow:0 12px 32px #0000000f}.back{color:#6b7380;cursor:pointer;height:32px;font:inherit;background:0 0;border:none;border-radius:8px;align-self:flex-start;align-items:center;gap:6px;margin:-4px 0 8px -6px;padding:0 6px;font-size:14px;font-weight:500;line-height:1;transition:opacity .15s;display:inline-flex}.back svg{flex:none}.back:hover{opacity:.6}.back[hidden]{display:none}.step{flex-direction:column;display:flex}.step[hidden]{display:none}.illust{align-self:center;width:100%;height:auto;margin-bottom:16px}.step-title{text-align:center;color:#111;font-size:24px;font-weight:700}.subtitle{color:#555;text-align:center;margin:8px 0 24px;font-size:14px;line-height:1.625}form{width:100%}.field+.field{margin-top:12px}.field input{color:#222;background:#fff;border:1px solid #e8e8e8;border-radius:8px;outline:none;width:100%;height:46px;padding:0 18px;font-size:14px;transition:border-color .15s}.field input:focus{border-color:#999}.field input::placeholder{color:#999}.divider{border:none;border-top:1px solid #e8e8e8;margin:16px 0}.field input.invalid{border-color:#dc2626}.field-error{color:#dc2626;margin:4px 4px 0;font-size:12px}.errorbox{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:16px;padding:12px;display:none}.errorbox.show{display:block}.errorbox p{color:#dc2626;text-align:center;font-size:14px;font-weight:500}.submit{cursor:pointer;color:#fff;background:#000;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;height:46px;margin-top:16px;padding:0 24px;font-size:14px;font-weight:600;transition:background-color .15s;display:inline-flex}.submit:hover{background:#333}.submit:disabled{color:#0000004d;cursor:not-allowed;background:#0000001a}.prompt{text-align:center;color:#999;width:100%;margin-top:16px;font-size:14px}.prompt a{color:#222;font-weight:600}.terms-section{background:#f5f5f5;border-radius:16px;flex-direction:column;gap:12px;margin-top:24px;padding:20px;line-height:1.6;display:flex}.terms-section:first-of-type{margin-top:0}.terms-section h2{color:#111;font-size:14px;font-weight:700}.terms-section p{color:#555;font-size:13px}.terms-links{flex-direction:column;gap:8px;display:flex}.terms-links a{color:#222;align-self:flex-start;font-size:13px;text-decoration:underline}.warnbox{background:#ffeded}.warnbox p:last-child{color:#ff4040;font-weight:600}.micbox{background:#e2f5db}.checks{flex-direction:column;gap:9px;margin-top:18px;display:flex}.checkrow{color:#222;cursor:pointer;align-items:flex-start;gap:10px;font-size:13px;display:flex}.checkrow input{accent-color:#111;cursor:pointer;flex-shrink:0;width:16px;height:16px;margin-top:2px}.req{color:#dc2626}.done-body{color:#555;text-align:center;white-space:pre-line;margin-top:8px;font-size:14px;line-height:1.625}.plan-list{flex-direction:column;gap:10px;width:100%;display:flex}.plan-list input[type=radio]{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.plan-option{cursor:pointer;background:#fff;border:1px solid #e8e8e8;border-radius:16px;align-items:center;gap:14px;padding:18px 20px;transition:border-color .15s,background-color .15s;display:flex}.plan-option:hover{border-color:#c9ced6}.plan-list input:checked+.plan-option{background:#f7f8fa;border-color:#111}.plan-list input:focus-visible+.plan-option{outline-offset:2px;outline:2px solid #111}.plan-icon{color:#555;background:#f2f3f5;border-radius:12px;flex:none;justify-content:center;align-items:center;width:42px;height:42px;font-size:18px;line-height:1;transition:background-color .15s;display:flex}.plan-list input:checked+.plan-option .plan-icon{color:#fff;background:#111}.plan-icon svg{display:block}.plan-copy{flex:1;min-width:0}.plan-copy strong{color:#111;font-size:16px;font-weight:700;display:block}.plan-copy span{color:#6b7380;margin-top:3px;font-size:13px;display:block}.plan-radio{border:1.5px solid #d7dce3;border-radius:50%;flex:none;width:18px;height:18px;transition:border-color .15s;position:relative}.plan-list input:checked+.plan-option .plan-radio{border-color:#111}.plan-radio:after{content:"";background:#111;border-radius:50%;transition:transform .15s;position:absolute;inset:3.5px;transform:scale(0)}.plan-list input:checked+.plan-option .plan-radio:after{transform:scale(1)}.stepper{width:100%;margin-bottom:26px;display:flex}.stepper[hidden]{display:none}.stepper li{flex-direction:column;flex:1;align-items:center;list-style:none;display:flex;position:relative}.stepper .dot{color:#9aa2ae;z-index:1;background:#eef0f3;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:700;transition:background-color .2s,color .2s;display:flex}.stepper li[data-state=done] .dot,.stepper li[data-state=now] .dot{color:#fff;background:#111}.stepper .lb{color:#9aa2ae;white-space:nowrap;margin-top:7px;font-size:12px}.stepper li[data-state=done] .lb,.stepper li[data-state=now] .lb{color:#222;font-weight:600}.stepper li:before{content:"";background:#eef0f3;width:100%;height:2px;transition:background-color .2s;position:absolute;top:13px;left:-50%}.stepper li:first-child:before{display:none}.stepper li[data-state=done]:before,.stepper li[data-state=now]:before{background:#111}.eyebrow{letter-spacing:.08em;color:#6b7380;font-size:12px;font-weight:700}.step-heading{width:100%;margin-bottom:20px}.step-heading h1{color:#111;margin-top:6px;font-size:22px;font-weight:700}.step-heading p{color:#6b7380;margin-top:8px;font-size:14px}.form-group+.form-group{margin-top:20px}.actions{gap:9px;width:100%;margin-top:20px;display:flex}.actions .prev{color:#555;cursor:pointer;background:#fff;border:1px solid #e8e8e8;border-radius:8px;flex:0 0 92px;height:46px;font-size:15px;font-weight:600;transition:background-color .15s}.actions .prev:hover{background:#f7f8fa}.actions .submit{flex:1;margin-top:0}@keyframes step-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.step:not([hidden]){animation:.22s ease-out both step-in}@media (width<=480px){.page{padding:24px 12px}.card{border-radius:20px;padding:44px 20px 20px}.step-title{font-size:22px}.step-heading h1{font-size:20px}.stepper .lb{font-size:11px}.plan-option{gap:12px;padding:16px}.actions .prev{flex:0 0 78px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.boot{flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:32px 0;display:flex}.boot[hidden]{display:none}.boot .spinner{border:3px solid #e8e8e8;border-top-color:#111;border-radius:50%;width:26px;height:26px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.boot p{color:#555;text-align:center;font-size:14px;line-height:22px}.boot-link a{color:#111;font-weight:600;text-decoration:underline}.field input[readonly]{color:#6b7380;cursor:not-allowed;background:#f5f6f8}
