.login-page{min-height:100vh;min-height:100dvh;display:grid;grid-template-rows:auto 1fr auto;position:relative;isolation:isolate;padding:24px 4% 20px;background:var(--canvas)}.login-page:before{content:"";position:absolute;z-index:-1;left:0;bottom:8%;width:55%;height:45%;background:url(/login-flow-background.png) left bottom / contain no-repeat;opacity:.65;pointer-events:none}.login-brand{display:flex;align-items:center;gap:8px;width:fit-content}.login-brand img{object-fit:contain}.login-brand span{display:block;font-size:30px;line-height:1.2;letter-spacing:-1px;color:var(--ink)}.login-brand p{margin:7px 0 0;color:var(--muted);font-size:14px;line-height:1.5}.login-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;width:min(100%,1228px);margin:0 auto;padding:32px 0;min-width:0}.login-story{padding-right:48px;min-width:0}.login-story h1{margin:0 0 28px;color:var(--ink);font-size:clamp(40px,3.7vw,54px);line-height:1.34;font-weight:700;letter-spacing:-1.6px}.login-story>p{margin:0;color:var(--muted);font-size:26px;line-height:1.85}.login-workflow{margin:80px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(4,1fr);max-width:560px}.login-workflow li{display:flex;flex-direction:column;gap:14px;position:relative;color:var(--muted);font-size:18px}.login-workflow svg{color:var(--accent)}.login-workflow li:not(:last-child):after{content:"";position:absolute;top:15px;left:51px;right:24px;border-top:1px solid #cdd9d7}.login-form-region{border-left:1px solid var(--line);padding:24px 0 24px clamp(40px,6vw,104px);min-width:0}.login-form-content{width:100%;max-width:452px;margin:0 auto}.login-form-content h2{margin:0 0 12px;font-size:42px;font-weight:650;letter-spacing:-.8px;line-height:1.35}.login-subtitle{margin:0;color:var(--muted);font-size:21px;line-height:1.6}.login-tabs{display:flex;gap:34px;border-bottom:1px solid var(--line);margin:32px 0 24px}.login-tabs button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);padding:0 0 16px;margin-bottom:-1px;font-size:20px;line-height:1.5;cursor:pointer}.login-tabs button[aria-selected=true]{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.login-tabs button:disabled{cursor:wait}.login-form{display:flex;flex-direction:column;gap:20px}.login-field{display:flex;flex-direction:column;gap:8px}.login-field label{color:var(--ink);font-size:16px;line-height:1.5}.login-field input{width:100%;min-width:0;color:var(--ink);border:1px solid #cdd7d9;border-radius:6px;background:#fff;transition:border-color .15s;height:32px;padding:4px 11px;font-size:14px;line-height:22px}.login-field input::placeholder{color:#8b98a5}.login-field input:hover:not(:disabled){border-color:var(--accent)}.login-field input:disabled{color:var(--muted);background:#f1f4f2;cursor:wait}.login-input-action{display:flex;align-items:center;border:1px solid #cdd7d9;border-radius:6px;background:#fff;height:32px}.login-input-action:focus-within{outline:3px solid #29a99a;outline-offset:3px}.login-input-action input{border:0;outline:none;height:30px}.login-send-code,.login-password-toggle{flex-shrink:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;color:var(--accent);border:0;border-left:1px solid var(--line);cursor:pointer;white-space:nowrap;min-width:30px;height:30px;padding:0 11px;font-size:14px;line-height:22px}.login-send-code:disabled,.login-password-toggle:disabled{color:#7a8790;cursor:not-allowed}.login-password-toggle{display:flex;align-items:center;border-left:0;color:var(--muted)}.login-code-hint{min-height:20px;margin:-3px 0 -9px;font-size:13px;line-height:20px;color:#36776c}.login-code-hint.is-expired{color:#b34d25}.login-form .login-submit.ant-btn{width:100%;border-radius:6px;font-weight:500;box-shadow:none}.login-help{margin:-8px 0 0;text-align:center;color:var(--muted);font-size:16px;line-height:1.7}.login-error{padding:11px 14px;border:1px solid #edc2b8;border-radius:6px;color:#9e3e2d;background:#fff3ef;font-size:14px;line-height:1.6}.login-footer{display:flex;justify-content:center;gap:18px;color:#7d8b97;font-size:12px;line-height:1.7}.login-footer span+span{padding-left:18px;border-left:1px solid var(--line)}.auth-recovery-card{max-height:calc(100svh - 48px);overflow-y:auto}.auth-recovery-card h1{font-size:26px;margin-bottom:12px}.auth-recovery-card .login-tabs{margin-top:28px}@media (min-width: 1800px){.login-layout{max-width:1320px}.login-form-content{max-width:460px}}@media (max-width: 1050px){.login-story{padding-right:28px}.login-story h1{font-size:40px}.login-story>p{font-size:17px}.login-form-region{padding-left:40px}.login-form-content h2{font-size:34px}.login-subtitle{font-size:17px}.login-workflow{margin-top:44px}.login-workflow li:not(:last-child):after{left:42px;right:15px}}@media (max-width: 760px){.login-page{padding:28px 24px 24px}.login-brand img{width:44px;height:44px}.login-brand span{font-size:25px}.login-brand p{margin-top:4px;font-size:11px}.login-layout{grid-template-columns:minmax(0,1fr);padding:24px 0}.login-story{display:none}.login-form-region{padding:0;border:0}.login-form-content{max-width:430px}.login-form-content h2{font-size:29px}.login-subtitle{font-size:15px}.login-tabs{margin-top:32px}.login-tabs button{font-size:16px}.login-field label{font-size:15px}.login-send-code{font-size:14px}.login-help{font-size:13px}.login-page:before{display:none}.login-footer{font-size:11px;gap:12px}.login-footer span+span{padding-left:12px}.auth-recovery-card{padding:24px}}@media (max-height: 800px){.login-page{padding-block:16px}.login-brand img{width:48px;height:48px}.login-brand span{font-size:26px}.login-brand p{margin-top:4px;font-size:12px}.login-layout{padding-block:16px}.login-story h1{font-size:clamp(32px,3.7vw,46px);margin-bottom:20px}.login-story>p{font-size:18px;line-height:1.7}.login-workflow{margin-top:32px}.login-form-region{padding-block:16px}.login-form-content h2{font-size:32px;margin-bottom:8px}.login-subtitle{font-size:16px}.login-tabs{margin:24px 0 20px}.login-tabs button{font-size:16px;padding-bottom:12px}.login-form{gap:16px}.login-field{gap:6px}.login-field label{font-size:15px}.login-help{font-size:13px;line-height:1.5}}@media (max-height: 640px){.login-page{padding-block:12px}.login-layout,.login-form-region{padding-block:8px}.login-tabs{margin-block:16px}.login-form{gap:12px}}