.n4-login-layout{background:#fff;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);min-height:100vh;margin:0;display:grid}.n4-login-brand{color:#fff;background:#0510ac;flex-direction:column;min-height:100vh;padding:46px clamp(32px,5vw,88px) 33px;display:flex;position:relative;overflow:hidden}.n4-login-brand:before{content:"";pointer-events:none;border:1px solid #8d9cff25;border-radius:50%;width:570px;height:570px;position:absolute;top:-220px;right:-280px;box-shadow:0 0 0 80px #8d9cff08,0 0 0 160px #8d9cff04}.n4-login-wordmark{z-index:1;align-items:center;gap:17px;display:flex;position:relative}.n4-login-wordmark>span:first-child{font-family:var(--n4-mono);letter-spacing:-5px;font-size:42px;font-weight:700;line-height:1}.n4-login-wordmark>span:last-child{letter-spacing:.14em;color:#b9c3ff;border-left:1px solid #7685e870;padding-left:18px;font-size:9px;font-weight:600}.n4-login-story{z-index:1;margin-top:auto;padding-top:68px;position:relative}.n4-login-eyebrow{color:#b9c3ff;letter-spacing:.14em;margin:0 0 20px;font-size:9px;font-weight:600}.n4-login-story h1{color:#fff;font-family:var(--n4-font);letter-spacing:-.055em;max-width:600px;margin:0;font-size:clamp(35px,3.65vw,61px);font-weight:800;line-height:1.13}.n4-login-story h1 span{color:#b9f5db}.n4-login-description{color:#d2d9ff;margin:22px 0 0;font-size:12.5px;line-height:1.85}.n4-login-illustration{margin:4px -22px 6px;position:relative}.n4-login-illustration svg{width:100%;max-height:310px;display:block}.n4-login-brand-footer{color:#c2cdff;border-top:1px solid #6575db55;align-items:center;gap:8px;margin-top:auto;padding-top:18px;font-size:10px;display:flex}.n4-login-dot{background:#7df0c0;border-radius:50%;width:5px;height:5px}.n4-login-footer-mark{color:#7df0c0;margin-left:auto;font-size:20px}.n4-login-auth{background:#fff;flex-direction:column;justify-content:center;min-width:0;min-height:100vh;padding:70px clamp(34px,6vw,110px) 82px;display:flex;position:relative}.n4-login-auth>section{width:100%;max-width:390px;margin:0 auto}.n4-login-head{text-align:left;margin:0;padding:0 0 31px}.n4-login-logo{border-radius:12px;width:42px;height:42px;margin:0 0 24px;display:block}.n4-login-head h2{letter-spacing:-.045em;color:#101523;margin:0;font-size:29px;font-weight:800;line-height:1.3}.n4-login-intro{color:#697080;margin:10px 0 0;font-size:12px;font-weight:400;line-height:1.6}.n4-field{margin-bottom:22px}.n4-label{color:#353b4a;margin:0 0 9px;font-size:11px;font-weight:600;display:block}.n4-input-wrap{position:relative}.n4-input-icon{color:#525866;pointer-events:none;width:16px;height:16px;position:absolute;top:16px;left:13px}.n4-input{width:100%;height:49px;font-family:var(--n4-font);color:#151b2a;box-shadow:none;background:#f3f3f3;border:1px solid #0000;border-radius:11px;outline:none;padding:12px 14px 12px 36px;font-size:14px;line-height:1.5;display:block}.n4-input::placeholder{color:#7c8190}.n4-input--password{padding-right:65px}.n4-input:focus{outline-offset:1px;background:#fff;border-color:#3847ff;outline:2px solid #3847ff28}.n4-toggle-password{color:#525866;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:2px 4px;font-size:11px;position:absolute;top:9px;right:9px}.n4-forgot{text-align:right;margin:-12px 0 0;line-height:1.6}.n4-forgot a{color:#6c7180;font-size:12px;font-weight:400;text-decoration:none}.n4-forgot a:hover{color:#0510ac}.n4-actions{margin-top:21px}.n4-submit{color:#fff;cursor:pointer;background:#0510ac;border:1px solid #0510ac;border-radius:11px;width:100%;min-height:47px;font-size:12px;font-weight:600;display:block;box-shadow:0 7px 16px -12px #0510ac80}.n4-submit:hover{background:#3847ff;border-color:#3847ff}.n4-submit:disabled{opacity:.7;cursor:progress}.n4-login-auth a:focus-visible,.n4-login-auth button:focus-visible{outline-offset:3px;outline:3px solid #3847ff}.n4-alert{border-radius:11px;margin:0 0 18px;padding:11px 13px;font-size:12px;line-height:1.5}.n4-alert--error{color:#9b1c1c;background:#fdf0f0}.n4-alert--ok{color:#0c6241;background:#eefff8}.n4-back{text-align:center;margin:18px 0 0;font-size:12px}.n4-back a{color:#0510ac;text-decoration:none}.n4-login-access-note{text-align:center;color:#737988;margin:0;font-size:10px;position:absolute;bottom:26px;left:25px;right:25px}@media (min-width:1600px){.n4-login-brand{padding-top:65px;padding-bottom:42px}.n4-login-illustration svg{max-height:380px}}@media (max-width:1000px) and (min-width:761px){.n4-login-brand{padding-left:32px;padding-right:32px}.n4-login-auth{padding-left:36px;padding-right:36px}.n4-login-story h1{font-size:36px}.n4-login-description{font-size:11px}}@media (max-width:760px){.n4-login-layout{grid-template-columns:minmax(0,1fr)}.n4-login-brand{min-height:0;padding:25px 25px 30px}.n4-login-wordmark>span:first-child{letter-spacing:-3px;font-size:31px}.n4-login-wordmark>span:last-child{font-size:8px}.n4-login-story{margin:0;padding-top:30px}.n4-login-eyebrow{display:none}.n4-login-story h1{font-size:32px;line-height:1.13}.n4-login-description{margin-top:13px;font-size:11px;line-height:1.7}.n4-login-illustration,.n4-login-brand-footer{display:none}.n4-login-auth{min-height:0;padding:35px 27px 74px}.n4-login-head{padding-bottom:24px}.n4-login-logo{display:none}.n4-login-head h2{font-size:25px}.n4-login-access-note{bottom:22px}}@media (max-height:740px) and (min-width:761px){.n4-login-brand{padding-top:32px;padding-bottom:25px}.n4-login-story{padding-top:35px}.n4-login-illustration svg{max-height:250px}}