#loginScreen:not([hidden]){display:flex!important;flex-direction:column;justify-content:center;min-height:100dvh;height:auto!important;overflow:visible!important;padding:32px;background:#f6f8f7;box-sizing:border-box;color:#1d3c4f}
#loginScreen .login-panel{display:grid!important;grid-template-columns:1.15fr 1fr;width:min(1180px,100%);max-width:1180px;margin:auto;border:1px solid #dce8e5;border-radius:24px;overflow:hidden;background:white;box-shadow:0 18px 70px #173e4810;padding:0;min-height:650px}
#loginScreen .login-card{border:0;box-shadow:none;border-radius:0;background:#fff;padding:90px 54px 40px;display:flex;flex-direction:column;justify-content:center;min-width:0}
#loginScreen .brand-row,#loginScreen .login-form-header,#loginScreen #backToLoginOptions{display:none!important}
#loginScreen #loginModeTitle{font-size:32px;letter-spacing:-1px;line-height:1.2;margin:0 0 32px;text-align:left;color:#1d3c4f}
#loginScreen .school-choices,#loginScreen .secured-login-form{display:grid;gap:20px;width:100%;margin:0}
#loginScreen .secured-login-form input{box-sizing:border-box;width:100%;min-height:50px;border:1px solid #cddcd8;border-radius:9px;background:#fff;padding:12px 14px;font:inherit}
#loginScreen .secured-login-form input:focus{outline:3px solid #08a09122;border-color:#08a091}
#loginScreen .login-form-actions{display:block;margin-top:8px}
#loginScreen .login-form-actions .primary-button{width:100%;min-height:50px;background:#08a091;color:white;border-radius:9px;display:flex;justify-content:center;align-items:center;font-weight:700}
.login-modern-links{display:flex;justify-content:center;gap:18px;align-items:center;font-size:14px}
.login-modern-links a,.login-modern-demo{color:#176b64;text-decoration:underline;background:none;border:0;padding:4px 0;font:inherit;cursor:pointer}
#loginScreen .pricing-section{margin-top:30px;border:0;padding:0}#loginScreen .pricing-toggle{font-size:12px;background:none;border:0;color:#5b7376;padding:8px;box-shadow:none}#loginScreen .pricing-grid{grid-template-columns:1fr}
#loginScreen .login-credit{font-size:11px;line-height:1.8;margin:20px auto 0;color:#64787e;text-align:center}#loginScreen .login-credit a{color:inherit}
.login-modern-hero{position:relative;min-height:650px;overflow:hidden;background:linear-gradient(130deg,#e8f7f2,#c6e9e2);padding:35px;box-sizing:border-box}
.login-modern-wordmark{font:800 48px/1 Arial,sans-serif;letter-spacing:-3px;position:relative;z-index:2;color:#12394a;display:flex;align-items:center}.login-modern-wordmark>span{color:#08a091}.login-modern-wordmark small{font:500 11px/1.35 Arial,sans-serif;letter-spacing:0;border-left:1px solid #8bbfb5;margin-left:17px;padding-left:17px}
.login-modern-copy{position:relative;z-index:2;max-width:310px;margin-top:57px}.login-modern-copy h2{font-size:34px;line-height:1.15;letter-spacing:-1px;margin:0 0 20px;font-weight:750}.login-modern-copy p{font-size:16px;line-height:1.7;max-width:250px}
.login-modern-person{position:absolute;width:370px;max-width:76%;right:-12px;bottom:-25px;z-index:1}.login-modern-note{position:absolute;right:26px;top:135px;font:italic 21px/1.3 Georgia,serif;transform:rotate(-9deg);color:#17564f}
@media(min-width:1000px){.login-modern-copy{max-width:250px}.login-modern-copy h2{font-size:31px}.login-modern-person{width:350px;right:-20px}}
@media(max-width:800px){#loginScreen:not([hidden]){padding:16px}#loginScreen .login-panel{grid-template-columns:1fr;min-height:0;max-width:520px}.login-modern-hero{min-height:260px;padding:24px}.login-modern-copy{margin-top:28px;max-width:65%}.login-modern-copy h2{font-size:24px}.login-modern-copy p{display:none}.login-modern-person{width:200px;max-width:44%;bottom:-34px;right:0}.login-modern-note{display:none}.login-modern-wordmark{font-size:38px}#loginScreen .login-card{padding:32px 28px}#loginScreen #loginModeTitle{font-size:27px;margin-bottom:24px}}

#loginScreen .secured-login-form{box-sizing:border-box;min-width:0;padding:0;border:0;box-shadow:none;background:transparent}#loginScreen .login-panel:before,#loginScreen .login-panel:after,#loginScreen:before,#loginScreen:after{display:none!important}#loginScreen .login-card,#loginScreen .school-choices{box-sizing:border-box;max-width:100%}#loginScreen .field{min-width:0}


.login-modern-wordmark img{display:block;width:230px;height:auto;max-width:100%}.login-modern-copy{margin-top:30px}.login-modern-person{width:310px;right:-5px;bottom:-5px}.login-modern-note{top:190px;right:24px}
@media(max-width:800px){.login-modern-wordmark img{width:165px}.login-modern-copy{margin-top:18px}.login-modern-person{width:180px;bottom:-20px}.login-modern-hero{min-height:300px}}
#appShell .sidebar-brand .brand-icon{border-radius:12px;object-fit:cover!important;background:#def3ec}

/* Approved login logo: keep the supplied artwork intact. */
.login-modern-wordmark img{width:280px;mix-blend-mode:multiply}.login-modern-note{display:none}.login-modern-copy{max-width:240px}.login-modern-person{max-width:52%;width:300px}
@media(max-width:800px){.login-modern-wordmark img{width:210px}.login-modern-copy{max-width:60%}.login-modern-person{max-width:42%;width:180px}}

/* Blend the complete logo layer with the mint hero, outside its stacking context. */
#loginScreen .login-modern-wordmark{mix-blend-mode:multiply}#loginScreen .login-modern-wordmark img{mix-blend-mode:normal;background:transparent}


@media(min-width:801px){#loginScreen .login-modern-copy{max-width:350px}#loginScreen .login-modern-copy h2{font-size:31px}}


#loginScreen .login-modern-wordmark{mix-blend-mode:normal}


/* Reversible realistic Bob comparison. */
#loginScreen .login-modern-wordmark{mix-blend-mode:multiply}
.daily-bob{object-fit:contain!important;border-radius:0!important;background:transparent!important}