.login-main{padding-block:48px 28px}.login-panel{display:grid;grid-template-columns:.92fr 1.08fr;max-width:1080px;margin:0 auto;border:1px solid #d6e5f4;border-radius:30px;overflow:hidden;background:#ffffffeb;box-shadow:0 22px 65px -30px #16487740}.login-welcome{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:48px 36px;color:#fff;background:radial-gradient(ellipse at 10% 0,#367aae66,transparent 65%),linear-gradient(140deg,#174e82,#10365e);overflow:hidden}.login-welcome:before,.login-welcome:after{content:"";position:absolute;z-index:-1;width:430px;height:430px;border:1px solid #acd3fb26;border-radius:50%;pointer-events:none}.login-welcome:before{left:-260px;top:-130px}.login-welcome:after{right:-250px;bottom:-210px}.login-eyebrow{font:600 11px/1.6 var(--sans);letter-spacing:.19em;color:#c7def5}.login-welcome h2{font:500 clamp(34px,3.2vw,45px)/1.17 var(--serif);letter-spacing:-1.2px;color:#fff;margin:24px 0 8px}.login-mascot{display:grid;place-items:center;width:230px;height:220px;margin:10px 0 4px;background:radial-gradient(ellipse,#5fabf333,transparent 68%)}.login-mascot img{width:190px;height:190px;filter:drop-shadow(0 12px 14px #031d3230)}.login-welcome>p{font:400 17px/1.6 var(--sans);max-width:295px;margin:0;color:#e2effb}.login-welcome-foot{margin-top:36px;padding-top:22px;border-top:1px solid #acd3fb26;font:400 13px/1.6 var(--sans);color:#c7def5}.login-card{padding:40px clamp(28px,3.5vw,52px);min-width:0;color:#10365e}.login-badge{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:#eaf3ff;color:#174e82;margin-bottom:18px}.login-badge svg{width:25px;height:25px}.login-card h1{font:500 clamp(28px,2.5vw,36px)/1.2 var(--serif);letter-spacing:-.6px;margin:0 0 9px}.login-subtitle{font:400 15px/1.6 var(--sans);color:#566c83;margin:0}.login-preview-note{margin:22px 0 20px;padding:12px 15px;border-left:3px solid #8bb6e2;border-radius:0 10px 10px 0;background:#eff6fe;font:400 12px/1.55 var(--sans);color:#48627f}.login-preview-note strong{font-weight:600;color:#174e82}.login-preview-note p{margin:3px 0 0}.login-fields{border:0;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;min-width:0}.login-fields label{font:600 13px/1.5 var(--sans);color:#284765}.login-fields input{width:100%;height:52px;border:1px solid #c8dbee;border-radius:12px;background:#f7faff;color:#506680;font:400 15px var(--sans);padding:0 16px;opacity:1;cursor:not-allowed}.login-fields input::placeholder{color:#607892;opacity:1}.login-fields input+label{margin-top:10px}.login-submit{display:flex;align-items:center;justify-content:center;gap:16px;min-height:54px;margin-top:20px;border:1px solid #174e82;border-radius:12px;background:linear-gradient(110deg,#174e82,#10365e);color:#fff;font:600 16px/1.5 var(--sans);box-shadow:0 8px 22px #174e821f;transition:transform .22s,box-shadow .22s}.login-submit svg{width:21px;height:21px;transition:transform .22s}.login-recovery{display:flex;justify-content:center;align-items:center;gap:6px;min-height:44px;margin-top:8px;color:#174e82;font:500 12px/1.5 var(--sans);text-align:center;text-decoration:underline;text-underline-offset:4px}.login-recovery svg{width:16px;height:16px;flex-shrink:0}.login-help{font:400 12px/1.8 var(--sans);color:#566c83;margin:12px 0 0;text-align:center}.login-help a{color:#174e82;text-decoration:underline;text-underline-offset:3px}.login-card a:focus-visible{outline:3px solid #72a9df;outline-offset:4px}.login-back{max-width:1080px;margin:24px auto 0}.login-page .contact-section{padding-top:20px}.login-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media(hover:hover){.login-submit:hover{transform:translateY(-2px);box-shadow:0 12px 25px #174e8230}.login-submit:hover svg{transform:translate(3px)}.login-recovery:hover,.login-help a:hover{color:#076ab9}}@media(max-width:1000px){.login-main{padding-top:32px}.login-panel{grid-template-columns:.85fr 1.15fr}.login-welcome{padding:32px 22px}.login-welcome h2{font-size:34px}.login-card{padding:32px 26px}}@media(max-width:700px){.login-main{padding-block:22px}.login-panel{grid-template-columns:1fr;border-radius:24px}.login-card{grid-row:1;padding:28px 24px}.login-welcome{padding:30px 24px;display:grid;grid-template-columns:1fr 100px;text-align:left;gap:10px 12px}.login-eyebrow{grid-column:1/-1;font-size:10px}.login-welcome h2{grid-column:1;grid-row:2;font-size:28px;margin:0;letter-spacing:-.6px}.login-mascot{grid-column:2;grid-row:2/4;width:100px;height:120px;margin:0}.login-mascot img{width:110px;height:110px}.login-welcome>p{grid-column:1;grid-row:3;font-size:13px;margin:0}.login-welcome-foot{grid-column:1/-1;margin-top:8px;padding-top:16px;font-size:12px}.login-back{margin-top:18px}.login-card h1{font-size:30px}}@media(max-width:380px){.login-card{padding:25px 18px}.login-card h1{font-size:27px}.login-welcome{padding:25px 18px;grid-template-columns:1fr 82px}.login-welcome h2{font-size:25px}.login-mascot{width:82px}.login-mascot img{width:95px;height:95px}.login-recovery{font-size:11px}}@media(prefers-reduced-motion:reduce){.login-submit,.login-submit svg{transition:none}.login-submit:hover,.login-submit:hover svg{transform:none}}@media(max-width:1000px){.login-fields input{font-size:16px}}.login-field-group{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}.login-fields{margin-top:26px}.login-fields input{cursor:text;background:#fff}.login-fields input:focus{outline:3px solid #9bc4eb55;border-color:#548bbd}.login-submit{width:100%;cursor:pointer}.login-submit:disabled{opacity:.65;cursor:wait}.login-recovery{border:0;background:none;width:100%;cursor:pointer}.login-recovery[hidden],.login-field-group[hidden]{display:none}.login-password-wrap{position:relative}.login-password-wrap input{padding-right:55px}#password-toggle{position:absolute;right:4px;top:4px;width:44px;height:44px;border:0;border-radius:9px;display:grid;place-items:center;color:#174e82;background:transparent;cursor:pointer}#password-toggle svg{width:21px;height:21px}#password-toggle:focus-visible{outline:2px solid #548bbd}#login-status{padding:12px 15px;background:#edf6ff;color:#174e82;border-radius:10px;font:400 14px/1.6 var(--sans);margin-top:16px}#login-status.is-error{background:#fff0f0;color:#9c2525}
