/*
--------------------------------------------------
TivoliScore
Modul      : Administration
Datei      : login.css
Version    : 1.0
Autor      : Ernest Mörth
--------------------------------------------------
*/

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

body{

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

    background:#f2f5f9;

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

    min-height:100vh;

}

/* ------------------------------ */

.login-container{

    width:100%;
    padding:20px;

}

/* ------------------------------ */

.login-card{

    max-width:460px;

    margin:auto;

    background:#ffffff;

    border-radius:18px;

    box-shadow:0 10px 30px rgba(0,0,0,.12);

    padding:40px;

}

/* ------------------------------ */

.login-card h1{

    text-align:center;

    color:#0A4EA3;

    font-size:34px;

    margin-bottom:8px;

}

/* ------------------------------ */

.login-card h2{

    text-align:center;

    color:#666;

    font-size:18px;

    font-weight:normal;

    margin-bottom:35px;

}

/* ------------------------------ */

label{

    display:block;

    font-weight:bold;

    color:#333;

    margin-bottom:8px;

    margin-top:18px;

}

/* ------------------------------ */

input[type=text],
input[type=password]{

    width:100%;

    padding:14px;

    border:1px solid #d8d8d8;

    border-radius:10px;

    font-size:16px;

    transition:.25s;

}

/* ------------------------------ */

input[type=text]:focus,
input[type=password]:focus{

    outline:none;

    border-color:#0A4EA3;

    box-shadow:0 0 8px rgba(10,78,163,.20);

}

/* ------------------------------ */

.remember{

    display:flex;

    align-items:center;

    gap:10px;

    margin-top:22px;

    margin-bottom:25px;

    font-weight:normal;

}

/* ------------------------------ */

button{

    width:100%;

    padding:16px;

    background:#0A4EA3;

    color:#fff;

    border:none;

    border-radius:10px;

    cursor:pointer;

    font-size:18px;

    font-weight:bold;

    transition:.25s;

}

/* ------------------------------ */

button:hover{

    background:#083A7A;

}

/* ------------------------------ */

.error{

    background:#ffe7e7;

    color:#b10000;

    border:1px solid #ffbcbc;

    padding:12px;

    border-radius:10px;

    margin-bottom:20px;

    text-align:center;

}

/* ------------------------------ */

.footer{

    margin-top:35px;

    text-align:center;

    font-size:13px;

    color:#888;

    line-height:1.6;

}

/* ------------------------------ */

@media (max-width:600px){

    .login-card{

        padding:25px;

        border-radius:14px;

    }

    .login-card h1{

        font-size:28px;

    }

    .login-card h2{

        font-size:16px;

    }

}