@import "https://fonts.googleapis.com/css2?family=PT+Sans:wght@400;700&display=swap";
.lg-shell{--bo-font:"PT Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--bo-font-slogan:"Plus Jakarta Sans", "PT Sans", sans-serif;--bo-bg:#f7f8fa;--bo-bg-elev:#fff;--bo-bg-sunken:#f5f7f9;--bo-bg-hover:#f5f7f9;--bo-border:#edeef1;--bo-border-strong:#e0e3e7;--bo-border-focus:#2aa9e1;--bo-text:#0f172a;--bo-text-muted:#64748b;--bo-text-subtle:#94a3b8;--bo-text-link:#1a88b7;--bo-accent:#2aa9e1;--bo-accent-hover:#1a88b7;--bo-accent-tint:#2aa9e11a;--bo-accent-tint-strong:#2aa9e12e;--bo-danger-bg:#fdecea;--bo-danger-fg:#a3211a;--bo-danger-dot:#dc2626;--bo-success-bg:#e7f7ec;--bo-success-fg:#1d6b35;--bo-success-dot:#16a34a;--bo-radius-sm:6px;--bo-radius-md:8px;--bo-radius-lg:10px;--bo-radius-xl:14px;--bo-shadow-xs:0 1px 2px #0f172a08;--bo-shadow-md:0 4px 12px #0f172a0d, 0 1px 2px #0f172a08;--bo-shadow-lg:0 16px 40px #0f172a1a, 0 4px 10px #0f172a0a;--bo-focus-ring:0 0 0 3px #2aa9e12e;font-family:var(--bo-font)}.lg-auth-root{height:100dvh;max-height:100dvh;position:fixed;inset:0;overflow:hidden}.lg-shell{background:var(--bo-bg);grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);height:100%;max-height:100dvh;display:grid;overflow:hidden}@media (max-width:820px){.lg-shell{grid-template-columns:1fr}.lg-shell aside{display:none}.lg-form-panel{padding:20px}}.lg-form-panel{flex-direction:column;height:100%;min-height:0;padding:20px 28px;display:flex;position:relative;overflow:hidden}.lg-form-inner{flex-direction:column;flex:1;justify-content:center;gap:16px;width:100%;max-width:420px;min-height:0;margin:auto;padding:8px 0;display:flex;overflow:hidden}.lg-topbar{justify-content:space-between;align-items:center;width:100%;display:flex}.lg-wordmark{width:auto;height:32px;display:block}.lg-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--bo-accent);align-items:center;gap:8px;font-size:11px;font-weight:700;display:inline-flex}.lg-eyebrow:before{content:"";background:var(--bo-accent);width:6px;height:6px;box-shadow:0 0 0 4px var(--bo-accent-tint);border-radius:50%;flex-shrink:0}.lg-h1{letter-spacing:-.015em;color:var(--bo-text);margin:8px 0 4px;font-size:26px;font-weight:700;line-height:1.15}.lg-sub{color:var(--bo-text-muted);margin:0;font-size:13px;line-height:1.45}.lg-auth-methods{flex-direction:column;gap:8px;display:flex}.lg-sso-btn{background:var(--bo-bg-elev);border:1px solid var(--bo-border-strong);border-radius:var(--bo-radius-md);width:100%;height:42px;color:var(--bo-text);cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-family:inherit;font-size:13.5px;font-weight:700;transition:background .15s,border-color .15s,box-shadow .15s;display:inline-flex}.lg-sso-btn:hover{background:var(--bo-bg-hover);box-shadow:var(--bo-shadow-xs)}.lg-sso-btn:focus-visible{box-shadow:var(--bo-focus-ring);border-color:var(--bo-border-focus);outline:none}.lg-passkey-btn{background:var(--bo-accent-tint);border-color:#2aa9e159}.lg-passkey-btn:hover{background:var(--bo-accent-tint-strong);border-color:var(--bo-accent)}.lg-visual-aside{color:#e5f4fb;background:#00587f;flex-direction:column;height:100%;min-height:0;padding:24px 32px 16px;display:flex;position:relative;overflow:hidden}.lg-visual-top{z-index:2;flex-shrink:0;justify-content:space-between;align-items:center;display:flex;position:relative}.lg-visual-mascot{z-index:1;flex:1;justify-content:center;align-items:center;width:100%;min-height:0;display:flex;position:relative}.lg-mascot-stage{aspect-ratio:1;justify-content:center;align-items:center;width:min(72%,320px);margin:0 auto;display:flex;position:relative}.lg-mascot-glow{filter:blur(8px);pointer-events:none;background:radial-gradient(circle at 50% 45%,#9eee9d59 0%,#5bdbd640 28%,#2fabd200 60%);position:absolute;inset:-10%}.lg-mascot-card{aspect-ratio:1;background:#fff;border-radius:28px;justify-content:center;align-items:center;width:78%;display:flex;position:relative;overflow:hidden;transform:rotate(-3deg);box-shadow:0 30px 80px #00000059,0 12px 24px #00000040,inset 0 0 0 1px #fff9}.lg-visual-footer{z-index:2;flex-shrink:0;padding-top:12px;padding-bottom:10px;position:relative}.lg-slogans{max-width:420px;font-family:var(--bo-font-slogan);flex-direction:column;gap:12px;display:flex}.lg-slogan--primary{letter-spacing:-.035em;background:linear-gradient(135deg,#b8f5b7 0%,#7ee8e3 42%,#5bdbd6 100%);-webkit-text-fill-color:transparent;text-wrap:balance;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(1.625rem,2.5vw,1.875rem);font-weight:700;line-height:1.15}.lg-slogan--secondary{letter-spacing:.015em;color:#e5f4fbe0;text-wrap:balance;border-left:2px solid #9eee9d73;margin:0;padding-left:14px;font-size:clamp(.8125rem,1.35vw,.9375rem);font-weight:400;line-height:1.55}.lg-divider{letter-spacing:.1em;text-transform:uppercase;color:var(--bo-text-subtle);align-items:center;gap:12px;font-size:11px;font-weight:700;display:flex}.lg-divider:before,.lg-divider:after{content:"";background:var(--bo-border-strong);flex:1;height:1px}.lg-form{flex-direction:column;gap:14px;display:flex}.lg-field{flex-direction:column;gap:6px;display:flex}.lg-field-row{justify-content:space-between;align-items:center;display:flex}.lg-label{color:var(--bo-text);font-size:12px;font-weight:700}.lg-helper{color:var(--bo-text-muted);font-size:12px}.lg-error{color:var(--bo-danger-fg);align-items:center;gap:6px;font-size:12px;display:inline-flex}.lg-input-wrap{align-items:center;display:flex;position:relative}.lg-input{width:100%;height:44px;color:var(--bo-text);background:var(--bo-bg-elev);border:1px solid var(--bo-border-strong);border-radius:var(--bo-radius-md);outline:none;padding:0 14px 0 40px;font-family:inherit;font-size:14px;transition:border-color .12s,box-shadow .12s}.lg-input::placeholder{color:var(--bo-text-subtle)}.lg-input:hover{border-color:#c4ccd6}.lg-input:focus{border-color:var(--bo-border-focus);box-shadow:var(--bo-focus-ring)}.lg-input--danger{border-color:var(--bo-danger-dot);box-shadow:0 0 0 3px #dc262626}.lg-input--has-toggle{padding-right:44px}.lg-input-icon{color:var(--bo-text-subtle);pointer-events:none;transition:color .12s;display:inline-flex;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.lg-input-wrap:focus-within .lg-input-icon{color:var(--bo-accent)}.lg-input-affix{color:var(--bo-success-dot);pointer-events:none;display:inline-flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.lg-input-toggle{cursor:pointer;border-radius:var(--bo-radius-sm);width:34px;height:34px;color:var(--bo-text-muted);background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.lg-input-toggle:hover{background:var(--bo-bg-hover);color:var(--bo-text)}.lg-remember{color:var(--bo-text);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:9px;font-size:13px;display:inline-flex}.lg-checkbox{appearance:none;border:1.5px solid var(--bo-border-strong);background:var(--bo-bg-elev);cursor:pointer;border-radius:4px;flex-shrink:0;width:16px;height:16px;transition:background .12s,border-color .12s;position:relative}.lg-checkbox:hover{border-color:var(--bo-accent)}.lg-checkbox:checked{background:var(--bo-accent);border-color:var(--bo-accent)}.lg-checkbox:checked:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:5px;height:9px;position:absolute;top:1px;left:4px;transform:rotate(45deg)}.lg-checkbox:focus-visible{box-shadow:var(--bo-focus-ring);outline:none}.lg-link{color:var(--bo-text-link);font-size:13px;font-weight:700;text-decoration:none}.lg-link:hover{text-decoration:underline}.lg-submit{background:var(--bo-accent);color:#fff;border-radius:var(--bo-radius-md);cursor:pointer;border:0;justify-content:center;align-items:center;gap:10px;width:100%;height:46px;padding:0 18px;font-family:inherit;font-size:14px;font-weight:700;transition:background .15s,box-shadow .15s,transform 50ms;display:inline-flex;box-shadow:inset 0 1px #fff3,0 6px 14px #2aa9e140}.lg-submit:hover{background:var(--bo-accent-hover)}.lg-submit:active{transform:translateY(1px)}.lg-submit:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.lg-submit:focus-visible{box-shadow:var(--bo-focus-ring), 0 6px 14px #2aa9e140;outline:none}.lg-submit--success{background:var(--bo-success-dot);box-shadow:0 6px 14px #16a34a40}.lg-spinner{border:2px solid #ffffff73;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.7s linear infinite lg-spin}@keyframes lg-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.lg-spinner{animation:none}}.lg-banner{border-radius:var(--bo-radius-md);align-items:flex-start;gap:10px;padding:12px 14px;font-size:13px;display:flex}.lg-banner--danger{background:var(--bo-danger-bg);color:var(--bo-danger-fg);border:1px solid #f4cac8}.lg-banner--success{background:var(--bo-success-bg);color:var(--bo-success-fg);border:1px solid #cde9d6}.lg-banner-title{font-weight:700}.lg-banner-text{opacity:.85;margin-top:2px;font-size:12px}.lg-back-btn{color:var(--bo-text-muted);cursor:pointer;text-align:center;background:0 0;border:0;width:100%;padding:8px 0;font-family:inherit;font-size:13px}.lg-back-btn:hover{color:var(--bo-text)}.lg-form-footer{color:var(--bo-text-muted);flex-shrink:0;justify-content:space-between;align-items:center;margin-top:auto;padding-top:12px;font-size:11px;display:flex}.lg-form-footer a{color:var(--bo-text-muted);margin-left:14px;text-decoration:none}.lg-form-footer a:hover{color:var(--bo-text)}@keyframes lg-pulse{0%,to{box-shadow:0 0 0 4px #58cc222e}50%{box-shadow:0 0 0 6px #58cc220a}}@media (prefers-reduced-motion:reduce){[style*=lg-pulse]{animation:none}}