/* SIMPLE PUBLIC LOGIN PAGE */
/* ============================================================
   SIMPLE PUBLIC LOGIN PAGE
   ============================================================ */
.login-page-simple{
    min-height:100vh;
    margin:0;
    background:linear-gradient(135deg,#f7f9ff 0%,#eef4ff 100%);
    color:var(--ep-text);
}
.login-simple-shell{
    min-height:100vh;
    display:flex;
    flex-direction:column;
    align-items:center;
    padding:28px 20px 36px;
}
.login-simple-brand{
    width:100%;
    max-width:460px;
    margin-bottom:28px;
}
.login-simple-brand-link{
    display:inline-flex;
    align-items:center;
    gap:11px;
    color:var(--ep-text);
    text-decoration:none;
}
.login-simple-brand-link strong{
    display:block;
    font-size:1rem;
    font-weight:800;
}
.login-simple-brand-link small{
    display:block;
    margin-top:1px;
    color:#8993a5;
    font-size:.68rem;
}
.login-simple-shell .login-card{
    width:100%;
    max-width:460px;
    padding:38px 36px;
    margin:0;
    background:#fff;
    border:1px solid var(--ep-border);
    border-radius:22px;
    box-shadow:0 24px 70px rgba(15,23,42,.10);
    text-align:center;
}
.login-simple-shell .login-brand-mark{
    width:62px;
    height:62px;
    margin:0 auto 18px;
    border-radius:18px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(135deg,#3b82f6,#4f46e5);
    color:#fff;
    font-size:1.5rem;
    box-shadow:0 12px 28px rgba(37,99,235,.20);
}
.login-simple-shell .login-card h1{
    letter-spacing:-.035em;
}
.login-simple-shell .login-card .alert{
    text-align:left;
    font-size:.78rem;
}
.login-simple-shell .google-login-box{
    margin-top:8px;
}
.login-simple-shell .login-divider{
    display:flex;
    align-items:center;
    gap:12px;
    margin:23px 0 16px;
    color:#98a1b1;
    font-size:.68rem;
    font-weight:700;
}
.login-simple-shell .login-divider::before,
.login-simple-shell .login-divider::after{
    content:"";
    height:1px;
    flex:1;
    background:var(--ep-border);
}
@media (max-width:575.98px){
    .login-simple-shell{
        padding:20px 14px 28px;
    }
    .login-simple-brand{
        margin-bottom:20px;
    }
    .login-simple-shell .login-card{
        padding:30px 20px;
        border-radius:18px;
    }
}

