body{

    background:#eef3f9;

    font-family:"Inter",sans-serif;

}

.login-page{

    min-height:100vh;

    display:flex;

    align-items:center;

    justify-content:center;

    padding:40px;

}

.login-card{

    width:100%;

    max-width:480px;

    background:white;

    padding:55px;

    border-radius:24px;

    box-shadow:

        0 10px 35px rgba(15,23,42,.08);

}

.login-header{

    text-align:center;

    margin-bottom:40px;

}

.login-logo{

    width:220px;

    margin-bottom:20px;

}

.login-header h1{

    font-size:2.3rem;

    font-weight:700;

    color:#0f172a;

}

.login-header p{

    color:#64748b;

    margin-top:8px;

    margin-bottom:0;

}

.form-label{

    font-weight:600;

    color:#334155;

}

.form-control{

    border-radius:12px;

    border:1px solid #dbe3ef;

}

.form-control:focus{

    border-color:#2563eb;

    box-shadow:0 0 0 .2rem rgba(37,99,235,.15);

}

.input-group .btn{

    border-radius:0 12px 12px 0;

}

.btn-primary{

    border-radius:12px;

    padding:13px;

    font-weight:600;

}

.login-footer{

    margin-top:35px;

    text-align:center;

    color:#94a3b8;

    font-size:.9rem;

}

.alert{

    border-radius:12px;

}