/* Shared NIFT authentication layout and sizing. */
/* DOM order follows the primary task; the eye remains inside the password input. */
.nift-login-page .login-password-group{display:grid;grid-template-columns:minmax(0,1fr);margin-bottom:0}
.nift-login-page .login-password-group>label{grid-area:1/1}
.nift-login-page .login-password-group>input{grid-area:2/1;padding-right:58px}
.nift-login-page .login-password-group>.field-error{grid-area:3/1}
.nift-login-page .login-password-group>.caps-lock{grid-area:4/1}
.nift-login-page .login-password-group>.sign-in{grid-area:5/1}
.nift-login-page .login-password-group>.visibility-toggle{grid-area:2/1;position:static;transform:none;align-self:center;justify-self:end;margin-right:6px;z-index:1}
.nift-login-page .login-recovery-link{text-align:right;margin:18px 0 0;line-height:1.5}
.nift-login-page .login-recovery-link a{color:var(--link);font-size:clamp(13px,1.12vw,30px);text-underline-offset:3px;letter-spacing:-.025em}
@media(max-width:900px){.nift-login-page .login-recovery-link a{font-size:13px}}
@media(min-width:901px) and (max-height:800px){.nift-login-page .login-recovery-link a{font-size:14px}}
@media(min-width:901px){
.nift-login-page .login-layout{grid-template-columns:62% 38%}
.nift-login-page .hero{height:100svh;min-height:600px;background:#eaf8fc}
.nift-login-page .hero-art{inset:0;background:#eaf8fc}
.nift-login-page .hero-art img{object-fit:fill;object-position:center bottom}
.nift-login-page .hero-copy{top:4.7%;left:6.8%}
.nift-login-page .campus-label{font-size:clamp(12px,min(1.14vw,1.9vh),24px);margin-bottom:min(1.05vw,1.75vh)}
.nift-login-page .hero h1{font-size:clamp(44px,min(5.5vw,9.15vh),140px);margin-bottom:min(.8vw,1.33vh)}
.nift-login-page .hero-subtitle{font-size:clamp(14px,min(1.64vw,2.73vh),40px)}
.nift-login-page .benefits{bottom:5.5%;left:19.5%;right:18%;gap:16px}
.nift-login-page .benefits li{font-size:clamp(12px,1.04vw,26px);gap:1vw}
.nift-login-page .benefits li+li{padding-left:1.7vw}
.nift-login-page .benefits svg{width:clamp(25px,2.2vw,60px);height:clamp(32px,2.8vw,72px)}
.nift-login-page .login-panel{min-height:600px;padding:60px 4.2vw 120px}
.nift-login-page .form-shell{max-width:575px;transform:translateY(40px)}
.nift-login-page .form-heading h2{font-size:clamp(28px,2.62vw,70px)}
.nift-login-page .form-heading p{font-size:clamp(17px,1.4vw,38px)}
.nift-login-page .form-heading{margin-bottom:clamp(32px,3.2vw,80px)}
.nift-login-page label{font-size:clamp(14px,1.17vw,32px)}
.nift-login-page input{height:clamp(56px,4vw,110px);font-size:clamp(16px,1.18vw,32px);padding-left:1.3vw}
.nift-login-page .field-group{margin-bottom:clamp(24px,2.3vw,64px)}
.nift-login-page .label-row a{font-size:clamp(13px,1.12vw,30px)}
.nift-login-page .sign-in{height:auto;min-height:clamp(56px,4vw,110px);font-size:clamp(20px,1.7vw,46px);margin-top:clamp(28px,2.4vw,66px)}
.nift-login-page .powered-by span{font-size:clamp(12px,1.05vw,28px)}
.nift-login-page .powered-by img{width:clamp(176px,15.7vw,430px)}
}
@media(min-width:901px) and (max-height:800px){
.nift-login-page .login-panel{padding-top:38px;padding-bottom:108px}
.nift-login-page .form-shell{transform:none}
.nift-login-page .form-heading{margin-bottom:28px}
.nift-login-page .form-heading h2{font-size:clamp(28px,2.62vw,40px)}
.nift-login-page .form-heading p{font-size:20px}
.nift-login-page .field-group{margin-bottom:24px}
.nift-login-page input{height:56px;font-size:16px}
.nift-login-page label{font-size:15px}
.nift-login-page .label-row a{font-size:14px}
.nift-login-page .sign-in{min-height:56px;font-size:22px;margin-top:28px}
.nift-login-page .powered-by{bottom:30px;gap:14px}
.nift-login-page .powered-by img{width:230px}
.nift-login-page .powered-by span{font-size:13px}
}

/* All authentication forms share typography and recovery navigation. */
.nift-login-page .form-heading h2{white-space:normal;overflow-wrap:break-word}
.nift-login-page .form-heading .recovery-eyebrow{font-size:12px;font-weight:700;letter-spacing:.16em;color:var(--link);margin:0 0 14px}
.nift-login-page .back-to-login{text-align:right;margin:18px 0 0}
.nift-login-page .back-to-login a{font-size:clamp(13px,1.12vw,18px);text-underline-offset:3px}
.nift-login-page .back-to-login span{margin-right:6px}
@media(min-width:901px){
.nift-login-page .form-heading h2{font-size:clamp(28px,2.62vw,60px)}
.nift-login-page .form-heading p{font-size:clamp(17px,1.4vw,28px)}
.nift-login-page label{font-size:clamp(14px,1.17vw,24px)}
.nift-login-page input{font-size:clamp(16px,1.18vw,26px)}
.nift-login-page .sign-in{font-size:clamp(20px,1.7vw,36px)}
.nift-login-page .form-heading .recovery-eyebrow{font-size:clamp(11px,.75vw,16px)}
}
@media(min-width:901px) and (max-height:800px){
.nift-login-page .form-heading h2{font-size:clamp(28px,2.62vw,40px)}
.nift-login-page .form-heading p{font-size:18px}
.nift-login-page label{font-size:15px}
.nift-login-page input{font-size:16px}
.nift-login-page .sign-in{font-size:22px}
}