body{

    background:#020617;

    font-family:Arial,sans-serif;

    display:flex;

    justify-content:center;

    align-items:center;

    min-height:100vh;

    padding:20px;
}

.user-box{

    width:100%;

    max-width:520px;

    background:#111827;

    padding:40px;

    border-radius:24px;

    box-shadow:
    0 0 40px rgba(0,0,0,0.4);
}

.admin-box h1{

    color:white;

    text-align:center;

    margin-bottom:30px;

    font-size:34px;
}

.input-box{

    margin-bottom:18px;
}

.input-box label{

    display:block;

    color:#cbd5e1;

    margin-bottom:8px;

    font-size:15px;
}

.input-box input{

    width:100%;

    padding:16px;

    border:none;

    border-radius:14px;

    background:#1e293b;

    color:white;

    font-size:16px;
}

.input-box input:focus{

    outline:none;

    border:2px solid #10b981;
}

button{

    width:100%;

    padding:16px;

    border:none;

    border-radius:14px;

    background:#10b981;

    color:white;

    font-size:18px;

    font-weight:bold;

    cursor:pointer;

    transition:0.3s;
}

button:hover{

    background:#059669;
}

.message{

    background:#1e293b;

    color:#facc15;

    padding:15px;

    border-radius:14px;

    margin-bottom:20px;

    text-align:center;
}

.logo{

    text-align:center;

    color:#10b981;

    font-size:22px;

    font-weight:bold;

    margin-bottom:10px;
}