/* =========================================
   CSS ESPECÍFICO: RECUPERAR SENHA
   Arquivo: recuperar_senha/recuperar_senha.css
   ========================================= */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;900&display=swap');

/* Configurações Globais da Tela */
body {
    font-family: 'Inter', sans-serif;
    width: 100%;
    overflow-x: hidden;
    margin: 0;
    padding: 0;
}

/* Configuração dos Ícones */
.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
    user-select: none;
    vertical-align: middle;
    display: inline-block;
}

/* Estilo da Logo (Filtro Branco) */
.logo-white-shadow {
    filter: brightness(0) invert(1) drop-shadow(0px 4px 12px rgba(255, 255, 255, 0.25));
    -webkit-filter: brightness(0) invert(1) drop-shadow(0px 4px 12px rgba(255, 255, 255, 0.25));
}

.logo-mobile {
    max-height: 64px; 
}

/* Sombra da Divisória */
.left-column-shadow {
    position: relative;
    z-index: 20;
    box-shadow: 10px 0 40px rgba(0, 0, 0, 0.6);
}

/* Animação das Luzes (Blobs) */
@keyframes float-heavy-1 {
    0% { transform: translate(0px, 0px) scale(1); }
    33% { transform: translate(150px, 50px) scale(1.2); }
    66% { transform: translate(-50px, 100px) scale(0.9); }
    100% { transform: translate(0px, 0px) scale(1); }
}

@keyframes float-heavy-2 {
    0% { transform: translate(0px, 0px) scale(1); }
    33% { transform: translate(-150px, -50px) scale(1.1); }
    66% { transform: translate(50px, -100px) scale(0.9); }
    100% { transform: translate(0px, 0px) scale(1); }
}

.move-blob-1 {
    animation: float-heavy-1 8s infinite ease-in-out;
}

.move-blob-2 {
    animation: float-heavy-2 10s infinite ease-in-out;
}

/* Fix para Mobile (iOS/iPhone) - Evita zoom no input */
@media screen and (max-width: 768px) {
    input[type="email"] {
        font-size: 16px !important;
    }
}