.container-fluid {
        width: 100%;
        height: 100vh;
        background: #2563EB;
        background: linear-gradient(90deg, rgba(37, 99, 235, 1) 0%, rgba(44, 62, 80, 1) 67%);
    }

    .card {
        width: 30rem;
        border-radius: 0.5rem;
    }

    .card-header {
        text-align: center;
        margin-top: 20px;
        background: #2563EB;
        background: linear-gradient(90deg, rgba(37, 99, 235, 1) 0%, rgba(44, 62, 80, 1) 67%);
    }

    .card-header img {
        width: 50%;
        height: auto;
        margin: 0 auto;
    }

    form {
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }

    form input,
    span {
        height: 3rem;
    }

    form button {
        height: 3rem;
    }

    form input {
        background: #f5f5f5;
        border-bottom: 3px solid transparent;
        color: #000;
        background-size: 200% 100%;
        background-position: left;
        transition: background 0.5s, color 0.3s, background-position 0.5s;
    }

    form input:focus,
    span:focus {
        border: none !important;
        outline: none !important;
        box-shadow: none !important;
        color: white !important;
        border-bottom: 3px solid #003177;
        background: #2563EB;
        background: linear-gradient(90deg, rgba(37, 99, 235, 1) 0%, rgba(44, 62, 80, 1) 67%);
        background-size: 200% 100%;
        background-position: right;
        transition: 0.8s;
        color: white;


    }

    .focused::placeholder {
        transition: all 0.8s;
        color: white !important;
    }


    .btns {
        border: none;
        border-radius: 0.3rem;
        background: #f5f5f5;
        border-bottom: 3px solid transparent;
        color: #000;
        background-size: 200% 100%;
        background-position: left;
        transition: background 0.5s, color 0.3s, background-position 0.5s;
    }

    .btns:hover {
        outline: none;
        color: white;
        border-bottom: 3px solid #003177;
        background: #2563EB;
        background: linear-gradient(90deg, rgba(37, 99, 235, 1) 0%, rgba(44, 62, 80, 1) 67%);
        background-size: 200% 100%;
        background-position: right;
        transition: 0.8s;
    }