:root{--ink:#153e35;--ink-2:#244d43;--primary:#16856b;--primary-2:#126d58;--canvas:#f7f6f0;--line:#dde5dc;--muted:#66766d;--radius:16px;--shadow:0 12px 36px rgba(20,60,45,.06)}
.ambient{display:none}.brand-mark,.avatar{background:#16856b;box-shadow:none;border-radius:12px}
.login-screen{background:#f7f6f0;grid-template-columns:1.1fr 1fr;padding:24px;gap:24px}
.login-brand{border-radius:28px;background:#123c35;padding:36px;min-height:calc(100vh - 48px);gap:24px}
.metodist-wordmark{display:flex;align-items:center;gap:12px;font-size:26px;letter-spacing:-.04em}.metodist-wordmark b>span{color:#e9c67a}.metodist-wordmark .brand-mark{background:#ffffff14;color:#e9c67a;width:42px;height:42px}
.metodist-classroom{margin:0;position:relative;border-radius:18px;overflow:hidden;min-height:220px}.metodist-classroom img{width:100%;height:clamp(220px,30vh,360px);display:block;object-fit:cover}.metodist-classroom figcaption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#09291ed9);padding:40px 20px 18px;color:white;font-size:12px}
.login-brand:after{background:radial-gradient(ellipse at 90% 20%,#e9b85b40,transparent 55%);mask-image:none}
.login-brand h1{font-family:Georgia,serif;font-size:clamp(44px,5vw,76px);font-weight:500;line-height:1.08;letter-spacing:-.035em}
.login-brand>div>p{color:#d1e1d5}.eyebrow.light{color:#e9c67a}
.login-feature-grid{gap:8px}.login-feature-grid article{background:#ffffff0c;border-color:#ffffff20;border-radius:14px}.login-feature-grid svg{color:#e9c67a}.login-feature-grid span{color:#d1e1d5}
.login-panel{background:transparent;padding:32px}.login-card{box-shadow:none;border:0;background:transparent;padding:24px;width:min(440px,100%)}
.login-card .mobile-brand{display:flex;margin-bottom:48px}.login-card h2{font-size:34px;line-height:1.2}.input-wrap{background:white;border-radius:10px;min-height:54px}.input-wrap:focus-within{border-color:#16856b;box-shadow:0 0 0 3px #16856b18}
.btn-primary{background:#16856b;box-shadow:none}.btn-primary:hover{background:#126d58;box-shadow:0 6px 18px #16856b24}.btn,.btn-lg{border-radius:10px}
.sidebar{background:#123c35}.sidebar-brand b{color:#fff}.sidebar-brand small,.nav-label,.sidebar-foot small{color:#aac8b8}.nav-item{color:#d1e1d5}.nav-item.active{background:#ffffff18;box-shadow:inset 3px 0 #e9b85b}.help-card,.profile-mini{background:#ffffff08}
.topbar{background:#f7f6f0f0;border-color:#dde5dc}.card,.form-section{border-radius:16px;box-shadow:var(--shadow)}.score-card{background:#123c35}.section-number{color:#126d58;background:#e6f1e9}.mobile-fab{background:#16856b}
@media(max-width:900px){.login-screen{display:block;padding:0}.login-brand{display:none}.login-panel{min-height:100svh;padding:24px}.login-card{padding:16px}.login-card .mobile-brand{margin-bottom:36px}.login-card h2{font-size:30px}}