*{
    margin:0;
    padding:0;
    box-sizing:border-box;
    font-family:Poppins,sans-serif;
}

body{
    background:#0d1224;

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

    height:100vh;
}

.login-box{

    width:420px;

    background:#111827;

    padding:40px;

    border-radius:20px;

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

.login-box h1{
    color:#ffd43b;
    text-align:center;
}

.login-box p{
    color:#9ca3af;
    text-align:center;
    margin:10px 0 25px;
}

.login-box input{

    width:100%;
    height:50px;

    margin-bottom:15px;

    border:none;
    outline:none;

    border-radius:10px;

    padding:0 15px;

    background:var(--ng-admin-field,#1f2937);
    color:var(--ng-admin-field-text,white);
}

.login-box button{

    width:100%;
    height:50px;

    border:none;

    border-radius:10px;

    background:#38bdf8;
    color:white;

    font-weight:600;

    cursor:pointer;
}

.login-box button:hover{
    background:#0ea5e9;
}

.error{

    background:#ef4444;

    color:white;

    padding:10px;

    border-radius:10px;

    margin-bottom:15px;

    text-align:center;
}