.login-page {
    min-height: 100vh;
    font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
    background: #f5f5f9;
    color: #566a7f;
}
.login-page .authentication-wrapper {
    width: 100%;
    max-width: 440px;
    margin: clamp(2rem, 10vh, 6rem) auto;
}
.login-page .card {
    border: 0;
    border-radius: 12px;
    box-shadow: 0 6px 24px rgba(67, 89, 113, .12);
}
.login-page .card-body { padding: 2rem; }
.login-page .app-brand { display: flex; margin-bottom: 1.5rem; }
.login-page .app-brand img { max-width: 150px; height: auto; }
.login-page .form-label { font-size: .875rem; font-weight: 500; }
.login-page .form-control { min-height: 44px; border-color: #d9dee3; }
.login-page .form-control:focus {
    border-color: #696cff;
    box-shadow: 0 0 0 .2rem rgba(105, 108, 255, .15);
}
.login-page .btn-primary {
    background: #696cff;
    border-color: #696cff;
    min-height: 44px;
}
.login-page .btn-primary:hover { background: #595cd9; border-color: #595cd9; }
.login-page a { color: #595cd9; }
@media (max-width: 480px) {
    .login-page .card-body { padding: 1.5rem; }
}