/* ── Signup Page ─────────────────────────────── */

.signup-role-group {
    display: flex;
    gap: var(--sp-3);
}

.signup-role-option {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--sp-2);
    padding: var(--sp-3) var(--sp-4);
    border: 1px solid var(--c-border);
    border-radius: var(--r-lg);
    background: var(--c-surface);
    cursor: pointer;
    transition: border-color var(--t-fast), background var(--t-fast);
    font-size: var(--text-sm);
    font-weight: var(--fw-medium);
    color: var(--c-text-1);
}

.signup-role-option:hover {
    border-color: var(--c-primary);
    background: var(--c-primary-light);
}

.signup-role-option input[type="radio"] {
    accent-color: var(--c-primary);
}

.signup-role-option:has(input[type="radio"]:checked) {
    border-color: var(--c-primary);
    background: var(--c-primary-light);
    color: var(--c-primary);
}

.signup-field-error {
    margin-top: var(--sp-1\.5);
    font-size: var(--text-xs);
    color: var(--c-error);
}

.signup-login-link {
    margin-top: var(--sp-5);
    text-align: center;
    font-size: var(--text-sm);
    color: var(--c-text-2);
}

.signup-login-link a {
    color: var(--c-primary);
    font-weight: var(--fw-semibold);
    text-decoration: none;
}

.signup-login-link a:hover {
    text-decoration: underline;
}