.signup-page{background:var(--bg);min-height:100vh;padding:var(--sp-5);flex-direction:column;justify-content:center;align-items:center;display:flex}.signup-brand{margin-bottom:var(--sp-7);text-align:center}.signup-brand-name{font-family:var(--font-mono);color:var(--ink);letter-spacing:-.01em;font-size:20px;font-weight:700;text-decoration:none;display:block}.signup-brand-sub{margin:var(--sp-1) 0 0;font-size:var(--t-small);color:var(--ink-3)}.signup-card{background:var(--surface);border:1px solid var(--rule-2);border-radius:var(--r-3);width:100%;max-width:420px;padding:var(--sp-7)}.signup-card-heading{font-size:var(--t-h3);color:var(--ink);margin:0 0 var(--sp-6);letter-spacing:var(--t-h3-ls);font-weight:700}.signup-invite-banner{background:var(--risk-subtle);border-radius:var(--r-2);padding:var(--sp-3) var(--sp-4);margin-bottom:var(--sp-5);border:1px solid #1e5f7433}.signup-invite-banner p{font-size:var(--t-small);color:var(--risk-ink);margin:0}.signup-success{text-align:center;padding:var(--sp-4) 0}.signup-success p{font-size:var(--t-small);color:var(--ink);margin:0 0 var(--sp-4);font-weight:500}.signup-success a{font-size:var(--t-small);color:var(--risk);font-weight:500;text-decoration:none}.signup-success a:hover{text-decoration:underline}.signup-fields{gap:var(--sp-5);flex-direction:column;display:flex}.signup-field{gap:var(--sp-2);flex-direction:column;display:flex}.signup-label{font-size:var(--t-small);color:var(--ink-2);font-weight:500}.signup-label-note{color:var(--ink-3);font-weight:400}.signup-input{width:100%;padding:var(--sp-3) var(--sp-4);font-size:var(--t-small);font-family:var(--font-sans);color:var(--ink);background:var(--bg);border:1px solid var(--rule-2);border-radius:var(--r-2);box-sizing:border-box;outline:none;transition:border-color .15s ease-out}.signup-input::placeholder{color:var(--ink-3)}.signup-input:focus{border-color:var(--risk);box-shadow:0 0 0 2px var(--risk-subtle)}.signup-input--error{border-color:var(--bad)}.signup-input--error:focus{box-shadow:0 0 0 2px #b91c1c1a}.signup-input--disabled{background:var(--rule-2);color:var(--ink-3);cursor:not-allowed}.signup-field-error{color:var(--bad);margin:0;font-size:12px}.signup-server-error{background:var(--risk-subtle);border-radius:var(--r-2);padding:var(--sp-3) var(--sp-4);border:1px solid #1e5f7433}.signup-server-error p{font-size:var(--t-small);color:var(--risk-ink);margin:0}.signup-submit{width:100%;margin-top:var(--sp-2)}.signup-footer{margin-top:var(--sp-5);text-align:center;font-size:var(--t-small);color:var(--ink-3)}.signup-footer a{color:var(--risk);font-weight:500;text-decoration:none}.signup-footer a:hover{text-decoration:underline}.signup-plan-selector{gap:var(--sp-4);flex-direction:column;display:flex}.signup-plan-display{background:var(--bg);border:1px solid var(--rule-1);border-radius:var(--r-2);padding:var(--sp-3) var(--sp-4);justify-content:space-between;align-items:center;gap:var(--sp-3);display:flex}.signup-plan-badge{gap:var(--sp-1);flex-direction:column;display:flex}.signup-plan-name{font-size:var(--t-small);color:var(--ink);font-weight:600}.signup-plan-price{color:var(--risk);font-size:14px;font-weight:700}.signup-plan-limit{color:var(--ink-3);text-align:right;font-size:12px}.signup-plan-options{gap:var(--sp-2);justify-content:space-between;display:flex}.signup-plan-option{padding:var(--sp-2) var(--sp-3);border:1px solid var(--rule-2);background:var(--bg);color:var(--ink-2);border-radius:var(--r-2);cursor:pointer;flex:1;font-size:12px;font-weight:500;transition:all .15s ease-out}.signup-plan-option:hover{border-color:var(--risk);color:var(--risk)}.signup-plan-option--active{border-color:var(--risk);background:var(--risk-subtle);color:var(--ink);font-weight:600}.signup-field--consent{align-items:flex-start;gap:var(--sp-2);margin-bottom:var(--sp-4);flex-direction:row;display:flex}.signup-field--consent input[type=checkbox]{cursor:pointer;width:16px;min-width:16px;height:16px;margin-top:4px}.signup-field--consent label{font-size:var(--t-small);color:var(--ink-2);cursor:pointer;flex:1;line-height:1.5}.signup-field--consent a{color:var(--risk);text-decoration:none}.signup-field--consent a:hover{text-decoration:underline}.signup-field--consent a:focus{outline:2px solid var(--risk);outline-offset:2px}.signup-field--error{margin-top:var(--sp-2);font-size:var(--t-small);color:var(--bad);line-height:1.5}.signup-field--consent input[type=checkbox]:focus{outline:2px solid var(--risk);outline-offset:2px}.signup-field--consent input[type=checkbox]:invalid{outline-color:var(--bad)}
