body {
    background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
    min-height: 100vh;
    display: flex; align-items: center; justify-content: center;
}
.login-card {
    width: 100%; max-width: 420px;
    border-radius: 16px; border: none;
    box-shadow: 0 25px 50px rgba(0,0,0,.4);
}
.login-card .card-body { padding: 40px; }
.login-logo {
    width: 56px; height: 56px; background: #3b82f6;
    border-radius: 14px;
    display: flex; align-items: center; justify-content: center;
    font-size: 1.6rem; color: white; margin: 0 auto 20px;
}
.form-control:focus { box-shadow: 0 0 0 3px rgba(59,130,246,.25); border-color: #3b82f6; }
.btn-login {
    background: #3b82f6; color: white; border: none;
    padding: 10px; font-weight: 600; border-radius: 8px;
}
.btn-login:hover { background: #2563eb; color: white; }
.input-group-text { background: #f8fafc; }
#error-alert { display: none; }