.school-login{--login-navy:#072d56;--login-gold:#c9a64e;background:#fff;color:#112b47;isolation:isolate;position:relative;overflow-x:clip}
.school-login::before{content:'';position:fixed;z-index:-1;pointer-events:none;inset:19% 27% 9% 3%;background:url('../branding/scholamint-logo.svg') center/contain no-repeat;opacity:.07}
.school-login::after{content:'';position:absolute;z-index:-1;pointer-events:none;bottom:0;left:0;width:100%;height:105px;background:linear-gradient(171deg,transparent 45%,#e2c777 46%,#c8a44d 48%,#0c426d 49%,#072d56 77%);border-radius:50% 40% 0 0}
.school-login .login-header{padding:26px 42px 18px;max-width:1280px;border-bottom:1px solid #e4edf5;background:linear-gradient(110deg,#fff,#f7fbff);border-radius:28px 28px 0 0}
.school-login .login-brand{display:block;max-width:65%;color:var(--login-navy)}.school-login .login-brand img{display:block;width:310px;max-width:100%;height:auto}
.school-login,.school-login .login-header,.school-login .login-brand,.school-login .login-brand img{opacity:1;filter:none;backdrop-filter:none}
.school-login .login-header>span{color:#40546b;font-size:.69rem;font-weight:600;letter-spacing:.12em}
.school-login .login-layout{max-width:1280px;grid-template-columns:minmax(0,1.25fr) minmax(340px,.88fr);gap:clamp(30px,6vw,90px);padding:40px 42px 55px}
.school-login .login-card{background:linear-gradient(145deg,#fff,#f3f9ff);border:1px solid #d4e2ef;border-radius:17px;box-shadow:0 14px 45px #143e6318;padding:30px;min-width:0}
.school-login .login-card::before{background:var(--login-gold)}.school-login .login-card__eyebrow,.school-login .login-overline{color:#52657a}.school-login .login-card h1{color:var(--login-navy)}
.school-login .login-card>p,.school-login .login-lead,.school-login .login-feature-list p,.school-login .login-new-school p,.school-login .login-guide,.school-login .login-guide ol{color:#536276}
.school-login .login-card .form-label{color:#173451}.school-login .login-card .form-control{background:#f2f7fd;border:1px solid #c7d9eb;color:#143552}
.school-login .login-card .form-control:focus{border-color:#49779e;box-shadow:0 0 0 3px #c9a64e35}.school-login .login-submit{background:#073564;border-color:#073564}.school-login .login-submit:hover{background:#05284e;box-shadow:0 5px 17px #092e5425}
.school-login .login-options a,.school-login .login-new-school a,.school-login .login-footer a{color:#125379}.school-login .login-options label,.school-login .login-security,.school-login .login-password button{color:#52667b}
.school-login .login-story>h2{font-size:clamp(2.5rem,4.5vw,3.8rem);color:#082d52;font-weight:780}.school-login .login-story h2 em{color:#17648a}.school-login .login-overline>span{width:28px;height:2px;border-radius:0;background:var(--login-gold)}
.school-login .login-feature-list article>svg{background:#e2f2fb;color:#18729a;flex:none}.school-login .login-feature-list article:nth-child(2)>svg{background:#e0f2eb;color:#276b62}.school-login .login-feature-list article:nth-child(3)>svg{background:#faf0d3;color:#806527}
.school-login .learning-spotlight{background:#f3f8fc;border-color:#dce7ef}.school-login .spotlight-heading>span,.school-login .spotlight-heading button,.school-login .spotlight-subject,.school-login .spotlight-body summary{color:#315f80}.school-login .spotlight-body p,.school-login .spotlight-source{color:#52657a}
.school-login .login-footer{max-width:1196px;padding:0 0 92px;color:#52657a}.school-login a:focus-visible,.school-login button:focus-visible{outline:3px solid #bd9634;outline-offset:3px}.school-login .login-card input{max-width:100%}
.school-login .login-header{display:flex;align-items:center;justify-content:space-between;gap:22px}
.school-login .login-brand{display:inline-flex;width:fit-content;max-width:min(100%,440px);padding:8px 13px;background:#fff;border:1px solid #dce6ef;border-radius:15px;box-shadow:0 5px 18px #123b5a12}
.school-login .login-brand img{width:330px}
.school-login .login-header>span{display:inline-flex;align-items:center;gap:10px;padding:11px 16px;background:#fff;border:1px solid #dce6ef;border-radius:999px;box-shadow:0 4px 14px #123b5a0d;color:#173b5b;font-size:.8rem;font-weight:700;letter-spacing:.045em;line-height:1.4}
.school-login .login-header>span::before{content:'';width:8px;height:8px;flex:none;border-radius:50%;background:#c9a64e;box-shadow:0 0 0 3px #c9a64e24}
@media(max-width:860px){.school-login::before{inset:8% 0 20%}.school-login .login-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:'form' 'story';padding:26px 20px 45px}.school-login .login-header{padding:20px;gap:10px;flex-wrap:wrap}.school-login .login-header>span{display:block;font-size:.6rem;letter-spacing:.06em}.school-login .login-brand{max-width:100%}.school-login .login-card{padding:25px;max-width:510px}.school-login .login-footer{padding:0 22px 95px}.school-login .login-story>h2{font-size:2.6rem}}
@media(max-width:440px){.school-login .login-header{padding:18px}.school-login .login-brand img{width:260px}.school-login .login-layout{padding:20px 12px 35px}.school-login .login-card{padding:24px 20px}.school-login .login-options{gap:8px;font-size:.7rem}.school-login .login-story>h2{font-size:2.3rem}}
@media(max-width:860px){.school-login .login-header{align-items:flex-start}.school-login .login-header>span{display:inline-flex;font-size:.78rem;letter-spacing:.04em;max-width:100%}}