body{

    margin:0;
    padding:0;

    background:
    linear-gradient(
        rgba(0,0,0,.45),
        rgba(0,0,0,.45)
    ),
    url("../img/gedung_ponep.jpeg");


    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;

    min-height:100vh;

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

    font-family:Arial, sans-serif;

}



.login-box{

    width:380px;

    background:white;

    padding:40px;

    border-radius:20px;

    text-align:center;

    box-shadow:0 10px 30px rgba(0,0,0,.3);

}



.logo{

    width:90px;

    height:90px;

    object-fit:contain;

    margin-bottom:15px;

}



.login-box h2{

    color:#0d6efd;

}



.login-box p{

    color:#777;

}



.input-box{

    margin-bottom:15px;

}



.input-box input{

    width:100%;

    padding:12px;

    border-radius:8px;

    border:1px solid #ddd;

}



button{

    width:100%;

    padding:12px;

    background:#0d6efd;

    color:white;

    border:none;

    border-radius:8px;

    cursor:pointer;

}