.login-page{--lp-bg:#f6f5f0;--lp-surface:#fff;--lp-border:#e3dfd3;--lp-text:#1a1a18;--lp-muted:#726c5f;--lp-accent:#b8892a;--lp-accent2:#96721f;--lp-led:#ffc24b;--lp-accent-tint:#b8892a1f;--lp-danger:#c0392b;--lp-danger-tint:#c0392b14;--lp-radius:16px;--lp-shadow:0 24px 48px -20px #1a1a182e, 0 2px 8px #1a1a180d;background:var(--lp-bg);min-height:100dvh;color:var(--lp-text);font-family:var(--font-montserrat), Montserrat, sans-serif;flex-direction:column;justify-content:center;align-items:center;padding:32px 20px;display:flex;position:relative;overflow:hidden}.login-bg{z-index:0;background-image:linear-gradient(180deg, #f6f5f059 0%, #f6f5f0c7 55%, var(--lp-bg) 92%), url(/media/led-config.jpg);background-position:50% 35%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.login-shell{z-index:1;opacity:0;width:100%;max-width:400px;animation:.5s ease-out forwards lp-rise;position:relative;transform:translateY(10px)}@keyframes lp-rise{to{opacity:1;transform:translateY(0)}}.login-strip{justify-content:center;gap:7px;padding:0 28px 14px;display:flex}.login-strip-dot{background:var(--lp-led);width:6px;height:6px;animation:2.6s ease-in-out infinite lp-glow;animation-delay:calc(var(--i) * .13s);border-radius:999px;box-shadow:0 0 8px 2px #ffc24be6}@keyframes lp-glow{0%,to{opacity:.55;box-shadow:0 0 6px 1.5px #ffc24b99}50%{opacity:1;box-shadow:0 0 13px 3.5px #ffc24b}}.login-card{background:var(--lp-surface);border:1px solid var(--lp-border);border-radius:var(--lp-radius);box-shadow:var(--lp-shadow);padding:36px 32px 30px}.login-logo{justify-content:center;margin-bottom:22px;display:flex}.login-heading{text-align:center;margin-bottom:28px}.login-eyebrow{font-family:var(--font-dm-mono), "DM Mono", monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--lp-accent2);margin-bottom:8px;font-size:11px;display:block}.login-title{font-family:var(--font-space-grotesk), "Space Grotesk", sans-serif;letter-spacing:-.01em;margin:0 0 6px;font-size:24px;font-weight:700}.login-subtitle{color:var(--lp-muted);margin:0;font-size:13.5px;line-height:1.5}.login-form{flex-direction:column;gap:18px;display:flex}.login-field{flex-direction:column;gap:7px;display:flex}.login-field label{font-family:var(--font-dm-mono), "DM Mono", monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--lp-muted);font-size:10.5px}.login-input-wrap{align-items:center;display:flex;position:relative}.login-input-wrap input{box-sizing:border-box;width:100%;font-size:14.5px;font-family:var(--font-montserrat), Montserrat, sans-serif;color:var(--lp-text);background:var(--lp-bg);border:1.5px solid var(--lp-border);border-radius:9px;outline:none;padding:11px 14px;transition:border-color .15s,background .15s}.login-input-wrap input:focus-visible{border-color:var(--lp-accent);background:var(--lp-surface)}.login-input-wrap input[data-invalid=true]{border-color:var(--lp-danger)}.login-input-wrap input[type=password],.login-input-wrap input[data-has-toggle=true]{padding-right:40px}.login-toggle-visibility{width:30px;height:30px;color:var(--lp-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;display:inline-flex;position:absolute;right:6px}.login-toggle-visibility:hover{color:var(--lp-text)}.login-toggle-visibility:focus-visible{outline:2px solid var(--lp-accent);outline-offset:1px}.login-error{background:var(--lp-danger-tint);color:var(--lp-danger);border:1px solid #c0392b40;border-radius:8px;align-items:flex-start;gap:8px;padding:10px 12px;font-size:13px;line-height:1.4;display:flex}.login-error svg{flex-shrink:0;margin-top:1px}.login-submit{width:100%;font-family:var(--font-montserrat), Montserrat, sans-serif;color:#fff;background:linear-gradient(135deg, var(--lp-accent), var(--lp-accent2));cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-size:14.5px;font-weight:600;transition:transform .12s,box-shadow .12s,opacity .12s;display:flex;box-shadow:0 8px 18px -8px #96721f8c}.login-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 22px -8px #96721fa6}.login-submit:focus-visible{outline:2px solid var(--lp-accent2);outline-offset:2px}.login-submit:disabled{opacity:.7;cursor:not-allowed;transform:none}.login-spinner{animation:.8s linear infinite lp-spin}@keyframes lp-spin{to{transform:rotate(360deg)}}.login-footnote{text-align:center;color:var(--lp-muted);margin-top:22px;font-size:12.5px;line-height:1.6}.login-footnote a{color:var(--lp-accent2);font-weight:600;text-decoration:none}.login-footnote a:hover{text-decoration:underline}.login-copyright{text-align:center;color:var(--lp-muted);opacity:.8;margin-top:18px;font-size:11.5px}@media (prefers-reduced-motion:reduce){.login-shell{opacity:1;animation:none;transform:none}.login-strip-dot{opacity:.85;animation:none}}