/* css/pages/forgotpw.css */

.auth-container {
    animation: fadeIn 0.5s ease-in-out;
}

/* Vissza gomb stílusa a footerben (vissza a loginhoz) */
.auth-footer {
    margin-top: 25px;
    text-align: center;
}

.auth-footer a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #a0a39c; /* Szürkés szín a kevésbé fontos linknek */
    text-decoration: none;
    font-size: 14px;
    transition: color 0.3s ease;
}

.auth-footer a:hover {
    color: #77d9b7; /* Hoverre menta lesz */
}

/* Visszaállítási folyamat sikeres jelzése (Sötét módhoz igazítva) */
.alert.success {
    border-left: 5px solid #77d9b7;
    background-color: #344c41;
    color: #77d9b7;
}

/* Animáció az oldal lágy megjelenéséhez */
@keyframes fadeIn {
    from { 
        opacity: 0; 
        transform: translateY(15px); 
    }
    to { 
        opacity: 1; 
        transform: translateY(0); 
    }
}

/* Mobil optimalizálás az érintőképernyőkhöz */
@media (max-width: 480px) {
    .cta-button {
        padding: 18px;
        font-size: 17px;
        letter-spacing: 1px;
    }
    
    .auth-container {
        padding: 15px;
    }
}