.ml-login{--ml-paper:oklch(99.3% .002 250);--ml-ink:oklch(25% .06 259);--ml-ink-2:oklch(46% .03 258);--ml-brand:#35506e;--ml-brand-deep:#2b425c;--ml-on-dark:oklch(98% .006 255);--ml-on-dark-2:oklch(90% .03 255);--ml-line:oklch(90% .015 250);background:var(--ml-paper);min-height:100dvh;color:var(--ml-ink);grid-template-columns:minmax(0,1fr);font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans CJK SC,Source Han Sans SC,system-ui,sans-serif;display:grid}.dark .ml-login{--ml-paper:#141f2b;--ml-ink:oklch(96% .01 255);--ml-ink-2:oklch(78% .03 255);--ml-brand-deep:#1f2f40;--ml-line:oklch(36% .03 255)}.ml-login ::selection{background:var(--primary-200);color:var(--primary-950)}.ml-login-top{justify-content:space-between;align-items:center;gap:16px;display:flex}.ml-login-theme{border:1px solid var(--ml-line);border-radius:10px;flex:none;gap:2px;padding:3px;display:inline-flex}.ml-login-theme button{width:32px;height:32px;color:var(--ml-ink-2);cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;transition:background-color .16s ease-out,color .16s ease-out;display:grid}.ml-login-theme button:hover{color:var(--ml-ink)}.ml-login-theme button[aria-pressed=true]{background:var(--primary-100);color:var(--primary-800)}.dark .ml-login-theme button[aria-pressed=true]{background:var(--primary-800);color:var(--primary-100)}.ml-login-theme svg{width:18px;height:18px}.ml-login-panel{grid-template-rows:auto 1fr auto;gap:32px;padding:clamp(24px,5vw,48px) clamp(20px,6vw,72px);display:grid}.ml-login-logo{border-radius:6px;width:fit-content;display:block}.ml-login-logo img{width:auto;height:44px;display:block}.ml-login-logo-dark,.dark .ml-login-logo-light{display:none!important}.dark .ml-login-logo-dark{display:block!important}.ml-login-main{outline:none;align-self:center;width:100%;max-width:380px}.ml-login .fi-simple-header{text-align:start;align-items:flex-start;margin-bottom:4px}.ml-login .fi-simple-header-heading{color:var(--ml-ink);letter-spacing:0;font-size:28px;font-weight:600;line-height:1.3}.ml-login .fi-simple-header-subheading{color:var(--ml-ink-2);margin-top:2px;font-size:15px}.ml-login-en{color:var(--ml-ink-2);margin-inline-start:4px;font-weight:400}.ml-login .fi-btn .ml-login-en{color:inherit;font-weight:500}.ml-login .fi-input{min-height:44px;caret-color:var(--ml-brand);font-size:15px}.dark .ml-login .fi-input{caret-color:var(--primary-300)}.ml-login .fi-input-wrp{border-radius:8px}.ml-login .fi-btn{border-radius:8px;min-height:46px;font-size:15px;font-weight:600}.ml-login-help{color:var(--ml-ink-2);margin:0;font-size:13px;line-height:1.6}.ml-login-help span{display:block}.ml-login-brand{display:none}@media (width>=640px) and (width<=979px){.ml-login-panel{justify-self:center;width:100%;max-width:500px}}@media (width>=980px){.ml-login{grid-template-columns:minmax(460px,5fr) 7fr}.ml-login-brand{background:var(--ml-brand-deep);color:var(--ml-on-dark);align-items:flex-end;padding:clamp(40px,5vw,72px);display:flex;position:relative;overflow:hidden}.ml-login-rings{width:max(100%,92vh);height:auto;position:absolute;inset-block-start:50%;inset-inline-end:0;overflow:visible;transform:translateY(-58%)}.ml-login-rings circle{stroke:var(--ml-on-dark);stroke-opacity:.1;stroke-width:1px;vector-effect:non-scaling-stroke}.ml-login-brand-text{position:relative}.ml-login-brand-name{margin:0;font-size:clamp(32px,3.2vw,44px);font-weight:600;line-height:1.2}.ml-login-brand-company{color:var(--ml-on-dark-2);margin:10px 0 0;font-size:15px;line-height:1.5}}
