.login-page.dark{--lg-bg:#060a10;--lg-text:#e2e8f0;--lg-muted:#94a3b8bf;--lg-faint:#64748bb3;--lg-accent:#22d3ee;--lg-accent-2:#0ea5e9;--lg-accent-text:#67e8f9;--lg-magenta:#d946ef;--lg-disc-bg:radial-gradient(circle at 50% 30%, #1a2230 0%, #10161f 55%, #0b1017 100%);--lg-disc-inset:inset 0 0 40px #000000a6, inset 0 0 2px #67e8f940;--lg-halo:#22d3ee59;--lg-title-glow:0 0 8px #67e8f9e6, 0 0 24px #22d3ee8c;--lg-input-bg:#070b11;--lg-input-border:#22d3ee1f;--lg-input-glow:0 0 0 1px #22d3eea6, 0 0 16px #22d3ee73, inset 0 0 10px #22d3ee1f;--lg-chip-bg:#0b1017;--lg-btn-bg:#22d3ee0f;--lg-btn-border:#67e8f98c;--lg-btn-glow:0 0 14px #22d3ee59, inset 0 0 12px #22d3ee26;--lg-btn-glow-hi:0 0 24px #22d3ee99, inset 0 0 18px #22d3ee40;--lg-switch-bg:#0b1017d9;--lg-switch-border:#22d3ee40;--lg-switch-track:#1f2e42;--lg-overlay:#02060ca6}.login-page.light{--lg-bg:#eef3f8;--lg-text:#0f172a;--lg-muted:#64748b;--lg-faint:#94a3b8;--lg-accent:#0ea5e9;--lg-accent-2:#0284c7;--lg-accent-text:#0369a1;--lg-magenta:#c026d3;--lg-disc-bg:radial-gradient(circle at 50% 30%, #fff 0%, #f7fafc 60%, #edf2f7 100%);--lg-disc-inset:inset 0 0 30px #0ea5e914, inset 0 0 2px #0ea5e94d;--lg-halo:#0ea5e938;--lg-title-glow:0 0 14px #0ea5e959;--lg-input-bg:#fff;--lg-input-border:#cbd5e1;--lg-input-glow:0 0 0 1px #0ea5e9b3, 0 0 14px #0ea5e940;--lg-chip-bg:#fff;--lg-btn-bg:#0ea5e90f;--lg-btn-border:#0284c799;--lg-btn-glow:0 0 12px #0ea5e933;--lg-btn-glow-hi:0 0 20px #0ea5e966, inset 0 0 12px #0ea5e91f;--lg-switch-bg:#ffffffd9;--lg-switch-border:#0ea5e940;--lg-switch-track:#cbd5e1;--lg-overlay:#0f172a73}.login-page{background:var(--lg-bg);color:var(--lg-text);justify-content:center;align-items:center;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;transition:background .25s,color .25s;display:flex;position:fixed;inset:0;overflow:hidden}.login-bg-canvas{z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.login-back{z-index:3;background:var(--lg-switch-bg);border:1px solid var(--lg-switch-border);-webkit-backdrop-filter:blur(10px);color:var(--lg-muted);letter-spacing:.3px;cursor:pointer;border-radius:20px;align-items:center;gap:8px;padding:7px 14px 7px 11px;font-size:13px;font-weight:600;text-decoration:none;transition:border-color .2s,color .2s,transform .2s;display:inline-flex;position:fixed;top:20px;left:24px}.login-back:hover{border-color:var(--lg-accent);color:var(--lg-accent-text);transform:translate(-2px)}.login-back:focus-visible{outline:2px solid var(--lg-accent);outline-offset:2px}.login-theme-switch{z-index:3;background:var(--lg-switch-bg);border:1px solid var(--lg-switch-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;color:var(--lg-muted);border-radius:20px;align-items:center;gap:8px;padding:6px 10px;font-size:13px;transition:border-color .2s;display:flex;position:fixed;top:20px;right:24px}.login-theme-switch:hover{border-color:var(--lg-accent)}.login-theme-switch:focus-visible{outline:2px solid var(--lg-accent);outline-offset:2px}.login-theme-icon{text-align:center;width:14px;line-height:1}.login-theme-track{background:var(--lg-switch-track);border-radius:9px;width:34px;height:18px;transition:background .2s;position:relative}.login-theme-track.on{background:linear-gradient(135deg,#0ea5e9,#0d9488)}.login-theme-knob{background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0000004d}.login-theme-track.on .login-theme-knob{transform:translate(16px)}.login-orb{--orb-size:470px;--ring-radius:50%;z-index:1;width:var(--orb-size);height:var(--orb-size);transition:width .35s,height .35s;position:relative}.login-orb.register{--orb-size:600px}.login-orb-mark{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.95;width:140%;height:140%;filter:drop-shadow(0 0 18px var(--lg-halo));will-change:transform;transition:opacity .25s;animation:40s linear infinite mark-spin;position:absolute;inset:-20%}@keyframes mark-spin{to{transform:rotate(-360deg)}}.login-orb-ring{border-radius:var(--ring-radius);background:conic-gradient(from 0deg, var(--lg-accent) 0deg, var(--lg-accent-2) 90deg, var(--lg-accent) 170deg, var(--lg-magenta) 215deg, var(--lg-accent-2) 250deg, var(--lg-accent) 360deg);filter:drop-shadow(0 0 6px var(--lg-accent)) drop-shadow(0 0 18px var(--lg-halo));animation:9s linear infinite orb-spin;position:absolute;inset:-7px;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 5px),#000 calc(100% - 4px));mask:radial-gradient(farthest-side,#0000 calc(100% - 5px),#000 calc(100% - 4px))}.login-orb-halo{border-radius:var(--ring-radius);background:radial-gradient(closest-side, transparent calc(100% - 70px), var(--lg-halo) calc(100% - 52px), transparent 100%);filter:blur(14px);pointer-events:none;animation:4s ease-in-out infinite orb-breathe;position:absolute;inset:-60px}@keyframes orb-spin{to{transform:rotate(360deg)}}@keyframes orb-breathe{0%,to{opacity:.65}50%{opacity:1}}.login-orb-disc{border-radius:var(--ring-radius);background:var(--lg-disc-bg);box-shadow:var(--lg-disc-inset), 0 30px 60px #00000059;padding:0 calc(var(--orb-size) * .18);box-sizing:border-box;text-align:center;flex-direction:column;justify-content:center;align-items:center;transition:background .25s;display:flex;position:absolute;inset:0}.login-orb-logo{opacity:.95;width:auto;height:34px;margin-bottom:14px}.login-orb-title{letter-spacing:3px;color:var(--lg-accent-text);text-shadow:var(--lg-title-glow);margin:0;font-size:22px;font-weight:800;line-height:1.1}.login-orb-sub{color:var(--lg-muted);margin:6px 0 22px;font-size:12px}.login-orb-form{flex-direction:column;gap:16px;width:100%;display:flex}.glow-field{width:100%;position:relative}.glow-input{box-sizing:border-box;background:var(--lg-input-bg);border:1px solid var(--lg-input-border);width:100%;height:46px;color:var(--lg-text);border-radius:999px;outline:none;padding:0 20px;font-family:inherit;font-size:13px;transition:border-color .2s,box-shadow .25s,background .25s}.glow-field.has-adornment .glow-input{padding-right:46px}.glow-input:focus{box-shadow:var(--lg-input-glow);border-color:#0000}.glow-label{color:var(--lg-muted);pointer-events:none;font-size:13px;transition:all .18s;position:absolute;top:50%;left:20px;transform:translateY(-50%)}.glow-input:focus+.glow-label,.glow-input:not(:placeholder-shown)+.glow-label{letter-spacing:.5px;color:var(--lg-accent-text);background:var(--lg-chip-bg);border:1px solid var(--lg-btn-border);border-radius:999px;padding:1px 8px;font-size:9px;font-weight:600;top:0;left:18px}.glow-input:autofill+.glow-label{letter-spacing:.5px;color:var(--lg-accent-text);background:var(--lg-chip-bg);border:1px solid var(--lg-btn-border);border-radius:999px;padding:1px 8px;font-size:9px;font-weight:600;top:0;left:18px}.glow-input:-webkit-autofill{-webkit-text-fill-color:var(--lg-text);-webkit-box-shadow:0 0 0 40px var(--lg-input-bg) inset;caret-color:var(--lg-text)}.glow-adornment{display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.glow-eye{width:26px;height:26px;color:var(--lg-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:color .15s;display:flex}.glow-eye:hover,.glow-eye:focus-visible{color:var(--lg-accent-text);outline:none}.login-orb-2fa{flex-direction:column;align-items:center;gap:10px;display:flex}.glow-otp{text-align:center;letter-spacing:10px;padding:0 20px 0 30px;font-family:JetBrains Mono,monospace;font-size:22px}.glow-otp::placeholder{color:var(--lg-faint);opacity:.6}.login-orb-remember{color:var(--lg-muted);cursor:pointer;-webkit-user-select:none;user-select:none;align-self:flex-start;align-items:center;gap:8px;margin:-4px 0 0 6px;font-size:11px;display:flex;position:relative}.login-orb-remember input{opacity:0;width:0;height:0;position:absolute}.login-orb-check{border:1px solid var(--lg-btn-border);background:var(--lg-input-bg);border-radius:3px;width:13px;height:13px;transition:all .15s;position:relative}.login-orb-remember input:checked+.login-orb-check{background:var(--lg-accent);border-color:var(--lg-accent);box-shadow:0 0 8px var(--lg-halo)}.login-orb-remember input:checked+.login-orb-check:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:3px;height:7px;position:absolute;top:1px;left:4px;transform:rotate(45deg)}.login-orb-remember input:focus-visible+.login-orb-check{outline:2px solid var(--lg-accent);outline-offset:2px}.login-orb-error{color:#ef4444;background:#ef44441a;border:1px solid #ef444459;border-radius:999px;padding:7px 14px;font-size:11px}.login-orb-btn{background:var(--lg-btn-bg);border:1.5px solid var(--lg-btn-border);height:48px;color:var(--lg-text);letter-spacing:3px;cursor:pointer;box-shadow:var(--lg-btn-glow);border-radius:999px;margin-top:4px;font-family:inherit;font-size:13px;font-weight:700;transition:box-shadow .25s,transform .15s,background .25s}.login-orb-btn:hover:not(:disabled){box-shadow:var(--lg-btn-glow-hi);background:#22d3ee1f;transform:translateY(-1px)}.login-orb-btn:active:not(:disabled){transform:translateY(0)}.login-orb-btn:focus-visible{outline:2px solid var(--lg-accent);outline-offset:3px}.login-orb-btn:disabled{opacity:.6;cursor:wait}.login-orb-btn-loading{align-items:center;gap:10px;display:inline-flex}.login-orb-spinner{border:2px solid var(--lg-btn-border);border-top-color:var(--lg-accent-text);border-radius:50%;width:14px;height:14px;animation:.8s linear infinite orb-spin}.login-orb-foot{color:var(--lg-muted);margin-top:22px;font-size:12px}.login-orb-link{font:inherit;color:var(--lg-accent-text);text-shadow:0 0 10px var(--lg-halo);cursor:pointer;background:0 0;border:none;padding:0;font-weight:700}.login-orb-link:hover{text-decoration:underline}.login-orb-link.muted{color:var(--lg-muted);text-shadow:none;font-size:11px;font-weight:500}.login-orb-note{color:var(--lg-faint);max-width:280px;margin-top:10px;font-size:10px;line-height:1.5}.login-orb-note strong{color:var(--lg-accent-text);font-weight:600}.login-notice-overlay{z-index:100;background:var(--lg-overlay);-webkit-backdrop-filter:blur(6px);justify-content:center;align-items:center;padding:20px;animation:.2s login-notice-fade;display:flex;position:fixed;inset:0}.login-notice{box-sizing:border-box;text-align:center;background:var(--lg-chip-bg);width:100%;max-width:420px;color:var(--lg-text);border:1px solid var(--lg-btn-border);box-shadow:var(--lg-btn-glow), 0 24px 60px #00000059;border-radius:22px;padding:32px 28px 24px;animation:.25s cubic-bezier(.2,.9,.3,1.2) login-notice-pop}.login-notice-icon{width:56px;height:56px;color:var(--lg-accent-text);background:var(--lg-btn-bg);border:1px solid var(--lg-btn-border);box-shadow:var(--lg-btn-glow);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 16px;display:flex}.login-notice-title{letter-spacing:2px;text-transform:uppercase;color:var(--lg-accent-text);text-shadow:var(--lg-title-glow);margin:0 0 10px;font-size:16px;font-weight:800}.login-notice-text{color:var(--lg-muted);margin:0 0 22px;font-size:13.5px;line-height:1.65}.login-notice-actions{flex-direction:column;align-items:center;gap:12px;display:flex}.login-notice-btn{background:var(--lg-btn-bg);border:1.5px solid var(--lg-btn-border);min-width:150px;height:44px;color:var(--lg-text);letter-spacing:3px;cursor:pointer;box-shadow:var(--lg-btn-glow);border-radius:999px;padding:0 28px;font-family:inherit;font-size:13px;font-weight:700;transition:box-shadow .25s,transform .15s,background .25s}.login-notice-btn:hover{box-shadow:var(--lg-btn-glow-hi);background:#22d3ee1f;transform:translateY(-1px)}.login-notice-btn:focus-visible{outline:2px solid var(--lg-accent);outline-offset:3px}.login-notice-link{color:var(--lg-accent-text);font-size:12px;font-weight:600;text-decoration:none}.login-notice-link:hover{text-decoration:underline}@keyframes login-notice-fade{0%{opacity:0}to{opacity:1}}@keyframes login-notice-pop{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@media (width<=640px),(height<=680px){.login-page{box-sizing:border-box;align-items:flex-start;padding:72px 0 32px;overflow-y:auto}.login-orb,.login-orb.register{--ring-radius:28px;width:min(92vw,400px);height:auto}.login-orb-ring{-webkit-mask-composite:xor;padding:3px;animation:none;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.login-orb-halo{inset:-24px}.login-orb-mark{display:none}.login-orb-disc{padding:36px 28px 32px;position:relative}.login-back{padding:6px 12px 6px 9px;top:14px;left:14px}.login-theme-switch{top:14px;right:14px}}@media (prefers-reduced-motion:reduce){.login-orb-ring,.login-orb-halo,.login-notice,.login-notice-overlay{animation:none}}