[hidden]{display:none!important}
.auth-screen{min-height:100dvh;display:grid;grid-template-columns:minmax(300px,1fr) minmax(360px,1fr);background:#f4f8fc;color:#173653;font-family:Manrope,Arial,sans-serif}
.auth-side{position:relative;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:clamp(28px,5vw,72px);background:linear-gradient(145deg,#0d294a,#17466e 66%,#166c9a);color:#fff}
.auth-side::before,.auth-side::after{content:"";position:absolute;border-radius:50%;border:1px solid #ffffff25;pointer-events:none}
.auth-side::before{width:520px;height:520px;right:-260px;top:18%}.auth-side::after{width:360px;height:360px;right:-95px;bottom:-230px;background:#62c9ee13}
.auth-brand{display:flex;align-items:center;gap:13px;position:relative;z-index:1}.auth-brand-mark{width:45px;height:45px;border-radius:13px;background:#47b9e8;display:grid;place-items:center;box-shadow:0 12px 28px #071c323d}.auth-brand-mark svg{width:31px;height:31px;fill:#fff}.auth-brand-mark path+path{fill:none;stroke:#1979a4;stroke-width:2.7;stroke-linecap:round;stroke-linejoin:round}.auth-brand strong{display:block;font-size:18px;letter-spacing:-.5px}.auth-brand small{display:block;margin-top:3px;font-size:10px;letter-spacing:2.1px;color:#b7d9ea;font-weight:700}
.auth-side-copy{position:relative;z-index:1;max-width:480px}.auth-side-tag{display:inline-flex;align-items:center;gap:8px;border:1px solid #ffffff3d;background:#ffffff13;border-radius:100px;padding:8px 12px;color:#c9eaf7;font-size:11px;font-weight:700;letter-spacing:.4px}.auth-side-tag::before{content:"";width:7px;height:7px;border-radius:50%;background:#69d1f4}.auth-side h1{font-size:clamp(31px,3.9vw,56px);line-height:1.08;letter-spacing:-2px;color:#fff;margin:20px 0 15px}.auth-side p{font-size:14px;line-height:1.7;color:#c5dceb;max-width:420px}.auth-side-footer{position:relative;z-index:1;color:#a9c8dc;font-size:11px}
.auth-main{display:grid;place-items:center;padding:32px 24px}.auth-card{width:min(100%,420px);background:#fff;border:1px solid #e7eef5;border-radius:20px;box-shadow:0 20px 60px #17365312;padding:clamp(26px,4vw,42px)}.auth-lock{width:48px;height:48px;display:grid;place-items:center;background:#e8f7fd;color:#1f91c4;border-radius:14px;margin-bottom:21px}.auth-lock svg{width:24px;height:24px}.auth-eyebrow{font-size:10px;color:#2389b4;font-weight:800;letter-spacing:1.5px}.auth-card h2{font-size:27px;letter-spacing:-.8px;margin:8px 0;color:#153452}.auth-intro{font-size:13px;color:#74889a;line-height:1.6;margin-bottom:27px}.auth-form{display:grid;gap:17px}.auth-field{display:grid;gap:8px;color:#405b72;font-size:12px;font-weight:700}.auth-field input{width:100%;height:46px;border:1px solid #dce7ef;border-radius:10px;background:#fff;color:#173653;padding:0 14px;font:500 14px Manrope,Arial,sans-serif;outline:none}.auth-field input:focus{border-color:#42b5e4;box-shadow:0 0 0 3px #42b5e426}.auth-password-wrap{position:relative}.auth-password-wrap input{padding-right:78px}.auth-password-toggle{position:absolute;right:6px;top:5px;height:36px;border:0;background:transparent;color:#2287af;font-size:11px;font-weight:700;cursor:pointer;padding:0 8px}.auth-submit{height:48px;margin-top:3px;border:0;border-radius:10px;background:#174c74;color:white;font-weight:800;font-size:13px;cursor:pointer;box-shadow:0 9px 18px #174c7429}.auth-submit:hover{background:#0e3d63}.auth-submit:disabled{opacity:.62;cursor:wait}.auth-message{padding:11px 13px;border-radius:9px;background:#eaf6fb;color:#226f93;font-size:12px;line-height:1.5}.auth-message.is-error{background:#fff0ef;color:#aa4745}.auth-note{border-top:1px solid #e9eff4;margin-top:28px;padding-top:19px;font-size:11px;line-height:1.65;color:#8a9aaa}.auth-note strong{color:#526e85}.logout-button{border:1px solid #42617e;background:#244665;border-radius:7px;color:#e4f4fa;font-size:10px;font-weight:700;padding:7px 9px;cursor:pointer}.logout-button:hover{background:#2d587d}.logout-button:disabled{opacity:.5;cursor:wait}
.auth-link{justify-self:start;border:0;background:transparent;color:#187eaa;font:700 12px Manrope,Arial,sans-serif;text-decoration:underline;text-underline-offset:3px;padding:2px 0;cursor:pointer}.auth-link:hover{color:#104f77}.auth-link:focus-visible{outline:3px solid #42b5e4;outline-offset:3px;border-radius:3px}.auth-form[aria-busy="true"]{opacity:.78}
@media(max-width:760px){.auth-screen{grid-template-columns:1fr}.auth-side{min-height:230px;padding:24px 25px 30px}.auth-side-copy{margin-top:34px}.auth-side h1{font-size:29px;letter-spacing:-1px;margin:11px 0 8px}.auth-side p{font-size:11px;line-height:1.5}.auth-side-footer{display:none}.auth-main{padding:22px 16px 38px;align-items:start}.auth-card{padding:26px 23px;border-radius:16px}.auth-card h2{font-size:24px}.auth-intro{margin-bottom:20px}}
@media(max-width:390px){.auth-side{min-height:210px}.auth-card{padding:23px 19px}.auth-side h1{font-size:26px}}