.logo{
    max-width:120px;
    max-height:70px;

    object-fit:contain;

    display:block;

    margin:0 auto 15px auto;
}

.login-card{
   width:380px;

   border:none;
   font-size:14px;
   border-radius:20px;

   background:#ffffff;

   box-shadow:
   0 15px 40px rgba(0,0,0,.25);

   overflow:hidden;
}
.login-header{
    background:#060814;

    color:#fff;

    padding:25px;

    text-align:center;
}

.form-control{
    border-radius:12px;

    padding:12px 15px;
    font-size:14px;
    border:1px solid #dbe1ea;
}

.form-control:focus{
    border-color:#4b7cff;

    box-shadow:
    0 0 0 0.2rem rgba(75,124,255,.2);
}




.btn-login{
   font-size:14px;
   background:linear-gradient(
    135deg,
    #4b7cff,
    #335dff
);

   border:none;

   color:#fff;

   font-weight:600;

   border-radius:12px;

   padding:12px;
}

.btn-login:hover{

    background:linear-gradient(
        135deg,
        #5d8bff,
        #4470ff
    );

    color:#fff;

    transform:translateY(-1px);
}



.password-toggle{
    cursor:pointer;
    color:#6c757d;
}

.password-toggle:hover{
    color:#4b7cff;
}