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

body{
    background:#0b1220;
    font-family:Arial,Helvetica,sans-serif;
    color:white;
    min-height:100vh;
}


.auth-header{
    width:100%;
    padding:25px;
    text-align:center;
}

.auth-header img{
    height:70px;
    width:auto;
}


.login-box{

    width:380px;
    max-width:calc(100% - 40px);

    margin:40px auto;

    background:#111827;

    padding:40px;

    border-radius:20px;

    border:1px solid #1f2937;

    text-align:center;
}


.login-box h2{
    margin-bottom:25px;
}


.login-box input{

    width:100%;

    padding:14px;

    margin-bottom:15px;

    border-radius:10px;

    border:none;

    background:#1e293b;

    color:white;
}


.login-box button{

    width:100%;

    padding:14px;

    background:#38bdf8;

    border:none;

    border-radius:10px;

    font-weight:bold;

    cursor:pointer;
}


.login-box p{

    margin-top:20px;

    color:#94a3b8;
}


@media(max-width:768px){

    .auth-header{
        padding:20px;
    }


    .auth-header img{
        height:55px;
    }


    .login-box{

        width:calc(100% - 30px);

        padding:30px 20px;

        margin:20px auto;

    }

}