body{
    margin:0;
    padding:0;
    background:#f5f7fb;
    font-family:Arial, Helvetica, sans-serif;
}

.login-container{
    width:420px;
    margin:60px auto;
    background:#ffffff;
    border-radius:12px;
    padding:40px;
    box-shadow:0 10px 30px rgba(0,0,0,.15);
}

.logo{
    width:120px;
    display:block;
    margin:auto;
}

.title{
    text-align:center;
    color:#0B4EA2;
    font-size:28px;
    font-weight:bold;
    margin-top:15px;
}

.subtitle{
    text-align:center;
    color:#ff7a00;
    margin-bottom:30px;
}

.form-label{
    font-weight:bold;
}

.form-control{
    border-radius:8px;
}

.btn-login{
    width:100%;
    background:#0B4EA2;
    color:white;
    border:none;
    padding:12px;
    border-radius:8px;
    font-size:18px;
}

.btn-login:hover{
    background:#083d81;
}

.remember{
    margin-top:15px;
}

.footer{
    text-align:center;
    margin-top:25px;
    font-size:13px;
    color:#777;
}

a{
    color:#ff7a00;
    text-decoration:none;
}

a:hover{
    text-decoration:underline;
}