/* ===========================
   SIMPAS LOGIN THEME v1.0
=========================== */

body{
    margin:0;
    padding:0;
    font-family:'Segoe UI',Tahoma,sans-serif;

    background:
    radial-gradient(circle at top left,#FFF8E7 0%,transparent 25%),
    radial-gradient(circle at bottom right,#E8F1FF 0%,transparent 30%),
    #FAF8F4;

    min-height:100vh;
}

.login-page{
    background:transparent;
}

.login-box{

    width:410px;

}

.card{

    border:none;

    border-radius:20px;

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

}

.login-card-body{

    padding:40px;

    border-radius:20px;

}

.logo-sekolah{

    width:55px;

    height:55px;

    object-fit:contain;

    margin-bottom:12px;

}

.judul{

    color:#2563EB;

    font-size:28px;

    font-weight:700;

    margin-bottom:3px;

}

.subjudul{

    font-size:14px;

    color:#64748B;

    line-height:22px;

    margin-bottom:5px;

}

.nama-sekolah{

    font-size:15px;

    color:#334155;

    font-weight:600;

}

.form-control{

    height:45px;

    border-radius:10px;

}

.input-group-text{

    border-radius:0 10px 10px 0;

    background:white;

}

.btn-primary{

    background:#2563EB;

    border:none;

    border-radius:50px;

    height:45px;

    font-weight:600;

    transition:.3s;

}

.btn-primary:hover{

    background:#1D4ED8;

}

.footer-login{

    margin-top:25px;

    text-align:center;

    color:#94A3B8;

    font-size:13px;

}

hr{

    margin:25px 0;

    border-top:1px solid #ECECEC;

}

.card:hover{

    transform:translateY(-2px);

    transition:.3s;

}