/* CSS Personalizado do Login - Gerado automaticamente */


.login-container {
    animation: slideUp 0.6s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.form-control:focus {
    transform: scale(1.02) !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.btn-login:hover {
    transform: translateY(-2px) scale(1.02) !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.logo-icon {
    transition: transform 0.3s ease !important;
}

.logo-icon:hover {
    transform: rotate(5deg) scale(1.1) !important;
}

input[type='checkbox'] {
    width: 18px !important;
    height: 18px !important;
    accent-color: #0086ff !important;
    cursor: pointer !important;
}

input[type='checkbox']:checked {
    background-color: #0086ff !important;
}

@media (max-width: 480px) {
    .login-container {
        margin: 10px !important;
        max-width: calc(100vw - 20px) !important;
    }
    
    .login-header {
        padding: var(--spacing-xl) var(--spacing-md) !important;
    }
    
    .login-body {
        padding: var(--spacing-xl) var(--spacing-md) !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .login-container {
        animation: none !important;
    }
    
    .form-control:focus {
        transform: none !important;
    }
    
    .btn-login:hover {
        transform: none !important;
    }
}