:root {
        --primary-blue: #2c5282;
        --accent-orange: #f56565;
        --bg-light: #B0E0E6;
    }

    body {
        background-color: var(--bg-light);
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    }

    .card-login {
        border: none;
        border-radius: 1.5rem;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
        overflow: hidden;
    }

    /* Animação do Logo */
    .logo-animated {
        width: 100%;
        max-width: 280px;
        height: auto;
        animation: float 4s ease-in-out infinite;
        filter: drop-shadow(0 5px 15px rgba(0,0,0,0.1));
    }

    @keyframes float {
        0% { transform: translateY(0px) scale(1); }
        50% { transform: translateY(-15px) scale(1.02); }
        100% { transform: translateY(0px) scale(1); }
    }

    .bg-logo-side {
        background: white;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 2rem;
        border-right: 1px solid #eee;
    }

    .form-control-lg {
        border-radius: 0.8rem;
        font-size: 1rem;
        padding: 0.8rem 1.2rem;
        border: 1px solid #ced4da;
    }

    .btn-custom {
        border-radius: 0.8rem;
        padding: 0.8rem;
        font-weight: 600;
        transition: all 0.3s ease;
    }

    .btn-custom:hover {
        transform: translateY(-2px);
        box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    }




    /* Fonte e Estilo do Texto Auxiliar */
    .text-modern-bold {
        font-family: 'Montserrat', sans-serif;
        font-weight: 700; /* Negrito */
        color: #5a7d9a; /* Um tom de azul acinzentado elegante */
        letter-spacing: 0.5px;
    }

    /* Efeito de Luz Passeando (Shimmer) */
    .welcome-text {
        font-family: 'Montserrat', sans-serif;
        font-weight: 700;
        font-size: 2.2rem;
        text-align: center;
        position: relative;
        display: block;
        
        /* Cores do efeito */
        background: linear-gradient(to right, #2c5282 20%, #63b3ed 40%, #63b3ed 60%, #2c5282 80%);
        background-size: 200% auto;
        
        color: #000;
        background-clip: text;
        text-fill-color: transparent;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        
        animation: shine 3s linear infinite;
    }

    @keyframes shine {
        to {
            background-position: 200% center;
        }
    }