/* Vozua EduCore V94 — compact premium login that never clips */
:root{--login-brand:#185a72;--login-strong:#10445a;--login-line:#dce5e9;--login-muted:#71818c;--login-ink:#183747}
html,body{width:100%;min-height:100%;background:#f4f7f8!important;overflow-x:hidden}
body{min-height:100dvh!important}
.auth-page{min-height:100dvh!important;padding:22px!important;display:grid!important;grid-template-rows:minmax(0,1fr) auto!important;overflow:auto!important;background:#f4f7f8!important}
.auth-page:before,.auth-page:after{display:none!important}
.auth-shell{align-self:center!important;width:min(1080px,100%)!important;min-height:0!important;height:min(640px,calc(100dvh - 76px))!important;margin:0 auto!important;display:grid!important;grid-template-columns:minmax(360px,.95fr) minmax(390px,1.05fr)!important;border:1px solid var(--login-line)!important;border-radius:22px!important;overflow:hidden!important;background:#fff!important;box-shadow:0 22px 70px rgba(14,42,58,.11)!important}
.auth-showcase{padding:44px!important;display:flex!important;align-items:flex-end!important;background:linear-gradient(145deg,#123d52,#1b627b)!important;color:#fff!important;position:relative!important;overflow:hidden!important}
.auth-showcase:before{content:""!important;display:block!important;position:absolute!important;inset:0!important;background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(4,28,40,.18))!important}
.auth-showcase:after{width:310px!important;height:310px!important;right:-135px!important;bottom:-150px!important;opacity:.55!important}
.showcase-inner{max-width:430px!important}.showcase-kicker{font-size:9px!important;letter-spacing:.18em!important;color:#bee0eb!important}.auth-showcase h2{margin:12px 0 10px!important;font-size:34px!important;line-height:1.08!important;letter-spacing:-.035em!important;font-weight:730!important}.auth-showcase p{font-size:12px!important;line-height:1.55!important;color:#d4e4ea!important}.showcase-points{margin-top:20px!important;gap:8px!important}.showcase-points span{font-size:10px!important;color:#ecf5f7!important}.showcase-points span:before{width:20px!important;height:20px!important;border-radius:6px!important;font-size:10px!important}
.auth-wrap{width:100%!important;max-width:none!important;height:100%!important;margin:0!important;padding:38px 52px!important;display:grid!important;align-content:center!important;gap:16px!important;border:0!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;backdrop-filter:none!important;overflow:auto!important}
.brand-block{display:flex!important;grid-template-columns:none!important;justify-content:flex-start!important;align-items:center!important;gap:11px!important;margin:0!important;padding:0 0 8px!important;border:0!important;text-align:left!important}.brand-icon{width:52px!important;height:52px!important;min-width:52px!important;border:1px solid var(--login-line)!important;border-radius:14px!important;background:#fff!important;box-shadow:none!important}.brand-icon img{width:42px!important;height:42px!important}.brand-copy h1{font-size:17px!important;line-height:1.2!important;font-weight:760!important;color:var(--login-ink)!important}
.auth-form{gap:10px!important}.form-head{margin:0 0 4px!important;text-align:left!important}.form-head h2{margin:0!important;font-size:25px!important;line-height:1.2!important;color:var(--login-ink)!important;letter-spacing:-.03em!important}.form-head:after{content:"Use your authorised school account to continue"!important;margin-top:4px!important;font-size:10px!important;color:var(--login-muted)!important}
.field-label{margin-top:3px!important;font-size:10px!important;color:#526a77!important}.field-control{height:46px!important;padding:0 11px!important;border:1px solid #d2dce2!important;border-radius:11px!important;background:#fbfcfd!important;box-shadow:none!important}.field-control:focus-within{border-color:#78a7b9!important;background:#fff!important;box-shadow:0 0 0 3px rgba(24,90,114,.09)!important}.field-control>svg{width:17px!important;height:17px!important}.field-control input{font-size:12px!important}.eye-button{width:34px!important;height:34px!important;border-radius:8px!important}.eye-button svg{width:18px!important;height:18px!important}
.sign-in-button{height:44px!important;margin-top:3px!important;border-radius:11px!important;background:var(--login-brand)!important;border:1px solid var(--login-brand)!important;font-size:11.5px!important;font-weight:760!important;box-shadow:none!important}.sign-in-button:hover{background:var(--login-strong)!important;transform:none!important;box-shadow:none!important}.install-login-button{min-height:42px!important;margin-top:5px!important;border-radius:11px!important;font-size:11px!important}.ios-install-help{margin-top:4px!important;padding:9px!important;border-radius:10px!important;font-size:10px!important}.error-box{padding:9px 11px!important;border-radius:10px!important;font-size:10.5px!important}
.auth-page footer{position:static!important;z-index:1!important;padding:10px 10px 0!important;color:#88959d!important;font-size:9.5px!important;text-align:center!important}
.login-status{background:rgba(246,249,250,.96)!important}.status-content{min-width:250px!important;padding:22px 24px!important;border-radius:17px!important;border:1px solid var(--login-line)!important;box-shadow:0 22px 65px rgba(14,42,58,.14)!important}.status-spinner-advanced{width:42px!important;height:42px!important;box-shadow:0 0 0 6px #eff5f7!important}.status-content h3{font-size:15px!important}.status-content p{font-size:10.5px!important}
@media(max-height:720px) and (min-width:901px){
  .auth-page{padding:14px!important}.auth-shell{height:calc(100dvh - 48px)!important}.auth-showcase{padding:34px!important}.auth-showcase h2{font-size:30px!important}.showcase-points{margin-top:14px!important}.auth-wrap{padding:26px 44px!important}.brand-icon{width:46px!important;height:46px!important;min-width:46px!important}.brand-icon img{width:37px!important;height:37px!important}.form-head h2{font-size:22px!important}.field-control{height:42px!important}.sign-in-button{height:41px!important}
}
@media(max-width:900px){
  .auth-page{padding:0!important;display:flex!important;flex-direction:column!important;background:#fff!important}.auth-shell{width:100%!important;height:auto!important;min-height:calc(100dvh - 38px)!important;display:block!important;border:0!important;border-radius:0!important;box-shadow:none!important}.auth-showcase{display:none!important}.auth-wrap{min-height:calc(100dvh - 38px)!important;padding:24px clamp(18px,6vw,34px)!important;align-content:center!important}.brand-block{display:grid!important;justify-items:center!important;text-align:center!important;padding-bottom:8px!important}.form-head{text-align:center!important}.auth-page footer{background:#fff!important;padding:8px 12px 14px!important}
}
@media(max-width:430px){
  .auth-wrap{padding-inline:17px!important}.brand-icon{width:50px!important;height:50px!important;min-width:50px!important}.brand-icon img{width:40px!important;height:40px!important}.brand-copy h1{font-size:16px!important}.form-head h2{font-size:23px!important}.field-control{height:45px!important}.sign-in-button{height:43px!important}
}
@media(max-height:560px) and (orientation:landscape){
  .auth-page{padding:8px!important}.auth-shell{height:auto!important;min-height:calc(100dvh - 30px)!important}.auth-showcase{display:none!important}.auth-shell{grid-template-columns:1fr!important;max-width:560px!important}.auth-wrap{padding:18px 34px!important}.brand-block{display:flex!important;justify-content:flex-start!important;text-align:left!important}.form-head{text-align:left!important}.auth-page footer{display:none!important}
}

/* V117 mobile brand row */
@media(max-width:900px){
 .brand-block{display:flex!important;justify-content:flex-start!important;align-items:center!important;text-align:left!important;gap:14px!important;width:100%!important;padding-bottom:18px!important;border-bottom:1px solid #e4edf1!important}
 .brand-icon{width:66px!important;height:66px!important;min-width:66px!important;border-radius:18px!important}.brand-icon img{width:54px!important;height:54px!important}
 .brand-copy{min-width:0!important}.brand-copy h1{font-size:19px!important;line-height:1.18!important}.brand-copy p{display:block!important;margin:5px 0 0!important;font-size:10px!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:#71818c!important;font-weight:700!important}
 .auth-wrap{align-content:center!important}.form-head{margin-top:6px!important}
}
@media(max-width:380px){.brand-icon{width:58px!important;height:58px!important;min-width:58px!important}.brand-icon img{width:47px!important;height:47px!important}.brand-copy h1{font-size:16px!important}.brand-copy p{font-size:8.5px!important}}
/* V119 refined mobile brand alignment */
@media(max-width:700px){.auth-page{padding:18px 14px}.auth-shell{min-height:auto}.auth-showcase{display:none}.auth-wrap{padding:18px 16px 22px}.brand-block{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:11px!important;text-align:left!important;margin:0 0 24px!important}.brand-icon{flex:0 0 48px!important;width:48px!important;height:48px!important;margin:0!important}.brand-icon img{width:48px!important;height:48px!important;object-fit:contain!important}.brand-copy{min-width:0}.brand-copy h1{font-size:17px!important;line-height:1.15!important;margin:0 0 4px!important;white-space:normal!important}.brand-copy p{font-size:10px!important;line-height:1.2!important;letter-spacing:.12em!important;margin:0!important}.auth-form{padding:0!important}.form-head h2{font-size:24px!important}.field-control{min-height:52px}.sign-in-button{min-height:52px;border-radius:12px}footer{font-size:10px;text-align:center}}
