/*
 * Compiled stylesheet: home_login.css
 * Shared by views:
 *   - app/Views/front/home/login.php
 */

@keyframes fade-in-up {
        from { opacity: 0; transform: translateY(30px); }
        to { opacity: 1; transform: translateY(0); }
    }
    .animate-fade-in-up { animation: fade-in-up 0.8s ease-out forwards; }
    
    @keyframes shake {
        0%, 100% { transform: translateX(0); }
        25% { transform: translateX(-8px); }
        75% { transform: translateX(8px); }
    }
    .animate-shake { animation: shake 0.2s ease-in-out 0s 2; }
    
    /* Additional mobile optimizations */
    @media (max-width: 640px) {
        .iti__country-list { width: 220px; white-space: normal; }
        input, select, textarea { font-size: 16px !important; } /* Prevents zoom on iOS */
    }