/* auth.css */
/* Shared Authentication Views */
body.auth-page {
    background: radial-gradient(circle at 0% 0%, #fff0f2 0%, #fff8f8 50%, #f0dbff 100%);
    min-height: 100vh;
}

.inner-glow {
    box-shadow: inset 2px 2px 8px rgba(255, 255, 255, 0.8), inset -2px -2px 8px rgba(0, 0, 0, 0.02);
}

.vibrant-pink-btn {
    background-color: #FF007F; /* Vibrant Pink for branding */
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.vibrant-pink-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(255, 0, 127, 0.3);
}

.vibrant-pink-btn:active {
    transform: scale(0.98);
}

.custom-input:focus-within {
    border-color: #00F5FF; /* Turquoise focus */
    box-shadow: 0 0 0 4px rgba(0, 245, 255, 0.1);
}

.role-radio:checked + label {
    background-color: #ffe8ec;
    border-color: #b60059;
    color: #b60059;
}

.reset-step {
    background: rgba(255, 255, 255, 0.65);
    border: 1px solid rgba(182, 0, 89, 0.12);
}