/* ================================================================
   LOGIN PAGE STYLES
   File    : CssStyles/CssLogin.css
   Used by : FrontEnd/FreLogin.php only
   ================================================================ */

.login-page {
    min-height: 100vh; display: flex; align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, var(--color-sidebar) 0%, var(--color-primary) 100%);
    padding: 20px;
}

.login-card {
    background: var(--color-white); border-radius: 10px;
    box-shadow: var(--shadow-lg); padding: 40px 36px;
    width: 100%; max-width: 400px;
}

.login-logo           { text-align: center; margin-bottom: 28px; }
.login-logo h1        { font-size: 19px; font-weight: 700; color: var(--color-primary); }
.login-logo p         { font-size: 12.5px; color: var(--color-text); margin-top: 4px; }
.login-title          { font-size: 15.5px; font-weight: 700; color: var(--color-text); margin-bottom: 22px; text-align: center; }

@media (max-width: 480px) {
    .login-card { padding: 28px 20px; }
}