/* =====================================
   LOGIN PAGE
===================================== */

.login-page{

    min-height:100vh;

    background:#f5f7fb;

    display:flex;

    justify-content:center;

    align-items:center;

    padding:20px;

}


/* =====================================
   LOGIN CARD
===================================== */

.login-card{

    width:100%;

    max-width:400px;

    background:#ffffff;

    border-radius:24px;

    box-shadow:var(--shadow);

    padding:35px;

}


/* =====================================
   LOGO
===================================== */

.login-logo{

    text-align:center;

    margin-bottom:20px;

}

.login-logo img{

    width:90px;

    margin:auto;

}


/* =====================================
   TITLE
===================================== */

.login-title{

    text-align:center;

    margin-bottom:25px;

    color:var(--text);

}


/* =====================================
   ERROR BOX
===================================== */

.login-error{

    background:#fef2f2;

    color:#991b1b;

    border:1px solid #fecaca;

    padding:14px;

    border-radius:14px;

    margin-bottom:18px;

}


/* =====================================
   FORGOT PASSWORD
===================================== */

.login-forgot{

    text-align:center;

    margin-top:20px;

}

.login-forgot a{

    color:var(--muted);

    font-size:13px;

}