body{margin:0;background:#f7f6fa;color:#24212a;font:1rem Tahoma,Arial,sans-serif;line-height:1.8}.school-login{box-sizing:border-box;min-height:100vh;display:grid;place-items:center;padding:1.5rem}.school-login section{box-sizing:border-box;width:min(100%,30rem);background:#fff;padding:2rem;border:1px solid #e2dce8;border-radius:1.3rem;box-shadow:0 10px 35px #3420490c}.school-label{color:#25816c;font-weight:700}.school-login h1{font-size:1.8rem;color:#592c83;margin:.5rem 0}.school-login label{display:block;font-weight:700;margin:1rem 0}.school-login input{font:inherit;box-sizing:border-box;display:block;width:100%;padding:.7rem;margin-top:.3rem;border:1px solid #bbb2c6;border-radius:.55rem;background:#fff;color:inherit}.school-login button{font:inherit;font-weight:700;background:#592c83;border:0;color:#fff;border-radius:.55rem;padding:.7rem 1.5rem;cursor:pointer;width:100%}.school-login button:disabled{opacity:.65;cursor:wait}.school-login a{color:#592c83;display:inline-block;margin:.6rem 0}.school-login input:focus,.school-login button:focus-visible{outline:3px solid #25816c77;outline-offset:2px}.login-help,.school-login details{font-size:.9rem;margin-top:1.5rem}.school-login details{padding-top:1rem;border-top:1px solid #eee}.school-login summary{cursor:pointer}#loginMessage{color:#592c83;min-height:1.6rem}