.login-page{position:fixed;inset:0;z-index:20000;display:none;align-items:center;justify-content:center;min-height:100vh;overflow:auto;padding:34px;background:linear-gradient(116deg,transparent 0 57%,rgb(102 91 255 / 8%) 57% 68%,transparent 68%),linear-gradient(154deg,rgb(39 202 220 / 8%) 0 13%,transparent 13% 100%),linear-gradient(132deg,#090e1d 0%,#151a32 46%,#0c1429 100%);color:#202737}.login-page.open{display:flex}.login-page::before{content:"";position:fixed;inset:0;opacity:.34;pointer-events:none;background-image:repeating-linear-gradient(118deg,rgb(158 168 255 / 10%) 0 1px,transparent 1px 74px),repeating-linear-gradient(28deg,rgb(255 255 255 / 5%) 0 1px,transparent 1px 74px);mask-image:linear-gradient(110deg,#000 0%,rgb(0 0 0 / 82%) 42%,transparent 84%)}.login-page::after{content:"";position:fixed;top:-16vh;right:-8vw;width:min(48vw,720px);height:116vh;background:linear-gradient(158deg,rgb(107 99 255 / 22%),rgb(42 201 220 / 4%) 58%,transparent 58%);clip-path:polygon(36% 0,100% 0,100% 100%,0 76%);filter:drop-shadow(-34px 0 70px rgb(83 78 225 / 16%));pointer-events:none}.login-card{position:relative;z-index:1;width:min(890px,96vw);min-height:570px;display:grid;grid-template-columns:minmax(320px,42%) minmax(420px,58%);overflow:hidden;border:1px solid rgb(255 255 255 / 32%);border-radius:26px;padding:0;background:rgb(255 255 255 / 97%);box-shadow:0 36px 90px rgb(0 7 30 / 34%),0 2px 7px rgb(0 0 0 / 12%)}.login-brand-panel{position:relative;isolation:isolate;min-height:100%;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:52px 34px;background:linear-gradient(132deg,transparent 0 53%,rgb(110 229 223 / 10%) 53% 54%,transparent 54%),linear-gradient(154deg,#1c2450 0%,#303873 50%,#1d285b 100%)}.login-brand-panel::before{content:"";position:absolute;z-index:-1;inset:0;opacity:.46;background-image:repeating-linear-gradient(120deg,rgb(255 255 255 / 8%) 0 1px,transparent 1px 46px),repeating-linear-gradient(30deg,rgb(255 255 255 / 5%) 0 1px,transparent 1px 46px);mask-image:linear-gradient(180deg,transparent 3%,#000 28%,#000 76%,transparent 100%)}.login-brand-panel::after{content:"";position:absolute;z-index:-1;right:-34px;bottom:-12px;width:260px;height:210px;background:linear-gradient(145deg,rgb(121 130 255 / 25%),rgb(86 221 217 / 7%));clip-path:polygon(42% 0,100% 18%,82% 100%,0 76%)}.login-brand-grid{position:absolute;z-index:0;inset:14% -10% 10%;border:1px solid rgb(178 185 255 / 10%);transform:skewY(-8deg);pointer-events:none}.login-brand-plane{position:absolute;z-index:0;display:block;pointer-events:none}.login-brand-plane.plane-a{top:7%;left:-32%;width:90%;height:36%;background:linear-gradient(110deg,transparent,rgb(128 137 255 / 31%));clip-path:polygon(0 0,100% 28%,72% 100%,14% 68%);animation:login-plane-shift 8s ease-in-out infinite}.login-brand-plane.plane-b{right:-28%;bottom:2%;width:88%;height:42%;background:linear-gradient(138deg,rgb(58 209 215 / 3%),rgb(58 209 215 / 22%));clip-path:polygon(27% 0,100% 24%,84% 100%,0 72%);animation:login-plane-shift 10s ease-in-out infinite reverse}.login-brand-beam{position:absolute;z-index:1;height:1px;display:block;background:linear-gradient(90deg,transparent,rgb(168 175 255 / 72%),transparent);pointer-events:none}.login-brand-beam.beam-a{top:27%;left:6%;width:72%;transform:rotate(-13deg);animation:login-beam-pulse 4.8s ease-in-out infinite}.login-brand-beam.beam-b{right:-4%;bottom:25%;width:62%;background:linear-gradient(90deg,transparent,rgb(103 224 219 / 62%),transparent);transform:rotate(18deg);animation:login-beam-pulse 6s ease-in-out infinite reverse}.login-brand-icon{position:relative;z-index:2;width:92px;height:92px;display:grid;place-items:center;margin-bottom:17px;border:1px solid rgb(217 254 255 / 30%);border-radius:27px;background:linear-gradient(145deg,rgb(74 218 216 / 23%),rgb(105 114 232 / 25%));box-shadow:0 20px 42px rgb(4 10 41 / 28%),inset 0 1px rgb(255 255 255 / 18%)}.login-brand-icon::after{content:"";position:absolute;left:50%;bottom:-11px;width:88px;height:5px;background:linear-gradient(90deg,transparent,rgb(103 221 224 / 55%),transparent);filter:blur(3px);transform:translateX(-50%)}.login-brand-icon svg{width:54px;height:54px;fill:none;stroke:#edfefe;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 9px 15px rgb(7 14 55 / 25%))}.login-brand-panel strong{position:relative;z-index:2;color:#fff;font-size:31px;font-weight:720;letter-spacing:.2em;text-indent:.2em;text-shadow:0 8px 26px rgb(6 12 45 / 28%)}.login-brand-panel>small{position:relative;z-index:2;margin-top:10px;color:rgb(225 229 255 / 66%);font-size:10px;font-weight:520;letter-spacing:.34em;text-indent:.34em}.login-auth-panel{min-width:0;display:flex;flex-direction:column;justify-content:center;padding:45px 66px 43px;background:linear-gradient(160deg,#fff 0%,#fbfcff 100%)}.login-heading{display:flex;align-items:center;gap:12px;margin-bottom:30px}.login-service-icon{width:34px;height:34px;display:grid;place-items:center;border:1px solid #dfe4ef;border-radius:11px;background:#f4f6fb;color:#626bd3;box-shadow:0 5px 14px rgb(39 49 87 / 7%)}.login-service-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.login-heading h1{margin:0;color:#242c3b;font-size:25px;font-weight:660;letter-spacing:-.025em}.login-form{display:grid;gap:18px}.login-form label{display:grid;gap:8px;color:#697386;font-size:11px;font-weight:560}.login-field{height:47px;border:1px solid #e2e6ee;border-radius:12px;padding:0 15px;background:#f7f8fb;color:#293244;font-size:12px;box-shadow:inset 0 1px 2px rgb(29 39 63 / 2%);outline:0;transition:border-color .2s,box-shadow .2s,background .2s}.login-field::placeholder{color:#b1b8c4}.login-field:hover{border-color:#d5dae5;background:#fafbfc}.login-field:focus{border-color:#7a82e5;background:#fff;box-shadow:0 0 0 4px rgb(103 111 215 / 10%),0 6px 17px rgb(43 51 89 / 5%)}.login-submit{position:relative;height:48px;border:0;border-radius:13px;background:linear-gradient(105deg,#5961d2 0%,#6972e2 55%,#5961d2 100%);background-size:180% 100%;color:#fff;box-shadow:0 11px 25px rgb(70 78 180 / 23%);font-size:12px;font-weight:630;letter-spacing:.05em;cursor:pointer;transition:transform .2s,box-shadow .2s,background-position .3s}.login-submit::after{content:"›";position:absolute;right:18px;top:50%;font-size:21px;font-weight:350;line-height:1;opacity:.72;transform:translateY(-54%)}.login-submit:hover:not(:disabled){background-position:100% 0;box-shadow:0 14px 29px rgb(70 78 180 / 29%);transform:translateY(-1px)}.login-submit:disabled{cursor:wait;opacity:.65}.login-link{justify-self:end;margin-top:-7px;border:0;padding:3px 0;background:transparent;color:#727bd9;font-size:11px;font-weight:550;cursor:pointer}.login-link:hover{color:#4f58c7}.login-tip{min-height:15px;margin:-5px 0 -4px;color:#d04a58;font-size:11px;line-height:1.45}.login-tip.success{color:#178663}.login-rule{margin:-3px 0 0;color:#9ba3b1;font-size:9.5px;line-height:1.5}.login-code-field{display:grid;grid-template-columns:minmax(0,1fr) 108px;gap:10px}.login-code-button{height:47px;border:1px solid #dde1ec;border-radius:12px;background:#fff;color:#626bd0;font-size:11px;font-weight:570;cursor:pointer}.login-code-button:disabled{opacity:.58;cursor:wait}.login-form.compact{gap:12px}@keyframes login-plane-shift{0%,100%{translate:0 0;opacity:.62}50%{translate:8px -6px;opacity:1}}@keyframes login-beam-pulse{0%,100%{opacity:.35}50%{opacity:1}}@media(max-width:760px){.login-page{align-items:flex-start;padding:18px}.login-card{width:min(430px,100%);min-height:0;grid-template-columns:1fr;margin-block:auto;border-radius:22px}.login-brand-panel{min-height:190px;padding:28px 24px 25px}.login-brand-panel::after{width:190px;height:150px}.login-brand-icon{width:66px;height:66px;margin-bottom:11px;border-radius:20px}.login-brand-icon svg{width:38px;height:38px}.login-brand-panel strong{font-size:23px}.login-brand-panel>small{margin-top:6px}.login-auth-panel{padding:31px 30px 32px}.login-heading{margin-bottom:24px}.login-heading h1{font-size:22px}}@media(max-width:420px){.login-page{padding:12px}.login-brand-panel{min-height:158px}.login-auth-panel{padding:27px 23px 29px}.login-card{border-radius:19px}}@media(prefers-reduced-motion:reduce){.login-brand-plane,.login-brand-beam{animation:none!important}.login-submit{transition:none}}