.login-page{background:radial-gradient(at 15% 35%,#11213b 0%,#05080d 60%);flex-direction:column;min-height:100svh;display:flex;overflow:hidden}.login-header{justify-content:space-between;align-items:center;gap:25px;padding:32px 6%;display:flex}.login-header img{width:176px;height:auto;display:block}.login-back{color:#bcc9da;font-size:14px}.login-back:hover{color:#fff}.login-layout{grid-template-columns:1.2fr 1fr;align-items:center;gap:10%;width:min(1200px,88%);margin:auto;padding:44px 0 60px;display:grid}.login-eyebrow{letter-spacing:1.8px;color:#9fc5dd;font-size:12px;font-weight:500}.login-story h1{letter-spacing:-.052em;margin:23px 0;font-size:clamp(37px,4.1vw,59px);font-weight:600;line-height:1.12}.login-story h1 em{color:#b9e7f0;font-style:normal}.login-story>p{color:#aebed2;font-size:18px;line-height:1.6}.login-posters{gap:14px;max-width:410px;margin-top:36px;display:flex;-webkit-mask-image:linear-gradient(#000 65%,#0000);mask-image:linear-gradient(#000 65%,#0000)}.login-posters img{object-fit:cover;filter:saturate(.6);border:1px solid #b4d4ff26;border-radius:5px;width:calc(33.3333% - 9.33333px);height:190px}.login-posters img:nth-child(2){transform:translateY(15px)}.login-panel{background:linear-gradient(145deg,#141e2cbb,#0c121bea);border:1px solid #a2bdd222;border-radius:12px;padding:44px 39px;box-shadow:0 24px 100px #0004}.login-panel h2{letter-spacing:-1.6px;margin:16px 0 13px;font-size:37px;font-weight:550;line-height:1.16}.login-panel>p{color:#aabbd0;font-size:16px;line-height:1.5}.login-form{gap:22px;margin-top:30px;display:grid}.login-field{gap:10px;display:grid}.login-field label{color:#d5deeb;font-size:14px;font-weight:500}.login-field input{height:51px;box-shadow:none;background:#070d16;border:1px solid #8bafd332;border-radius:5px;padding:13px 15px;font-size:16px}.login-field input:focus{border-color:#9cdbef}.login-password{position:relative}.login-password input{padding-right:53px}.login-password>button{color:#97abc3;width:37px;height:37px;position:absolute;top:7px;right:7px}.login-submit{border-radius:5px;gap:14px;width:100%;height:53px;margin-top:4px;font-size:15px;font-weight:600;color:#101923!important;background:#e7f5fb!important}.login-submit:hover{background:#c8ecf6!important}.login-submit:disabled{opacity:.6}.login-error{color:#ffbcb8;background:#5d242831;border:1px solid #d2696936;border-radius:5px;padding:12px 14px;font-size:14px;line-height:1.5}.login-note{color:#869bb2;border-top:1px solid #ffffff10;margin-top:28px;padding-top:23px;font-size:13px;line-height:1.65}.login-footer{color:#72879e;padding:22px 6%;font-size:12px}.login-spinner{animation:1s linear infinite login-spin}@keyframes login-spin{to{transform:rotate(360deg)}}@media (max-width:900px){.login-layout{gap:6%;width:90%}.login-panel{padding:35px 28px}.login-story h1{font-size:39px}.login-story>p{font-size:16px}.login-posters img{height:165px}}@media (max-width:680px){.login-header{padding:25px 23px}.login-header img{width:150px}.login-back{font-size:13px}.login-layout{width:100%;margin:auto;padding:30px 23px 42px;display:block}.login-story{display:none}.login-panel{max-width:440px;margin:auto;padding:32px 26px 28px}.login-panel h2{font-size:34px}.login-panel>p{font-size:16px}.login-eyebrow{font-size:11px}.login-footer{text-align:center;padding:20px 23px;font-size:12px}.login-form{gap:21px;margin-top:28px}}@media (prefers-reduced-motion:reduce){.login-spinner{animation:none}}