.signup-page{min-height:100vh;background:radial-gradient(circle at 10% 5%,#e3faf7 0,transparent 32%),#f7fbfa}.signup-page .site-header{max-width:none;padding-left:max(24px,calc((100vw - 1180px)/2));padding-right:max(24px,calc((100vw - 1180px)/2))}.signup-page .header-actions span{font-size:13px;color:var(--muted)}.signup-shell{width:min(1180px,calc(100% - 40px));margin:0 auto;display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center;min-height:calc(100vh - 76px);padding:52px 0}.signup-copy h1{font-size:clamp(42px,5vw,66px);line-height:1.02;letter-spacing:-.055em;margin:0 0 24px}.signup-copy>p:not(.eyebrow){font-size:18px;line-height:1.7;color:var(--muted);max-width:580px}.signup-copy ul{list-style:none;padding:0;margin:34px 0;display:grid;gap:16px}.signup-copy li{font-size:14px;font-weight:600}.signup-copy li:before{content:'✓';display:inline-grid;place-items:center;width:24px;height:24px;margin-right:12px;border-radius:50%;background:#d8f7f3;color:var(--teal-dark)}.signup-card{background:white;border:1px solid var(--line);border-radius:28px;padding:38px;box-shadow:0 30px 70px rgba(20,57,60,.12)}.signup-card h2{font-size:30px;letter-spacing:-.035em;margin:24px 0 6px}.muted-copy{color:var(--muted);font-size:14px;margin:0 0 26px}.signup-progress{display:flex;align-items:center}.signup-progress span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;border:1px solid var(--line);color:#819095;font-size:12px;font-weight:700}.signup-progress span.active{background:var(--teal);color:white;border-color:var(--teal)}.signup-progress i{height:1px;flex:1;background:var(--line)}.signup-form label{display:grid;gap:8px;margin-bottom:15px;color:#415258;font-size:12px;font-weight:700}.signup-form input,.signup-form select{width:100%;min-height:48px;padding:0 14px;border:1px solid #d9e4e2;border-radius:11px;background:#fbfdfc;color:var(--ink);font:14px Inter;outline:none}.signup-form input:focus,.signup-form select:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(8,184,174,.1)}.signup-form .consent input{min-height:0}.signup-form>.button{width:100%;margin-top:4px}.signup-form>small{display:block;margin-top:14px;text-align:center;line-height:1.5;color:#7b898e}.signup-unavailable{text-align:center;padding:40px 15px}.signup-unavailable>span{display:inline-flex;padding:7px 12px;border-radius:999px;background:#fff3d5;color:#8c6500;font-size:11px;font-weight:700}.signup-unavailable h2{margin-top:20px}.signup-unavailable p{color:var(--muted);line-height:1.6}.status-shell{min-height:calc(100vh - 76px);display:grid;place-items:center;padding:30px}.status-card{width:min(620px,100%);padding:52px;background:white;border:1px solid var(--line);border-radius:28px;text-align:center;box-shadow:0 30px 70px rgba(20,57,60,.12)}.status-card h1{font-size:36px;letter-spacing:-.045em;margin:10px 0 16px}.status-card>p:not(.eyebrow){color:var(--muted);line-height:1.65}.status-icon{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 22px;border-radius:50%;font-size:30px;font-weight:800}.status-icon.success{background:#d8f7f3;color:var(--teal-dark)}.status-icon.error{background:#fff0f0;color:#a82f2f}.status-spinner{display:block;width:58px;height:58px;margin:0 auto 26px;border:5px solid #d8f7f3;border-top-color:var(--teal);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.status-steps{display:flex;gap:8px;margin-top:28px}.status-steps span{flex:1;padding:11px 8px;border-radius:9px;background:#f0f4f3;color:#8a989b;font-size:11px}.status-steps .done{background:#e2f8f4;color:#08786f}.status-steps .active{outline:2px solid rgba(8,184,174,.25);color:var(--ink)}.status-card form{margin-top:26px}.status-card form .button{width:100%}@media(max-width:850px){.signup-shell{grid-template-columns:1fr;gap:30px;padding:38px 0}.signup-copy{text-align:center}.signup-copy>p:not(.eyebrow){margin-left:auto;margin-right:auto}.signup-copy ul{display:none}}@media(max-width:560px){.signup-page .header-actions span{display:none}.signup-shell{width:min(100% - 24px,1180px)}.signup-card,.status-card{padding:26px 20px}.signup-copy h1{font-size:42px}.signup-copy>p:not(.eyebrow){font-size:16px}.status-card h1{font-size:30px}.status-steps{flex-direction:column}}
