/* Original app screenshots, never AI-redrawn. Constant phone proportions at every viewport. */
body:has(.ess-login-backdrop){isolation:isolate}
.ess-login-backdrop{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:#052034 url('../img/login-school-desk-v2.webp') center/cover no-repeat}
.ess-login-backdrop:after{content:'';position:absolute;inset:0;background:rgba(2,12,26,.12)}
.ess-login-phone-wall{position:absolute;width:max(100vw,177.78vh);height:max(100vh,56.25vw);inset:50% auto auto 50%;transform:translate(-50%,-50%)}
.ess-login-device{position:absolute;width:14.2%;aspect-ratio:72/150;border:6px solid #111923;border-radius:clamp(19px,2.2vw,40px);background:#070a0e;overflow:hidden;box-shadow:0 0 0 2px #677581,0 2px 0 3px #080d11,12px 20px 28px #0009;transform:rotate(10deg)}
.ess-login-device img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
.ess-login-device-cafeteria{left:7%;top:12%;transform:rotate(12deg)}
.ess-login-device-rooms{left:4%;top:62%;transform:rotate(12deg)}
.ess-login-device-dashboard{right:23%;top:12%;transform:rotate(10deg)}
.ess-login-device-menu{right:5%;top:11%;transform:rotate(8deg)}
.ess-login-device-meeting{right:27%;top:67%;transform:rotate(12deg)}
.ess-login-device-release{right:9%;top:67%;transform:rotate(10deg)}
@media(max-width:760px){.ess-login-backdrop:after{background:linear-gradient(to bottom,#000 0,rgba(0,0,0,.96) 44px,rgba(2,10,20,.76) 135px,rgba(4,14,29,.5) 300px)}.ess-login-device{border-width:5px;border-radius:24px}}