.login-page{background:#f3f7fb;color:#17334b}
.login-page form{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:56px 28px}
.login-layout{min-width:0;width:100%;max-width:1060px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:76px;align-items:center}
.login-introduction h1{margin:0 0 36px;font-size:26px;letter-spacing:-.5px;color:#086bc4}
.login-tagline{margin:0 0 24px;font-size:clamp(30px,3.8vw,46px);font-weight:700;line-height:1.16;letter-spacing:-1px}
.login-description{max-width:460px;margin:0;font-size:17px;line-height:1.75;color:#425a70}
.login-card{padding:34px;margin:0;border-color:#d9e4ef;border-radius:14px;box-shadow:0 12px 36px #17334b0a}
.login-card h2{margin:0 0 14px;font-size:23px;line-height:1.35;letter-spacing:-.3px}
.login-guidance{margin:0 0 26px;font-size:14px;line-height:1.6;color:#52677c}
.login-card .field{margin-bottom:19px}.login-card .field label{font-size:14px;margin-bottom:8px}.login-card .field input{min-height:44px;font-size:16px;background:#fff}
.login-submit{width:100%;min-height:44px;font-size:16px;font-weight:600;background:#086bc4}
.login-submit:hover{background:#065ba8}.login-card input:focus-visible{outline:3px solid #8bbded;outline-offset:2px}
.login-error{display:block;color:#a12622;font-size:14px;line-height:1.5;margin-top:14px}.login-error:empty{display:none}
.login-help{margin:26px 0 0;padding-top:20px;border-top:1px solid #e3eaf2;color:#52677c;font-size:13px;line-height:1.6}
@media(max-width:760px){.login-page form{padding:30px 20px;justify-content:flex-start}.login-layout{grid-template-columns:minmax(0,1fr);max-width:480px;gap:28px}.login-introduction h1{margin-bottom:20px}.login-tagline{font-size:32px;margin-bottom:14px}.login-description{font-size:15px;line-height:1.6}.login-card{padding:25px}.login-card h2{font-size:21px}}
@media(max-width:360px){.login-page form{padding:24px 14px}.login-card{padding:20px}}
/* The original artwork is retained; the frame removes only its transparent outer padding. */
.login-introduction h1.login-brand{position:relative;overflow:hidden;aspect-ratio:1930 / 460;width:100%;margin:0 0 28px;font-size:inherit;line-height:0}
.login-logo{position:absolute;display:block;width:112.5389%;max-width:none;height:auto;left:-6.2176%;top:-28.2609%}
@media(max-width:760px){.login-introduction h1.login-brand{margin-bottom:22px}}