.login-input-wrap{position:relative}.login-input-wrap input{box-sizing:border-box;width:100%}.school-login{width:100%;max-width:none;min-height:100dvh;color:var(--accent);background:#fff;grid-template-columns:67.5% 32.5%;margin:0;padding:0;display:grid}.school-login-art{background:#dbe6f1;min-height:100dvh;position:relative;overflow:hidden}.school-login-art>img{object-fit:cover;object-position:left center;width:148.227%;max-width:none;height:100%;position:absolute;top:0;left:0}.school-login-panel{align-items:center;min-width:0;padding:44px clamp(25px,3.1vw,62px);display:flex}.school-login-content{width:100%;max-width:530px;margin:auto}.school-login-content h1{letter-spacing:-.035em;color:var(--accent);margin:0 0 15px;font-size:clamp(25px,2.52vw,44px);font-weight:750;line-height:1.16}.school-login-content>p{color:var(--accent);margin:0 0 36px;font-size:clamp(15px,1.35vw,23px);line-height:1.5}.school-login .login-form{flex-direction:column;gap:0;display:flex}.school-login .login-form label{color:var(--accent);margin:0 0 9px;font-size:clamp(14px,1.08vw,18px);font-weight:650}.school-login .login-input-wrap{margin:0 0 29px}.school-login .login-input-wrap input{height:58px;color:var(--accent);outline-offset:3px;background:#fff;border:1px solid #cbd4e3;border-radius:8px;padding:12px 45px 12px 64px;font-size:18px}.school-login input::placeholder{color:#96a2b7;opacity:1}.school-login svg{fill:none;stroke:#435a7c;stroke-width:1.7px;width:24px;height:24px}.school-login .login-input-wrap>svg{pointer-events:none;position:absolute;top:17px;left:22px}.school-login button.password-visibility{color:var(--accent);background:0 0;border:0;border-radius:5px;place-items:center;width:40px;height:40px;min-height:0;margin:0;padding:8px;display:grid;position:absolute;top:9px;right:12px}.school-login button.login-submit{background:var(--accent);height:65px;color:var(--on-accent);border:0;border-radius:9px;margin:7px 0 0;padding:12px;font-size:24px;font-weight:650}.school-login button.login-submit span{margin-left:7px;font-size:31px;font-weight:400;line-height:1;display:inline-block}.school-login button.login-help{color:var(--accent);background:0 0;border:0;align-self:center;min-height:30px;margin:27px 0 0;padding:0;font-size:16px;font-weight:400;text-decoration:underline}.school-login .login-help-text{color:#53647e;margin-top:16px;font-size:14px;line-height:1.6}.school-login .form-error{color:#a62525;margin:0 0 15px;font-size:14px}@media (min-width:1450px){.school-login-content>p{white-space:nowrap}.school-login .login-input-wrap{margin-bottom:34px}}@media (max-width:1100px){.school-login{grid-template-columns:58% 42%}.school-login-panel{padding:30px}.school-login-content h1{font-size:29px}.school-login-content>p{font-size:16px}.school-login .login-input-wrap input{padding-left:50px;font-size:16px}.school-login .login-input-wrap>svg{left:16px}}@media (max-width:700px){.school-login{flex-direction:column;display:flex}.school-login-art{height:37dvh;min-height:240px;max-height:360px}.school-login-art>img{object-position:left 32%}.school-login-panel{padding:32px 24px 40px}.school-login-content{max-width:450px}.school-login-content h1{font-size:28px}.school-login-content>p{margin-bottom:25px}.school-login .login-input-wrap{margin-bottom:22px}.school-login .login-input-wrap input{height:54px}.school-login .login-input-wrap>svg{top:15px}.school-login button.login-submit{height:57px;font-size:20px}.school-login button.login-help{margin-top:20px}}