/* Login refinement: scoped to the existing login surface. */
body.login-page .login-layout{min-height:100dvh;align-items:stretch}
body.login-page .login-form{padding:24px clamp(20px,3vw,48px) 16px;gap:18px;background:radial-gradient(ellipse at 10% 80%,#e6f0e8 0,transparent 65%),#fafcf9}
body.login-page .login-top{gap:16px;flex-wrap:wrap}
body.login-page .login-top .brand{width:190px}
body.login-page .login-content{width:100%;max-width:460px;margin:auto;padding:26px 28px 22px;border:1px solid #d6e4da;border-top:4px solid #087044;border-radius:22px;background:#fff;box-shadow:0 6px 0 #dce9df70,0 22px 50px #163f2a14}
body.login-page .login-content h1{font-size:clamp(32px,3vw,40px);line-height:1.12;margin:10px 0 12px}
body.login-page .login-intro{font-size:14px;line-height:1.65;margin:0 0 16px}
body.login-page .login-feedback:empty{display:none}
body.login-page .login-feedback:not(:empty){min-height:0;margin:0 0 14px}
body.login-page .login-feedback .alert{min-height:0;padding:12px;line-height:1.5;align-items:flex-start}
body.login-page .login-native-form{margin:0}
body.login-page .login-native-form label{margin:14px 0 6px;font-size:12px;line-height:1.5}
body.login-page .login-native-form label:first-of-type{margin-top:0}
body.login-page .input-shell{position:relative;min-height:50px;padding:0 12px;gap:10px;border:1px solid #a9c1b1;border-radius:10px;box-shadow:inset 0 2px 4px #173e2606}
body.login-page .input-shell input{height:48px;min-height:48px;padding:12px 0;border:0;background:transparent;font-size:14px;line-height:24px;box-shadow:none}
body.login-page .password-field input{padding-right:62px}
body.login-page .password-toggle{right:6px;top:50%;transform:translateY(-50%);min-height:40px;min-width:52px;padding:6px 8px;border-radius:7px;line-height:1.4;font-size:11px}
body.login-page .password-toggle:hover{background:#edf5ef}
body.login-page .login-native-form .submit{display:flex;width:100%;min-height:48px;height:auto;margin-top:20px;padding:12px 16px;border-radius:10px;box-shadow:0 3px 0 #073e29,0 7px 14px #174c3d14;gap:12px;white-space:normal}
body.login-page .login-help{margin-top:18px;gap:12px;line-height:1.5;flex-wrap:wrap}
body.login-page .login-help details{max-width:100%;flex:1 1 150px}
body.login-page .login-help>a{max-width:100%;text-align:left}
body.login-page .login-assurance{margin-top:16px;padding-top:14px;line-height:1.5}
body.login-page .login-copyright{font-size:10px;line-height:1.5}
body.login-page .login-story{padding:28px 36px;min-height:0}
body.login-page .login-story-copy{padding-top:20px;margin:auto 0 24px}
body.login-page .login-story-copy h2{font-size:clamp(34px,3.5vw,52px);margin:16px 0 20px}
body.login-page .login-illustration img{height:clamp(180px,26vh,280px);object-fit:cover}
@media(max-width:1100px){body.login-page .login-form{padding-inline:24px}body.login-page .login-top .brand{width:170px}body.login-page .login-top .back-link{font-size:10px}body.login-page .login-story{padding:26px}body.login-page .login-content{padding:24px}}
@media(max-width:900px){body.login-page .login-layout{grid-template-columns:minmax(0,1fr)}body.login-page .login-story{display:none}body.login-page .login-form{min-height:100dvh;padding:24px;gap:24px}}
@media(max-width:450px){body.login-page .login-form{padding:18px 16px;gap:20px}body.login-page .login-top{gap:12px}body.login-page .login-top .brand{width:154px}body.login-page .login-content{padding:22px 20px;border-radius:18px}body.login-page .login-content h1{font-size:32px}body.login-page .login-intro br{display:none}body.login-page .login-help{font-size:11px}body.login-page .login-assurance{font-size:10px}}
@media(max-height:760px) and (min-width:901px){body.login-page .login-form{padding-top:18px;padding-bottom:12px;gap:14px}body.login-page .login-top .brand{width:165px}body.login-page .login-content{padding:20px 24px 18px}body.login-page .login-content h1{font-size:34px;margin:8px 0 10px}body.login-page .login-intro{margin-bottom:14px}body.login-page .login-assurance{margin-top:12px;padding-top:12px}body.login-page .login-story-copy h2{font-size:38px}}
@media(prefers-reduced-motion:reduce){body.login-page .password-toggle{transform:translateY(-50%)!important}}
