/* Shared student/staff entrance. All sizes are viewport pixels, independent of course canvas scaling. */
.entry-login{box-sizing:border-box;width:100%;height:var(--visible-height,100dvh)!important;min-height:var(--visible-height,100dvh);overflow:auto;background:#006b32;background-image:none!important;color:#fff;overscroll-behavior:contain}
.entry-login .entry-login-region{box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr);gap:22px;align-content:center;width:100%;max-width:1160px;min-height:100%;height:auto;margin:0 auto;border-radius:0;background:transparent;overflow:visible!important;position:relative;padding:max(26px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left))!important;font-size:16px}
.entry-login .loginHead{grid-column:1;grid-row:1;position:static!important;left:auto;top:auto!important;transform:none;width:252px;max-width:82%;height:96px;margin:0 auto!important;background:#fffbee url('/original/assets/ui-thumbnails/shane-china-logo-960.webp?v=f75f04daef00') center/82% auto no-repeat!important;border-radius:48% 43% 46% 40% / 42% 48% 42% 46%;box-shadow:0 4px 18px #183b2015,0 0 20px 4px #fffbee18}
.entry-login .login-art{grid-column:1;grid-row:2;width:100%;max-width:440px;height:clamp(205px,30svh,290px);margin:0 auto;background:url('/brand/login/login-hero.svg') center/contain no-repeat;align-self:center}
.entry-login .loginForm{grid-column:1;grid-row:3;position:static!important;box-sizing:border-box;width:100%;max-width:360px;height:auto!important;min-height:0!important;margin:0 auto!important;padding:0!important;background:none!important;color:#fff}
.entry-login .loginForm form{margin:0}
.entry-login .loginForm h1{margin:0 0 22px;text-align:center;font-size:22px;font-weight:700;letter-spacing:1px;color:#fff}
.entry-login .loginForm .warningMsg{min-height:0;margin:0;color:#fff0c2;font-size:14px;line-height:1.5;overflow-wrap:anywhere}
.entry-login .loginForm .warningMsg:not(:empty){margin-bottom:14px}
.entry-login .loginForm .inputField{width:100%;margin:0 0 14px}
.entry-login .loginForm input{box-sizing:border-box;width:100%;height:52px;min-height:52px;line-height:normal;padding:0 23px;font-size:16px;border:0;border-radius:28px;background:#f6f8eb;color:#223c2b}
.entry-login .loginForm input::placeholder{font-size:16px;color:#667268;opacity:1}
.entry-login .loginForm .btnLogin{box-sizing:border-box;width:100%;height:54px;min-height:54px;line-height:normal;margin:0;padding:0 22px;font:inherit;font-size:18px;font-weight:700;border:0;border-radius:28px;background:#ffbf00;color:#193d27;cursor:pointer}
.entry-login .loginForm .btnLogin:hover{background:#ffca27}
.entry-login .loginForm .btnLogin:disabled{opacity:.7;cursor:wait}
.entry-login .loginForm .links{width:100%;margin:12px 0 0;text-align:center;font-size:14px}
.entry-login .links a,.entry-login .links button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;margin:0;padding:0 8px;border:0;background:none;color:#f6f8eb;font:inherit;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.entry-login .loginTail{grid-column:1;grid-row:4;position:static!important;width:100%;min-height:0;margin:0;padding:0}
.entry-login .site-filing{margin:0!important;text-align:center;font-size:12px!important;line-height:1.7;color:#e0ece3}
.entry-login .site-filing a{display:inline-flex;align-items:center;justify-content:center;min-height:32px;color:inherit;text-decoration:none}
.entry-login input:focus-visible,.entry-login button:focus-visible,.entry-login a:focus-visible{outline:3px solid #ffe091;outline-offset:4px}
.entry-login .loginTail:empty{display:none}
.entry-login .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:900px),(min-width:740px) and (orientation:landscape){
 .entry-login .entry-login-region{grid-template-columns:minmax(280px,.9fr) minmax(0,1.2fr);column-gap:clamp(36px,6vw,88px);row-gap:28px;align-content:center;padding-top:max(36px,env(safe-area-inset-top))!important;padding-bottom:max(36px,env(safe-area-inset-bottom))!important}
 .entry-login .loginHead{grid-row:1;width:280px;height:106px}
 .entry-login .loginForm{grid-row:2}
 .entry-login .loginTail{grid-row:3}
 .entry-login .login-art{grid-column:2;grid-row:1/4;max-width:620px;height:clamp(260px,58vh,510px)}
}
@media(max-width:739px) and (max-height:700px){
 .entry-login .entry-login-region{gap:14px;align-content:start;padding-top:max(20px,env(safe-area-inset-top))!important;padding-bottom:max(20px,env(safe-area-inset-bottom))!important}
 .entry-login .login-art{height:170px}
 .entry-login .loginHead{width:216px;height:82px}
}
@media(min-width:740px) and (max-height:520px){.entry-login .entry-login-region{gap:16px}.entry-login .loginHead{width:216px;height:82px}.entry-login .login-art{height:270px}.entry-login .loginForm .inputField{margin-bottom:10px}}
@media(prefers-reduced-motion:reduce){.entry-login *{scroll-behavior:auto!important}}