.lpc-login { position: fixed; inset: 0; z-index: 10000; overflow: auto; display: grid; place-items: center; padding: 32px 20px; background: #f5f5f2; color: #151515; font-family: Inter, system-ui, sans-serif; }
.lpc-login * { box-sizing: border-box; }
.lpc-login-card { width: 100%; max-width: 440px; padding: 36px; border: 1px solid #e2e2dd; border-radius: 18px; background: #fff; box-shadow: 0 16px 50px #00000008; }
.lpc-login-brand { display: flex; align-items: center; gap: 7px; margin: 0 0 42px; color: #e00000; font-size: 20px; }
.lpc-login-brand span { padding: 2px 4px; color: #fff; background: #e00000; }
.lpc-login-brand small { margin-left: auto; color: #646460; font-size: 12px; }
.lpc-login-step { margin: 0 0 8px; color: #646460; font-size: 13px; }
.lpc-login h1 { margin: 0; font-size: 27px; line-height: 1.25; font-weight: 650; letter-spacing: -0.6px; }
.lpc-login-intro { margin: 14px 0 26px; color: #555550; font-size: 14px; line-height: 1.6; }
.lpc-login label { display: block; margin-bottom: 8px; font-size: 14px; font-weight: 600; }
.lpc-login input { display: block; width: 100%; height: 48px; margin: 0 0 20px; padding: 10px 12px; border: 1px solid #babab5; border-radius: 7px; background: #fff; color: #151515; font-size: 16px; }
.lpc-login input:focus-visible, .lpc-login button:focus-visible { outline: 3px solid #2270bb; outline-offset: 3px; }
.lpc-login input[name="otp"] { margin-bottom: 10px; font-size: 24px; letter-spacing: 5px; font-variant-numeric: tabular-nums; }
.lpc-login-help { color: #646460; font-size: 12px; line-height: 1.5; }
.lpc-login-error { margin: 16px 0; color: #a30000; font-size: 14px; line-height: 1.5; }
.lpc-login-error:empty { margin: 0; }
.lpc-login button { cursor: pointer; width: 100%; min-height: 46px; border-radius: 7px; font-size: 14px; font-weight: 600; }
.lpc-login-primary { margin-top: 12px; border: 1px solid #171717; background: #171717; color: #fff; }
.lpc-login-primary:hover { background: #333; }
.lpc-login-back { margin-top: 10px; border: none; background: transparent; color: #555550; }
.lpc-login button:disabled { opacity: 0.6; cursor: wait; }
@media (max-width: 420px) { .lpc-login { padding: 16px; } .lpc-login-card { padding: 26px 22px; } .lpc-login h1 { font-size: 24px; } }