body { color: var(--amos-text, #e6edf5); }
.login-container {
    min-height: 100vh; min-height: 100svh; display: flex; align-items: center; justify-content: center;
    position: relative; padding: 32px 20px; box-sizing: border-box;
}
html.amos-shell .login-container { min-height: calc(100vh - 65px); min-height: calc(100svh - 65px); }
.login-card {
    width: 100%; max-width: 400px; min-width: 0; box-sizing: border-box; padding: 32px;
    background: var(--amos-surface, #171e28); border: 1px solid var(--amos-border, #2a3544); border-radius: 10px;
}
.login-title { color: var(--amos-text, #e6edf5); font-size: 26px; font-weight: 700; line-height: 1.4; margin-bottom: 26px; }
.login-card label { color: var(--amos-muted, #a6b4c4); font-size: 14px; font-weight: 500; }
.login-card .form-control {
    min-width: 0; min-height: 44px; font-size: 16px; background: var(--amos-bg, #10151d);
    border: 1px solid #394556; border-radius: 6px; color: var(--amos-text, #e6edf5); color-scheme: dark;
}
.login-card .form-control:focus { background: var(--amos-bg, #10151d); color: var(--amos-text, #e6edf5); border-color: var(--amos-accent, #64d6c5); box-shadow: none; }
.login-card :focus-visible { outline: 2px solid var(--amos-accent, #64d6c5); outline-offset: 3px; }
.login-card .btn-primary {
    display: inline-flex; align-items: center; justify-content: center; width: 100%; min-height: 44px; padding: 10px 16px;
    border: 1px solid var(--amos-accent, #64d6c5); border-radius: 6px; background: var(--amos-accent, #64d6c5); color: #102c29; font-weight: 650;
}
.login-card .btn-primary:hover, .login-card .btn-primary:active { background: #8de2d5; border-color: #8de2d5; color: #102c29; }
.login-card .signup-link { text-align: center; margin-top: 12px; }
.login-card .signup-link a { display: inline-flex; align-items: center; min-height: 44px; color: var(--amos-muted, #a6b4c4); text-decoration: none; font-size: 14px; }
.login-card .signup-link a:hover { color: var(--amos-text, #e6edf5); text-decoration: underline; }
.login-card .alert { font-size: 14px; padding: 12px; line-height: 1.6; overflow-wrap: anywhere; border-radius: 6px; }
.login-card .alert-danger { color: #f3b8b8; background: #33242a; border-color: #68404b; }
.login-card .alert-success { color: #9ae0c2; background: #20372f; border-color: #365448; }
@media (max-width: 480px) {
    .login-container { padding: 24px 16px; }
    .login-card { padding: 26px 20px; }
    .login-title { font-size: 24px; }
}