body.login-page{min-height:100dvh;display:flex;flex-direction:column;background:radial-gradient(ellipse at 22% 20%,#d5eaff 0,transparent 48%),radial-gradient(ellipse at 90% 85%,#dbefff 0,transparent 48%),#eaf5ff!important;color:var(--ui-ink)!important}
.login-top{position:static!important;display:flex;flex:none;align-items:center;justify-content:space-between;padding:28px 42px;border:0;background:transparent!important;backdrop-filter:none}
.login-top img{width:166px;height:34px;object-fit:cover}
.login-language{display:flex;gap:3px;background:#dcebf9;padding:3px;border-radius:10px;border:1px solid #cce0f2}
.login-language button{min-height:30px;padding:4px 12px;border:0;background:transparent;font-size:12px;color:#4e6b83}
.login-language .active{background:#fff;color:#1459b0;box-shadow:0 1px 4px #15355212;border-radius:7px}
.login-shell{flex:1;min-height:0!important;display:grid;place-items:center;margin:0;padding:28px 24px 110px;max-width:none}
.login-card{width:100%;max-width:424px;padding:38px 40px 32px;background:#fff;border:1px solid #d4e5f4;border-radius:24px;box-shadow:0 20px 64px #21659b0e,0 3px 12px #21659b05}
.login-mark{width:54px;height:54px;border-radius:17px;background:linear-gradient(145deg,#edf6ff,#dcecff);color:#1769d2;display:grid;place-items:center;margin:0 auto 20px;box-shadow:inset 0 1px 0 #fff}
.login-mark svg{width:25px;height:25px}
.login-card h1{font-size:26px;letter-spacing:-.035em;text-align:center;margin:0 0 30px;font-weight:650}
.login-card label{display:block;margin:18px 0 8px;font-size:13px;font-weight:500;color:#365773}
.login-card input{display:block;width:100%;min-height:46px;border:1px solid #bed4e8;border-radius:11px;background:#f8fbff;font-family:inherit;font-size:15px;line-height:1.4;padding:11px 13px;transition:box-shadow .16s,border-color .16s,background .16s}
.login-card input:hover{border-color:#91b7df}
.login-card input:focus{outline:none!important;background:#fff;border-color:#1769d2;box-shadow:0 0 0 3px #1769d222}
.login-card input[aria-invalid=true]{border-color:#ba352b!important;box-shadow:0 0 0 3px #ba352b14;background:#fffafa}
.password-field{position:relative}
.password-field input{padding-right:48px}
.password-field button{position:absolute;right:6px;top:6px;width:34px;height:34px;min-height:34px;padding:8px;border:0;background:transparent;color:#597890}
.password-field input::-ms-reveal,.password-field input::-ms-clear{display:none}
.password-field svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.password-field .eye-slash{display:none}
.password-field button[aria-pressed=true] .eye-slash{display:block}
.login-submit{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:46px;background:#1769d2!important;border:1px solid #1769d2;border-radius:11px;color:#fff!important;font-weight:600;margin-top:24px;box-shadow:0 3px 7px #1769d229,inset 0 1px 0 #ffffff26}
.login-submit:not(:disabled):hover{background:#1058b8!important;box-shadow:0 5px 14px #1769d22e}
.login-submit:disabled{opacity:.7;cursor:progress}
.login-submit.loading::before{content:'';width:14px;height:14px;border:2px solid #ffffff66;border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}
.login-note{margin:25px 0 0;text-align:center;font-size:12px;color:#607d94}
#login-error{font-size:12px;color:#a72e26;line-height:1.6;margin:12px 0 0;padding:10px 12px;background:#fff1ef;border:1px solid #f2d0cb;border-radius:9px}
#login-error:empty{display:none}
#caps-lock{font-size:12px;color:#875e11;margin:8px 0}
#caps-lock[hidden]{display:none}
@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:600px){.login-top{padding:22px 24px}.login-top img{width:146px;height:30px}.login-shell{padding:20px 20px 82px}.login-card{padding:32px 28px;border-radius:22px}.login-card h1{font-size:24px}}
@media(prefers-reduced-motion:reduce){.login-submit.loading::before{animation:none}}