.login-page{--login-blue:#2478ff;position:relative;isolation:isolate;min-height:100svh;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(390px,.75fr);overflow:hidden;color:#f7faff;background:#020914 url(/assets/login-ring-hero.webp) 42%/cover no-repeat}.login-shade{position:absolute;z-index:-1;inset:0;background:rgba(0,7,18,.28)}.login-brand{position:absolute;z-index:2;top:clamp(26px,4vw,48px);left:clamp(26px,4vw,58px)}.login-brand a{color:inherit;text-decoration:none}.login-brand .brand{gap:12px;color:#fff;font-size:22px;letter-spacing:.04em}.login-brand .brand-mark{width:39px;height:39px}.login-story{min-width:0;padding:clamp(120px,18vh,210px) 40px 40px clamp(26px,5.8vw,86px);display:flex;flex-direction:column;justify-content:flex-end}.login-story-copy{margin-bottom:clamp(90px,17vh,180px)}.login-eyebrow,.login-form-kicker{margin:0 0 17px;color:#82abec;font-size:11px;font-weight:700;letter-spacing:.24em}.login-story h1{margin:0;max-width:660px;font-family:"Noto Serif SC",Songti SC,STSong,serif;font-size:clamp(48px,5.2vw,78px);font-weight:600;line-height:1.18;letter-spacing:-.055em;text-wrap:balance;text-shadow:0 8px 34px rgba(0,0,0,.36)}.login-story h1 span{color:var(--login-blue)}.login-story-note{margin:20px 0 0;color:#bec9d9;font-size:15px;letter-spacing:.08em}.login-story small{color:#8491a3;font-size:12px;letter-spacing:.05em}.login-form-wrap{min-width:0;display:grid;place-items:center;padding:92px clamp(34px,5vw,78px) 54px 30px}.login-form{width:min(400px,100%)}.login-form-kicker{color:#6f96d8;margin-bottom:13px}.login-form h2{margin:0;color:#fff;font-family:"Noto Serif SC",Songti SC,STSong,serif;font-size:39px;font-weight:600;letter-spacing:-.04em}.login-form-subtitle{margin:11px 0 0;color:#8f9db1;font-size:14px}.login-tabs{display:flex;gap:30px;margin:34px 0 25px;border-bottom:1px solid rgba(150,170,200,.18)}.login-tabs button{position:relative;padding:0 2px 13px;color:#77869b;border:0;background:transparent;font:inherit;font-size:14px;cursor:pointer}.login-tabs button:after{content:"";position:absolute;right:0;bottom:-1px;left:0;height:2px;background:transparent}.login-tabs button:hover{color:#dce7f8}.login-tabs button.active{color:#fff;font-weight:650}.login-tabs button.active:after{background:var(--login-blue)}.login-form form{display:grid;grid-gap:17px;gap:17px}.login-form label{display:grid;grid-gap:8px;gap:8px}.login-label{color:#c9d3e1;font-size:13px}.login-password-heading{display:flex;align-items:center;justify-content:space-between}.login-form input{width:100%;min-height:49px;padding:0 15px;color:#f7faff;caret-color:var(--login-blue);border:1px solid rgba(140,164,198,.22);border-radius:8px;outline:none;background:rgba(7,18,35,.72);box-shadow:0 9px 25px rgba(0,0,0,.12);transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease}.login-form input::placeholder{color:#5f6e82}.login-form input:hover{border-color:rgba(145,176,222,.4)}.login-form input:focus{border-color:var(--login-blue);background:rgba(8,21,42,.9);box-shadow:0 0 0 3px rgba(36,120,255,.14)}.password-field{position:relative;display:block}.password-field input{padding-right:48px}.password-toggle{position:absolute;top:50%;right:8px;width:36px;height:36px;display:grid;place-items:center;translate:0 -50%;color:#78879b;border:0;background:transparent;cursor:pointer}.password-toggle:hover{color:#cbd8eb}.password-toggle svg{width:19px;height:19px}.forgot-password{padding:0;color:#82aef3;border:0;background:transparent;font-size:12px;cursor:pointer}.forgot-password:hover{color:#b2ceff}.form-error,.form-notice{padding:10px 12px;border-radius:7px;font-size:13px}.form-error{color:#ffb6b2;background:rgba(150,25,18,.28)}.form-notice{color:#bcd4fa;background:rgba(36,120,255,.14)}.login-submit{min-height:49px;margin-top:2px;display:flex;align-items:center;justify-content:center;gap:9px;color:#fff;border:1px solid #3384ff;border-radius:8px;background:#176cef;box-shadow:0 12px 30px rgba(16,93,219,.25);font:inherit;font-weight:650;cursor:pointer;transition:background-color .18s ease,border-color .18s ease,translate .18s ease}.login-submit:hover:not(:disabled){translate:0 -1px;border-color:#73a9ff;background:#287af5}.login-submit:disabled{opacity:.65;cursor:wait}.platform-link{width:-moz-fit-content;width:fit-content;margin:22px auto 0;display:flex;align-items:center;gap:7px;color:#8998ad;font-size:13px;text-decoration:none}.platform-link:hover{color:#d8e5f6}.platform-link svg{width:15px;height:15px}.login-security{margin:31px 0 0;display:flex;align-items:center;justify-content:center;gap:6px;color:#526176;font-size:11px}.login-security svg{width:14px;height:14px}@media (min-width:901px) and (max-height:780px){.login-register .login-form-wrap{padding-top:42px;padding-bottom:24px}.login-register .login-form h2{font-size:34px}.login-register .login-tabs{margin-top:20px;margin-bottom:15px}.login-register .login-form form{gap:10px}.login-register .login-form input{min-height:43px}.login-register .platform-link{margin-top:14px}.login-register .login-security{margin-top:15px}}@media (max-width:900px){.login-page{min-height:100svh;grid-template-columns:1fr;overflow:auto;background-position:37%}.login-shade{background:rgba(0,7,18,.58)}.login-brand{position:relative;top:auto;left:auto;padding:24px 22px 0}.login-story{padding:48px 22px 18px}.login-story-copy{margin:0}.login-story h1{max-width:520px;font-size:clamp(40px,10vw,58px)}.login-story small{display:none}.login-form-wrap{place-items:start center;padding:24px 22px 48px}.login-form{width:min(460px,100%)}}@media (max-width:520px){.login-page{background-position:31%}.login-story{padding-top:38px}.login-eyebrow{margin-bottom:12px;font-size:9px}.login-story h1{font-size:39px}.login-story-note{margin-top:12px;font-size:13px}.login-form-wrap{padding-top:28px}.login-form h2{font-size:32px}.login-tabs{margin-top:26px}}@media (prefers-reduced-motion:reduce){.login-form input,.login-submit{transition:none}}