:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#172033;background:#edf2f8;line-height:1.5}*{box-sizing:border-box}body{min-width:20rem;min-height:100vh;margin:0;background:radial-gradient(circle at 10% 15%,#dce8ff 0,transparent 32%),#edf2f8}button,input{font:inherit}:focus-visible{outline:3px solid rgb(80 137 255/.45);outline-offset:2px}.login-shell{display:grid;grid-template-columns:minmax(18rem,1fr) minmax(20rem,28rem);width:min(68rem,calc(100% - 2rem));min-height:36rem;margin:clamp(1rem,7vh,5rem) auto;overflow:hidden;border:1px solid #d6deea;border-radius:1.25rem;background:#fff;box-shadow:0 24px 70px rgb(23 32 51/.16)}.login-brand{display:flex;flex-direction:column;justify-content:center;padding:clamp(2rem,6vw,5rem);color:#f3f7ff;background:linear-gradient(145deg,#172033,#173b75)}.brand-mark{display:grid;width:3.5rem;height:3.5rem;margin-bottom:2rem;place-items:center;border-radius:.85rem;color:#173b75;background:#fff;font-size:1.6rem;font-weight:800}.eyebrow{margin:0;color:#7facff;font-size:.75rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.login-brand h1{margin:.25rem 0;font-size:clamp(2.4rem,6vw,4.5rem);line-height:1}.login-brand>p:last-child{max-width:31rem;color:#c7d6ec;font-size:1.05rem}.login-card{display:flex;flex-direction:column;justify-content:center;padding:clamp(1.5rem,5vw,3.5rem)}.login-card h2{margin:.25rem 0;font-size:1.8rem}.intro,.security-note{color:#667085;font-size:.9rem}.login-card form{display:grid;gap:1rem;margin-top:1.25rem}.field{display:grid;gap:.4rem}.field label{font-size:.86rem;font-weight:700}.field input{width:100%;min-height:3rem;padding:.65rem .8rem;border:1px solid #aeb8c7;border-radius:.5rem;background:#fff}.field input:focus{border-color:#185adb}.field.invalid input{border-color:#b42318}.field-error{color:#b42318;font-size:.82rem}.login-error{margin-top:1rem;padding:.8rem 1rem;border:1px solid #f0b2ad;border-radius:.5rem;color:#8f1c14;background:#feeceb;font-size:.9rem}.login-card button{min-height:3rem;border:0;border-radius:.5rem;color:#fff;background:#185adb;font-weight:750;cursor:pointer}.login-card button:hover{background:#1247ae}.security-note{text-align:center}@media(max-width:46rem){.login-shell{grid-template-columns:1fr;margin:1rem auto}.login-brand{min-height:13rem;padding:2rem}.brand-mark{margin-bottom:1rem}.login-brand h1{font-size:2.5rem}.login-card{padding:2rem}}@media(max-width:28rem){.login-shell{width:100%;min-height:100vh;margin:0;border:0;border-radius:0}.login-card{padding:1.25rem}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important}}@media(forced-colors:active){.login-shell,.field input,.login-card button{border:1px solid ButtonText}}