*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}


body{

    height:100vh;

    display:flex;

    justify-content:center;

    align-items:center;

    background:#0b1220;

    font-family:Arial,Helvetica,sans-serif;

    color:white;

}



.login-box{

    width:380px;

    background:#111827;

    padding:40px;

    border-radius:20px;

    border:1px solid #1f2937;

    text-align:center;

}



.logo{

    color:#38bdf8;

    font-size:28px;

    font-weight:bold;

    margin-bottom:30px;

}



.login-box h2{

    margin-bottom:25px;

}



input{

    width:100%;

    padding:14px;

    margin-bottom:15px;

    border-radius:10px;

    border:none;

    background:#1e293b;

    color:white;

}



button{

    width:100%;

    padding:14px;

    background:#38bdf8;

    border:none;

    border-radius:10px;

    font-weight:bold;

    cursor:pointer;

}



button:hover{

    opacity:.85;

}



.login-box p{

    margin-top:20px;

    color:#94a3b8;

}