.auth-page{background:#f5f7fa;color:#172a3b}
.auth-stage{padding:64px 24px 42px;background:radial-gradient(ellipse at 15% 10%,#e5eff9,transparent 55%),#f5f7fa}
.auth-shell{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:.9fr 1.1fr;background:#fff;border:1px solid #e0e8f0;border-radius:22px;overflow:hidden;box-shadow:0 20px 65px #17395712}
.auth-story{position:relative;min-height:590px;background:#102b40;isolation:isolate;display:flex;align-items:flex-start;padding:46px 38px;color:#fff;overflow:hidden}
.auth-story-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:54% center;z-index:-2}
.auth-story:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#0c263ef5 5%,#0c263ed9 40%,#0c263e20 77%,#0c263ea6)}
.auth-story .auth-eyebrow{font-size:10px;letter-spacing:2px;font-weight:500;color:#a8dff8}
.auth-story h2{font-size:36px;line-height:1.2;letter-spacing:-1px;font-weight:500;margin:22px 0 18px;color:white}
.auth-story p{font:400 15px/1.7 Roboto,Arial,sans-serif;color:#d5e5f1;max-width:310px;margin:0}
.auth-story-points{display:flex;flex-direction:column;gap:12px;margin-top:28px;font-size:13px;color:#e5f2fa}
.auth-story-points i{width:24px;color:#8ed2f6}
.auth-photo-credit{position:absolute;bottom:18px;left:38px;font-size:11px;color:#e7eff5;text-decoration:underline}
.auth-form-panel{padding:46px 44px;align-self:center;min-width:0}
.auth-kicker{font-size:10px;font-weight:500;letter-spacing:2px;color:#0877c9;margin-bottom:13px}
.auth-form-panel h1{font-size:32px;line-height:1.2;letter-spacing:-.8px;font-weight:500;color:#172a3b;margin:0 0 12px}
.auth-intro{font:400 14px/1.7 Roboto,Arial,sans-serif;color:#657b8e;margin:0 0 28px}
.auth-field{margin-bottom:18px;min-width:0}
.auth-field label{display:block;margin-bottom:7px;font-size:13px;font-weight:500;color:#294257}
.auth-field input{display:block;width:100%;height:48px;border:1px solid #d6e0e9;border-radius:9px;background:#fbfcfe;padding:11px 13px;font:400 15px/1.4 Roboto,Arial,sans-serif;color:#172a3b;box-sizing:border-box;transition:border-color .15s,box-shadow .15s}
.auth-field input:focus{outline:none;border-color:#0877c9;box-shadow:0 0 0 3px #0877c91a;background:white}
.auth-field input[aria-invalid="true"]{border-color:#be3434}
.auth-fields-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:16px}
.auth-field-wide{grid-column:1/-1}
.auth-options{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:12px;margin:4px 0 24px}
.auth-remember{display:flex;align-items:center;gap:8px;margin:0;cursor:pointer;color:#526b7e}
.auth-remember input{width:16px;height:16px;margin:0;accent-color:#0877c9}
.auth-options a,.auth-switch a{color:#0877c9;font-weight:500}
.auth-options a:hover,.auth-switch a:hover{text-decoration:underline}
.auth-submit{display:flex;align-items:center;justify-content:center;gap:16px;width:100%;padding:15px 20px;border:0;border-radius:9px;background:#0877c9;color:#fff;font:500 15px/1.4 Roboto,Arial,sans-serif;cursor:pointer;box-shadow:0 5px 14px #0877c91a}
.auth-submit:hover,.auth-submit:focus{background:#065e9e;color:white}
.auth-switch{border-top:1px solid #e8eef3;margin:26px 0 0;padding-top:22px;text-align:center;font:400 13px/1.7 Roboto,Arial,sans-serif;color:#657b8e}
.auth-hint{font:400 12px/1.6 Roboto,Arial,sans-serif;color:#657b8e;margin:-5px 0 20px}
.auth-error{display:block;font-size:12px;line-height:1.5;color:#ac2929;margin-top:6px}
.auth-error-banner{background:#fff2f2;padding:12px;border-radius:8px;margin:0 0 18px}
.auth-verification{margin-bottom:20px}
.auth-back{display:block;width:fit-content;margin:24px auto 0;font-size:13px;color:#526b7e;text-align:center}
.auth-stage a:focus-visible,.auth-stage button:focus-visible,.auth-remember input:focus-visible{outline:3px solid #35a5e7;outline-offset:4px}
@media(max-width:991px){.auth-stage{padding:36px 20px}.auth-form-panel{padding:34px 26px}.auth-story{padding:36px 26px}.auth-story h2{font-size:30px}.auth-photo-credit{left:26px}.auth-fields-grid{grid-template-columns:1fr}.auth-shell{grid-template-columns:.8fr 1.2fr}}
@media(max-width:767px){.auth-stage{padding:24px 16px 30px}.auth-shell{display:block;border-radius:16px;max-width:520px}.auth-story{min-height:0;padding:26px}.auth-story h2{font-size:27px;margin:12px 0 0}.auth-story-photo{object-position:center 58%}.auth-story:after{background:linear-gradient(90deg,#0c263ef5,#0c263e80)}.auth-story p,.auth-story-points,.auth-photo-credit{display:none}.auth-form-panel{padding:30px 24px}.auth-form-panel h1{font-size:28px}.auth-intro{margin-bottom:24px}.auth-field input{font-size:16px}.auth-story .auth-eyebrow{font-size:9px;letter-spacing:1.5px}}
@media(prefers-reduced-motion:reduce){.auth-stage *{transition:none!important}}