.beyond-campus-scene> :not(.school-day-art){display:none!important}.beyond-campus-scene:before,.beyond-campus-scene:after{display:none!important}.beyond-campus-scene{background:#edf5fc!important}.school-day-art{position:absolute;inset:0;width:100%;height:100%;display:block}.school-clouds{animation:schoolDrift 25s ease-in-out infinite alternate}.school-arrival-bus{animation:schoolBus 24s ease-in-out infinite}.school-students{animation:schoolWalk 4s ease-in-out infinite alternate}.school-flag{transform-box:fill-box;transform-origin:left;animation:schoolFlag 3s ease-in-out infinite alternate}.school-scan{animation:schoolScan 3s ease-in-out infinite}.school-verified{animation:schoolGlow 3s ease-in-out infinite}.school-birds{animation:schoolDrift 14s ease-in-out infinite alternate}
.beyond-login-shell .beyond-login-form-side{margin:72px auto 0!important;width:min(440px,calc(100vw - 32px))!important}.beyond-login-shell .beyond-login-form-wrap{padding:30px!important;border-radius:26px!important;background:color-mix(in srgb,var(--surface) 94%,transparent)!important;box-shadow:0 24px 70px #27466426!important;border:1px solid color-mix(in srgb,var(--primary,var(--brand)) 15%,var(--surface))!important;animation:schoolWelcome .7s ease-out both}.beyond-login-form-wrap:before{content:'';display:block;width:36px;height:4px;margin:0 auto 20px;border-radius:10px;background:var(--primary,var(--brand))}.beyond-login-form-wrap h2{font-size:26px!important;line-height:1.25!important}.beyond-login-form-wrap>p{font-size:14px!important;line-height:1.6!important}.beyond-login-form-wrap .mobile-field{margin-bottom:18px!important;border-radius:14px!important;min-height:54px!important;background:var(--surface)!important}.beyond-login-form-wrap .primary-button{border-radius:14px!important;min-height:52px!important;box-shadow:0 7px 18px color-mix(in srgb,var(--primary,var(--brand)) 18%,transparent)}.beyond-login-form-wrap .mobile-field:focus-within{outline:3px solid color-mix(in srgb,var(--primary,var(--brand)) 15%,transparent);border-color:var(--primary,var(--brand))}.beyond-school-brand{z-index:11!important}.beyond-login-shell .beyond-product-signature{background:color-mix(in srgb,var(--surface) 92%,transparent)!important}
@keyframes schoolBus{0%,10%{transform:translateX(-320px)}30%,60%{transform:translateX(0)}90%,100%{transform:translateX(1480px)}}@keyframes schoolDrift{to{transform:translateX(45px)}}@keyframes schoolWalk{to{transform:translate(17px,-3px)}}@keyframes schoolFlag{to{transform:skewY(-7deg)}}@keyframes schoolScan{0%,100%{transform:translateY(0);opacity:.5}50%{transform:translateY(29px);opacity:1}}@keyframes schoolGlow{0%,30%,100%{opacity:.3}50%,80%{opacity:1}}@keyframes schoolWelcome{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:600px){.school-day-art{width:190%;left:-45%;max-width:none;opacity:.8}.beyond-login-shell .beyond-login-form-side{width:min(370px,calc(100vw - 32px))!important;margin:65px auto 0!important}.beyond-login-shell .beyond-login-form-wrap{padding:22px 20px!important;border-radius:23px!important}.beyond-login-form-wrap:before{margin-bottom:14px}.beyond-login-form-wrap h2{font-size:23px!important}.beyond-login-form-wrap>p{font-size:13px!important}.beyond-school-brand img{width:56px!important;height:56px!important}.beyond-school-brand strong{font-size:18px!important}.beyond-school-brand span{max-width:290px;font-size:10px!important}.beyond-product-signature{bottom:8px!important}}
@media(max-height:650px){.beyond-login-shell .beyond-login-form-side{align-self:start!important;margin-top:165px!important;margin-bottom:80px!important}.beyond-login-shell .beyond-login-form-wrap{padding:18px!important}.beyond-product-signature{position:absolute!important}}
@media(prefers-reduced-motion:reduce){.school-day-art *,.beyond-login-form-wrap{animation:none!important}.school-arrival-bus{transform:translateX(0)}}
/* Keep the campus visible on narrow screens rather than cropping both edges. */
.beyond-campus-scene{display:block!important;visibility:visible!important}
.school-day-art{max-width:none!important;pointer-events:none}
.school-arrival-bus{animation:schoolBusVisible 16s ease-in-out infinite;animation-delay:-4s}
.school-students{animation:schoolWalkVisible 5s ease-in-out infinite alternate}
.school-clouds{animation-duration:12s}
@keyframes schoolBusVisible{0%{transform:translateX(-280px)}20%,45%{transform:translateX(0)}85%,100%{transform:translateX(1440px)}}
@keyframes schoolWalkVisible{from{transform:translate(-15px,0)}to{transform:translate(48px,-4px)}}
@media(max-width:600px){
 .school-day-art{inset:auto 0 0!important;left:0!important;width:100%!important;height:auto!important;aspect-ratio:1440/900;opacity:1!important;overflow:visible}
 .beyond-campus-scene{background:radial-gradient(ellipse at 85% 16%,#ffedd4 0,transparent 35%),linear-gradient(180deg,#eaf4ff,#f7fafc 62%,#e2efdf)!important}
 .beyond-login-shell .beyond-login-form-side{margin:15px auto 95px!important}
 .school-day-art .school-arrival-bus{animation-duration:12s}
}
@media(max-width:600px) and (max-height:700px){
 .beyond-login-shell .beyond-login-form-side{align-self:start!important;margin:145px auto 115px!important}
 .beyond-school-brand{top:10px!important}
 .beyond-school-brand img{width:45px!important;height:45px!important}
 .beyond-school-brand strong{font-size:16px!important}
}
@media(prefers-reduced-motion:reduce){.school-day-art *{animation:none!important}}
/* Branding belongs to the sign-in panel, never over the animated campus. */
.beyond-login-shell .beyond-login-form-side{flex-direction:column!important;gap:12px}
.beyond-login-shell .beyond-login-form-side .beyond-product-signature{
 position:static!important;inset:auto!important;left:auto!important;right:auto!important;bottom:auto!important;
 transform:none!important;width:auto!important;max-width:100%!important;margin:0!important;
 padding:5px 10px!important;border:0!important;border-radius:10px!important;
 box-shadow:none!important;backdrop-filter:none!important;flex-shrink:0;
}
.beyond-login-shell .beyond-product-signature .beyond-product-logo{width:210px!important;height:64px!important;background:transparent}
.beyond-login-shell .beyond-product-logo img{object-fit:contain!important}
.beyond-login-shell .beyond-login-form-side .beyond-school-brand{
 position:static!important;inset:auto!important;left:auto!important;top:auto!important;
 transform:none!important;width:100%!important;margin:0 0 30px!important;
 padding:20px 0!important;display:flex!important;flex-direction:column!important;
 align-items:center!important;gap:8px!important;text-align:center;
}
.beyond-login-shell .beyond-login-form-side{margin:24px auto 60px!important}
@media(max-width:600px){
 .beyond-login-shell .beyond-login-form-side{margin:20px auto 100px!important}
 .beyond-login-shell .beyond-login-form-side .beyond-school-brand{gap:6px!important;margin-bottom:24px!important;padding:16px 0!important}
}
@media(max-height:650px){
 .beyond-login-shell .beyond-login-form-side{margin:18px auto 100px!important}
 .beyond-login-shell .beyond-login-form-side .beyond-school-brand{padding:10px 0!important;margin-bottom:18px!important}
}
.beyond-login-shell .beyond-login-form-side .beyond-product-signature,
.beyond-login-shell .beyond-product-signature .beyond-product-logo{background:transparent!important}
@media(max-width:600px){
 .beyond-login-shell .beyond-login-form-side{gap:8px}
 .beyond-login-shell .beyond-product-signature .beyond-product-logo{width:190px!important;height:58px!important}
}
.beyond-login-shell .beyond-login-form-side .beyond-school-brand{
 position:fixed!important;top:var(--school-brand-midpoint,15vh)!important;
 left:50%!important;right:auto!important;bottom:auto!important;
 transform:translate(-50%,-50%)!important;width:min(620px,calc(100vw - 32px))!important;
 padding:0!important;margin:0!important;
}
@media(max-height:650px){
 .beyond-login-shell .beyond-login-form-side{margin-top:155px!important}
}