.signup-page{background:linear-gradient(var(--canvas-grid) 1px, transparent 1px), linear-gradient(90deg, var(--canvas-grid) 1px, transparent 1px), var(--bg);background-position:top;background-size:32px 32px;min-height:100%}.signup-header{border-bottom:1px solid color-mix(in srgb, var(--border) 78%, transparent);background:color-mix(in srgb, var(--surface-elevated) 94%, transparent)}.signup-header-inner{justify-content:space-between;align-items:center;gap:24px;width:min(100% - 48px,1180px);min-height:72px;margin:0 auto;display:flex}.signup-signin{color:var(--text-subtle);align-items:center;gap:2px;font-size:13px;display:flex}.signup-main{box-sizing:border-box;grid-template-columns:minmax(0,1fr) minmax(380px,480px);align-items:center;gap:clamp(48px,8vw,112px);width:min(100% - 48px,1100px);min-height:calc(100svh - 73px);margin:0 auto;padding:64px 0 80px;display:grid}.signup-intro{min-width:0}.signup-eyebrow,.signup-step{color:var(--blue-dark);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:12px;font-weight:750}.signup-eyebrow{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.signup-eyebrow:before{border-radius:var(--radius-pill);background:var(--blue);content:"";width:24px;height:2px}.signup-intro h1{max-width:620px;color:var(--text-strong);letter-spacing:-.05em;text-wrap:balance;margin:20px 0 0;font-size:clamp(42px,5.6vw,68px);font-weight:750;line-height:1}.signup-summary{max-width:590px;color:var(--text-subtle);text-wrap:pretty;margin:26px 0 0;font-size:18px;line-height:1.6}.signup-alpha{color:var(--muted);flex-wrap:wrap;gap:7px;margin:24px 0 0;font-size:12px;font-weight:650;display:flex}.signup-card{border:1px solid var(--border);border-radius:var(--radius-xl);background:color-mix(in srgb, var(--surface-elevated) 96%, transparent);box-shadow:var(--shadow-lg);gap:22px;padding:32px;display:grid}.signup-form-copy{gap:8px;display:grid}.signup-form-copy h2,.onboarding-state h2{color:var(--text-strong);letter-spacing:-.025em;margin:0;font-size:24px;line-height:1.2}.signup-form-copy p:not(.signup-step),.signup-next-step{color:var(--text-subtle);margin:0}.onboarding-form,.onboarding-state{gap:16px;display:grid}.signup-field{gap:6px;display:grid}.signup-field span{color:var(--text-strong);font-size:13px;font-weight:600}.signup-field input,.workspace-address-control{border:1px solid var(--border);border-radius:var(--radius-lg);min-height:44px;color:var(--text-strong);background:var(--surface-elevated);box-sizing:border-box}.signup-field input{width:100%;padding:0 12px}.signup-field input:focus,.workspace-address-control:focus-within{outline:3px solid var(--focus-ring);outline-offset:2px}.workspace-address-control{align-items:center;display:flex;overflow:hidden}.workspace-address-control input{border:0;border-radius:0;outline:0;min-width:0;min-height:42px;padding-left:2px}.workspace-address-prefix{color:var(--muted);padding-left:12px}.signup-field small{color:var(--muted);font-size:12px;line-height:1.45}.onboarding-error,.onboarding-success,.onboarding-slug-error,.onboarding-slug-success{margin:0;font-size:13px;font-weight:600}.onboarding-error,.onboarding-slug-error{color:#b42318}.onboarding-success,.onboarding-slug-success{color:#166534}.onboarding-submit,.onboarding-secondary{border-radius:var(--radius-lg);text-align:center;cursor:pointer;box-sizing:border-box;justify-content:center;align-items:center;min-height:44px;font-weight:700;text-decoration:none;display:inline-flex}.onboarding-submit{border:1px solid var(--blue-dark);color:#fff;background:var(--blue-dark);box-shadow:var(--shadow-md)}.onboarding-submit:hover:not(:disabled){border-color:var(--text-strong);background:var(--text-strong)}.onboarding-secondary{border:1px solid var(--border);color:var(--text-strong);background:var(--surface-elevated)}.onboarding-submit:disabled{cursor:default;opacity:.7}.onboarding-submit:focus-visible,.onboarding-secondary:focus-visible{outline:3px solid var(--blue-dark);outline-offset:3px}@media (width<=900px){.signup-main{grid-template-columns:minmax(0,680px);justify-content:center;gap:44px;padding-top:56px}.signup-intro h1,.signup-summary{max-width:680px}}@media (width<=520px){.signup-header-inner,.signup-main{width:min(100% - 32px,1100px)}.signup-header-inner{min-height:64px}.signup-signin>span{display:none}.signup-main{gap:36px;min-height:calc(100svh - 65px);padding:44px 0 56px}.signup-intro h1{margin-top:16px;font-size:clamp(38px,12.2vw,52px)}.signup-summary{margin-top:20px;font-size:16px}.signup-card{padding:24px}}