:root {
    --mazzola-accent: #037c8c;
    --mazzola-accent-hover: #026570;
    --gray-500: #64748b;
}

body.auth-recovery {
    background: linear-gradient(135deg, var(--mazzola-accent) 0%, var(--mazzola-accent-hover) 100%);
    font-family: "Work Sans", system-ui, sans-serif;
}

.auth-recovery .recovery-card {
    border: 0;
    border-radius: 16px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, .30);
}

.auth-recovery .recovery-card .card-body { padding: 2.5rem; }
.auth-recovery .recovery-card h1 { color: #1e293b; font-weight: 700; }
.auth-recovery .recovery-card .text-muted { color: var(--gray-500) !important; }
.auth-recovery .btn-primary { background: var(--mazzola-accent); border-color: var(--mazzola-accent); }
.auth-recovery .btn-primary:hover, .auth-recovery .btn-primary:focus { background: var(--mazzola-accent-hover); border-color: var(--mazzola-accent-hover); }