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

.auth-page{

    width:100%;
    min-height:100vh;

    background:#1d1d1d;

    display:flex;
    flex-direction:column;
    justify-content:space-between;

    padding:40px;

}

.auth-center{

    flex:1;

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

}

.auth-card{

    width:430px;

    background:#232323;

    border-radius:20px;

    padding:42px;

    border:1px solid rgba(255,255,255,.05);

    box-shadow:
        0 20px 60px rgba(0,0,0,.35);

}

.auth-logo{

    width:170px;

    display:block;

    margin:auto;
    margin-bottom:30px;

}

.auth-card h1{

    text-align:center;

    color:#fff;

    font-family:Manrope;

    font-size:34px;

}

.auth-subtitle{

    text-align:center;

    color:#a7a7a7;

    margin-top:14px;

    line-height:1.6;

}

.field{

    margin-top:24px;

}

.field label{

    display:block;

    color:#d5d5d5;

    margin-bottom:8px;

    font-size:15px;

}

.field input{

    width:100%;

    height:56px;

    background:#171717;

    border:1px solid #333;

    border-radius:10px;

    color:#fff;

    padding:0 18px;

    font-size:17px;

    transition:.25s;

}

.field input:focus{

    border-color:#fceeda;

    outline:none;

}

#loginButton{

    width:100%;

    height:56px;

    margin-top:28px;

    border:none;

    border-radius:10px;

    background:#fceeda;

    color:#111;

    font-size:18px;

    font-weight:700;

    cursor:pointer;

}

.divider{

    margin:30px 0;

    display:flex;
    align-items:center;

    color:#777;

}

.divider::before,
.divider::after{

    content:"";

    flex:1;

    height:1px;

    background:#333;

}

.divider span{

    margin:0 15px;

}

.mobileid-button{

    display:flex;

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

    width:100%;
    height:56px;

    border-radius:10px;

    border:1px solid #444;

    color:white;

    text-decoration:none;

    transition:.25s;

}

.mobileid-button:hover{

    border-color:#fceeda;

}

.auth-links{

    margin-top:28px;

    display:flex;

    justify-content:space-between;

}

.auth-links a{

    color:#999;

    text-decoration:none;

}

.auth-links a:hover{

    color:#fceeda;

}

.auth-footer{

    display:flex;

    justify-content:space-between;

    color:#777;

    font-size:15px;

}

.auth-footer a{

    color:#777;

    text-decoration:none;

    margin-right:25px;

}

#loginMessage{

    margin-top:18px;

    text-align:center;

}