.school-login-dialog{--login-accent:#14243d;--login-ink:#14243d;--login-muted:#5c6470;--login-paper:#f3f4f0;font-family:SchoolHeader,Fira,Arial,sans-serif}
.school-login-dialog .access-form-panel{padding:0}.school-login-dialog .access-layout{display:block;border:0;background:transparent;box-shadow:none}.school-login-dialog .access-primary{background:#14243d;color:#fff}.school-login-dialog .access-secondary{color:#14243d}.school-login-dialog .access-error{color:#a52d35}

.school-login-dialog{border-color:#14243d33}.school-login-dialog input{border-color:#14243d40}.school-login-dialog .access-primary,.school-login-dialog .access-secondary{border-color:#14243d}.school-login-dialog .access-telegram{border-color:#14243d25}
.school-login-unavailable{position:fixed;bottom:20px;left:20px;right:20px;z-index:100;padding:16px;background:#f3f4f0;color:#14243d;border:1px solid #14243d;font:16px/1.6 SchoolHeader,Arial,sans-serif}
.school-login-dialog::backdrop{background:#14243d99}

/* School entry uses the same visual proportions as its cabinet. */
.school-login-dialog{border-radius:24px;box-shadow:0 24px 64px #08172f30;padding:36px}
.school-login-dialog :is(input,.access-primary,.access-secondary){border-radius:12px}
.school-login-dialog .academy-login-close{width:44px;height:44px;border-radius:12px}
.school-login-dialog :is(button,input,a,summary):focus-visible{outline:3px solid #84652a;outline-offset:3px}
.school-login-dialog .access-link{min-height:44px;display:inline-flex;align-items:center;margin-top:10px}
.school-login-dialog .access-telegram summary{min-height:44px;display:flex;align-items:center}
@media(max-width:480px){.school-login-dialog{padding:28px 22px;border-radius:22px}.school-login-dialog h2{font-size:27px}}