body.teacher-login-open{overflow:hidden!important}
.t286-login-backdrop{position:fixed;inset:0;z-index:1000000;display:grid;place-items:center;padding:24px;background:rgba(7,29,27,.72);backdrop-filter:blur(12px);opacity:0;transition:opacity .18s ease}
.t286-login-backdrop.show{opacity:1}
.t286-login-dialog{position:relative;width:min(520px,100%);max-height:min(760px,calc(100dvh - 32px));overflow:auto;padding:34px;border:1px solid rgba(255,255,255,.72);border-radius:30px;background:#fffdf8;box-shadow:0 30px 90px rgba(5,28,25,.34);transform:translateY(12px);transition:transform .22s ease}
.t286-login-backdrop.show .t286-login-dialog{transform:none}
.t286-login-close{position:absolute;right:18px;top:18px;width:42px;height:42px;border:1px solid #d9e2de;border-radius:14px;background:#fff;color:#173c37;font-size:25px;line-height:1;cursor:pointer}
.t286-login-topline{display:flex;align-items:center;gap:11px;margin-bottom:18px;color:#426d66;font-size:12px;font-weight:900;letter-spacing:.11em}
.t286-login-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:15px;background:#153f39;color:#fff;font-size:18px}
.t286-login-dialog h2{margin:0;color:#112f2c;font-size:34px;letter-spacing:-.04em}
.t286-login-description{margin:14px 0 24px;color:#5d716d;line-height:1.72}
.t286-field{display:grid;gap:8px;margin-top:15px;color:#294b46;font-size:13px;font-weight:850}
.t286-field input{box-sizing:border-box;width:100%;height:52px;padding:0 15px;border:1px solid #cad8d3;border-radius:14px;background:#fff;color:#16342f;font:inherit;font-size:16px;outline:none}
.t286-field input:focus{border-color:#397b70;box-shadow:0 0 0 4px rgba(57,123,112,.12)}
.t286-password-wrap{position:relative;display:block}.t286-password-wrap input{padding-right:72px}.t286-password-wrap button{position:absolute;right:7px;top:7px;height:38px;padding:0 12px;border:0;border-radius:10px;background:#edf4f1;color:#285d54;font-weight:850;cursor:pointer}
.t286-login-error{margin-top:14px;padding:13px 14px;border:1px solid #ffc5bd;border-radius:13px;background:#fff1ef;color:#b5362d;font-size:13px;line-height:1.55}
.t286-login-submit{width:100%;height:54px;margin-top:20px;border:0;border-radius:15px;background:#2f6e63;color:#fff;font-size:16px;font-weight:900;cursor:pointer;box-shadow:0 14px 28px rgba(29,86,77,.2)}
.t286-login-submit:disabled{opacity:.6;cursor:wait}
.t286-login-note{display:grid;gap:4px;margin-top:16px;padding:14px;border:1px solid #e0e6df;border-radius:14px;background:#f4f5ef;color:#66766f;font-size:12px;line-height:1.55}.t286-login-note b{color:#345851}
@media(max-width:640px){.t286-login-backdrop{place-items:end center;padding:0}.t286-login-dialog{width:100%;max-height:92dvh;padding:26px 20px calc(24px + env(safe-area-inset-bottom));border-radius:28px 28px 0 0}.t286-login-dialog h2{font-size:29px}.t286-login-close{right:14px;top:14px}.t286-login-description{font-size:14px}.t286-field input{height:50px}}
@media(prefers-reduced-motion:reduce){.t286-login-backdrop,.t286-login-dialog{transition:none}}