.portal-art{width:260px;max-width:100%;margin-top:26px;padding:18px 24px;background:#fff;border-radius:16px;box-shadow:0 8px 28px #10133820}
.portal-art img{display:block;width:100%;height:auto}
.hr-login .brand{padding:40px 48px;gap:24px;background:#202443}
.hr-login .headline{font-size:clamp(30px,3vw,44px)}
.hr-login .brand-copy{font-size:16px;margin-top:16px}
.hr-login .ridges,.candidate-login .ridges{display:none}
.candidate-login .brand{background:#202443;padding:32px 40px;width:49%;min-width:480px}
.candidate-login .test-badge{margin-top:28px;font-size:11px}
.candidate-login .test-title{font-size:clamp(26px,2.5vw,36px)}
.candidate-login .test-copy{font-size:15px;line-height:1.5}
.candidate-login .rules{margin-top:22px;padding:20px}
.candidate-login .rules-head{font-size:12px;margin-bottom:12px}
.candidate-login .rule{font-size:13px}.candidate-login .rules-grid{gap:12px 20px}
.candidate-login .notes{padding-top:18px;gap:22px}.candidate-login .note-body{font-size:12px}
.candidate-login .form-side{padding:28px 32px}.candidate-login .candidate-login-art{display:block;width:124px;height:auto;margin:0 0 16px}
.candidate-login .form-box{max-width:440px}.candidate-login h1{font-size:30px}.candidate-login .eyebrow{font-size:11px}
.candidate-login form{margin-top:24px;gap:18px}.candidate-login .secure{margin-top:20px}
@media(min-width:1101px) and (max-height:760px){.hr-login .portal-art{width:200px;margin-top:18px;padding:12px 20px}.hr-login .brand{padding:28px 40px}.candidate-login .candidate-login-art{width:90px;margin-bottom:10px}.candidate-login .form-side{padding:20px 32px}.candidate-login .brand{padding:24px 32px}.candidate-login .rules{padding:16px;margin-top:18px}.candidate-login .test-badge{margin-top:20px}.candidate-login .test-title{font-size:29px}.candidate-login .notes{padding-top:14px}}
@media(max-width:1100px){.candidate-login .brand{width:100%;min-width:0;padding:24px}.candidate-login .rules-grid{grid-template-columns:1fr 1fr}.candidate-login .notes{flex-direction:row}.candidate-login .test-badge{margin-top:20px}.candidate-login .form-side{padding:28px 24px}}
@media(max-width:980px){.hr-login .brand{padding:24px;gap:20px}.hr-login .portal-art{display:none}}
@media(max-width:600px){.candidate-login .rules-grid{grid-template-columns:1fr}.candidate-login .notes{flex-direction:column}.candidate-login .test-title{font-size:26px}.candidate-login .candidate-login-art{width:100px}.candidate-login h1{font-size:27px}}