.login-wrap{color:#0b1120;-webkit-font-smoothing:antialiased;background:#fff;grid-template-columns:1.1fr .9fr;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;display:grid}.brand-panel{background:#0b1120;justify-content:center;align-items:center;padding:40px;display:flex;position:relative;overflow:hidden}.glow{opacity:0;pointer-events:none;background:radial-gradient(closest-side,#6366f147,#0000);width:520px;height:520px;animation:1.6s .3s forwards glowIn,6s ease-in-out 2s infinite breathe;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.stage{flex-direction:column;align-items:center;display:flex;position:relative}.lockup{--mk:88px;--fs:64px;justify-content:center;align-items:center;display:flex}.mark-login{width:var(--mk);height:var(--mk);border-radius:calc(var(--mk) * .233);opacity:0;flex:none;animation:.65s cubic-bezier(.2,1.3,.4,1) .1s forwards pop;position:relative;overflow:hidden;transform:scale(.55)rotate(-8deg)}.mark-login svg{width:100%;height:100%;display:block}.mark-login:after{content:"";background:linear-gradient(115deg,#0000 34%,#ffffff8c 50%,#0000 66%);animation:5s ease-in-out 2.6s infinite shine;position:absolute;inset:0;transform:translate(-130%)}.mk-st{stroke-dasharray:64;stroke-dashoffset:64px;animation:.45s .45s forwards draw}.mk-ci{stroke-dasharray:152;stroke-dashoffset:152px;animation:.65s .7s forwards draw}.mk-sl{stroke-dasharray:56;stroke-dashoffset:56px;animation:.35s 1.2s forwards draw}.word{white-space:nowrap;max-width:0;font-size:var(--fs);letter-spacing:-.045em;margin-left:0;padding-bottom:.08em;font-weight:800;line-height:1;animation:.9s cubic-bezier(.7,0,.2,1) 1.45s forwards reveal;overflow:hidden}.word span{opacity:0;display:inline-block;transform:translateY(.35em)}.word .wb,.word .we{color:#fff}.word .wP,.word .wa,.word .wg,.word .wo{color:#a5b4fc}.word span:first-child{animation:.45s 1.55s forwards letter}.word span:nth-child(2){animation:.45s 1.62s forwards letter}.word span:nth-child(3){animation:.45s 1.8s forwards letter}.word span:nth-child(4){animation:.45s 1.87s forwards letter}.word span:nth-child(5){animation:.45s 1.94s forwards letter}.word span:nth-child(6){animation:.45s 2.01s forwards letter}.tagline{color:#8793a8;letter-spacing:.14em;text-transform:uppercase;opacity:0;margin:22px 0 0;font-size:13px;font-weight:600;animation:.6s 2.35s forwards fadeUp}.rule{opacity:.55;background:#a5b4fc;border-radius:2px;width:0;height:2px;margin-top:16px;animation:.7s cubic-bezier(.7,0,.2,1) 2.15s forwards line}@keyframes pop{to{opacity:1;transform:none}}@keyframes draw{to{stroke-dashoffset:0}}@keyframes reveal{to{max-width:4.4em;margin-left:.3em}}@keyframes letter{to{opacity:1;transform:none}}@keyframes fadeUp{0%{transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes line{to{width:64px}}@keyframes shine{0%{transform:translate(-130%)}22%,to{transform:translate(130%)}}@keyframes glowIn{to{opacity:1}}@keyframes breathe{0%,to{transform:translate(-50%,-50%)scale(1)}50%{transform:translate(-50%,-50%)scale(1.08)}}.form-panel{background:#fff;place-items:center;padding:40px;display:grid}.form-card{width:100%;max-width:360px}.fc-head{margin-bottom:26px}.fc-head h1{letter-spacing:-.03em;color:#0b1120;margin:0;font-size:23px;font-weight:800}.fc-head p{color:#475569;margin:6px 0 0;font-size:14.5px}.login-wrap .field{margin-bottom:16px}.login-wrap .field label{color:#475569;margin-bottom:7px;font-size:13px;font-weight:600;display:block}.login-wrap .field input{color:#0b1120;background:#fff;border:1px solid #e2e8f0;border-radius:10px;width:100%;padding:11px 13px;font-family:inherit;font-size:15px}.login-wrap .field input:focus{border-color:#4f46e5;outline:none;box-shadow:0 0 0 3px #4f46e52e}.login-wrap .field input::placeholder{color:#94a3b8}.row-forgot{justify-content:flex-end;margin:4px 0 20px;display:flex}.row-forgot a{color:#4f46e5;font-size:13px;font-weight:600;text-decoration:none}.login-submit{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:10px;width:100%;padding:12px;font-family:inherit;font-size:15px;font-weight:600}.login-submit:hover{background:#4338ca}.login-submit:disabled{opacity:.5;cursor:not-allowed}.fc-foot{text-align:center;color:#64748b;margin-top:22px;font-size:13.5px}.fc-foot a{color:#4f46e5;font-weight:600;text-decoration:none}.login-error{color:#991b1b;background:#fee2e2;border:1px solid #fecaca;border-radius:10px;margin-bottom:16px;padding:10px 14px;font-size:13.5px}.login-ok{color:#166534;background:#dcfce7;border:1px solid #bbf7d0;border-radius:10px;margin-bottom:16px;padding:10px 14px;font-size:13.5px}.login-warn{color:#92400e;background:#fef3c7;border:1px solid #fde68a;border-radius:10px;margin-bottom:14px;padding:10px 14px;font-size:13px;line-height:1.5}.login-otp-secret{word-break:break-all;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:14px;padding:11px 13px;font-family:ui-monospace,Menlo,monospace;font-size:12.5px}@media (max-width:820px){.login-wrap{grid-template-columns:1fr}.brand-panel{min-height:230px;padding:32px 24px}.lockup{--mk:58px;--fs:42px}.glow{width:360px;height:360px}.form-panel{padding:32px 24px 48px}}@media (prefers-reduced-motion:reduce){.login-wrap *,.mark-login:after{animation:none!important}.mark-login{opacity:1;transform:none}.mk-st,.mk-ci,.mk-sl{stroke-dashoffset:0}.word{max-width:none;margin-left:.3em}.word span,.tagline{opacity:1;transform:none}.rule{width:64px}.glow{opacity:1}}