body{
    min-height:100vh;

    display:flex;
    align-items:center;
    justify-content:center;

    background:linear-gradient(
        135deg,
        #060814 0%,
        #0f172a 50%,
        #1e293b 100%
    );
}

.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;
}