body.theme-signup {
    --accent:      #b78bfa;
    --accent-dim:  rgba(183, 139, 250, 0.15);
    --accent-glow: rgba(183, 139, 250, 0.35);
}

body.theme-signup::before {
    background: radial-gradient(circle, #b78bfa, transparent 70%);
}

body.theme-signup::after {
    background: radial-gradient(circle, #f78bca, transparent 70%);
}

body.theme-signup .card-logo {
    border-color: rgba(183, 139, 250, 0.2);
}

body.theme-signup .form-input:focus {
    border-color: rgba(183, 139, 250, 0.4);
    background: rgba(183, 139, 250, 0.03);
    box-shadow: 0 0 0 3px rgba(183, 139, 250, 0.08), 0 0 20px rgba(183, 139, 250, 0.05);
}

body.theme-signup .btn-primary {
    background: linear-gradient(135deg, rgba(183,139,250,0.18), rgba(183,139,250,0.08));
    border-color: rgba(183, 139, 250, 0.3);
    color: var(--accent);
    box-shadow: 0 0 24px rgba(183, 139, 250, 0.08);
}

body.theme-signup .btn-primary:hover {
    background: linear-gradient(135deg, rgba(183,139,250,0.26), rgba(183,139,250,0.14));
    border-color: rgba(183, 139, 250, 0.5);
    box-shadow: 0 0 32px rgba(183, 139, 250, 0.18);
}

body.theme-signup .card {
    box-shadow:
        0 0 0 1px rgba(255,255,255,0.03) inset,
        0 24px 64px rgba(0,0,0,0.5),
        0 0 80px rgba(183, 139, 250, 0.04);
}