body { background: #f8fafc; min-height: 100vh; display: flex; align-items: center; justify-content: center; font-family: 'Segoe UI', system-ui, sans-serif; }
        .login-card { border: none; border-radius: 20px; box-shadow: 0 15px 35px rgba(0,0,0,0.08); padding: 35px; width: 100%; max-width: 400px; background: #fff; }
        .btn-primary { padding: 12px; border-radius: 12px; font-weight: 600; background: #4f46e5; border: none; transition: 0.3s; }
        .btn-primary:hover { background: #4338ca; transform: translateY(-2px); }
        .form-control { border-radius: 12px; padding: 12px; border: 1px solid #e2e8f0; background: #fcfcfc; }
        .form-control:focus { border-color: #4f46e5; box-shadow: 0 0 0 0.2rem rgba(79,70,229,0.15); }

.login-error-alert { font-size: 14px; border-radius: 10px; }