/* SchoolSync Green-Gold login refresh. Presentation-only overrides. */
.lg{
  min-height:100svh;
  grid-template-columns:minmax(0,1.08fr) minmax(560px,.92fr);
  background:#f7f8f4;
}
.lg-aside{
  background:
    radial-gradient(700px 500px at 78% 38%,rgba(21,137,96,.30),transparent 70%),
    radial-gradient(500px 360px at 4% 0%,rgba(17,124,83,.22),transparent 70%),
    linear-gradient(145deg,#07513f 0%,#063e32 55%,#032d26 100%);
}
.lg-aside::before{opacity:.25}
.lg-aside::after{display:none}
.lg-aside-in{
  position:relative;min-height:100svh;height:auto;justify-content:space-between;
  padding:clamp(24px,3vw,48px) clamp(26px,5vw,76px) 28px;gap:clamp(22px,4vh,42px);
}
.lg-product{
  display:inline-flex;align-self:flex-start;max-width:min(100%,470px);
  padding:0;margin:0 0 4px;background:transparent;border:0;box-shadow:none;
}
.lg-product img{display:block;width:clamp(250px,34vw,450px);max-height:145px;object-fit:contain;object-position:left center}
.lg-school-identity{
  display:flex;align-items:center;gap:18px;width:100%;max-width:680px;
  padding:0 0 0 2px;margin:0;
}
.lg-school-seal{
  display:grid;place-items:center;flex:0 0 112px;width:112px;height:112px;
  padding:7px;border-radius:50%;background:#fff;border:4px solid #f2bd24;
  box-shadow:0 10px 30px rgba(0,0,0,.22),0 0 0 5px rgba(255,255,255,.08);
  color:#08744f;font-size:2.8rem;
}
.lg-school-seal img{width:100%;height:100%;object-fit:contain;border-radius:50%}
.lg-school-meta{display:flex;flex-direction:column;gap:9px;min-width:0}
.lg-school-meta strong{
  display:inline-block;width:fit-content;max-width:100%;padding:10px 20px;
  border-radius:999px;background:#f4c51c;color:#073e32;
  font:800 clamp(.95rem,1.4vw,1.25rem)/1.2 var(--lg-display);letter-spacing:.01em;
  overflow-wrap:anywhere;
}
.lg-school-meta small{color:#eef8f2;font:600 .95rem/1.45 var(--lg-body)}
.lg-school-meta small i{margin-right:6px;color:#f5cb36}
.lg-pitch{max-width:780px;margin:clamp(6px,2vh,20px) 0}
.lg-kicker{display:none}
.lg-title{
  max-width:760px;margin:0;color:#fff;
  font:800 clamp(2.35rem,4.05vw,4.15rem)/1.05 var(--lg-display);
  letter-spacing:-.045em;
}
.lg-title span{color:#f7c629}
.lg-lead{max-width:700px;margin:22px 0 34px;color:rgba(245,250,246,.91);font:400 clamp(.98rem,1.2vw,1.12rem)/1.6 var(--lg-body)}
.lg-features{
  display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;
  gap:16px 28px;margin:0;padding:0;list-style:none;color:#f3faf5;
  font:600 .92rem/1.35 var(--lg-body)
}
.lg-features li{display:flex;align-items:center;gap:11px}
.lg-features li i{
  display:grid;place-items:center;width:54px;height:54px;flex:0 0 54px;
  border-radius:13px;background:#f8fff9;color:#08784e;font-size:1.45rem;
  box-shadow:0 5px 16px rgba(0,0,0,.13)
}
.lg-school{
  margin:0;padding:16px 0 0;border-top:1px solid rgba(255,255,255,.18);
  color:#fff;font:700 .85rem var(--lg-body)
}
.lg-school strong{font-weight:800}
.lg-school span{color:#c6e1d2;font-size:.78rem}
.lg-main{
  padding:clamp(20px,3vh,36px) clamp(20px,4vw,64px);
  background:linear-gradient(145deg,#fafaf7 0%,#f2f3ed 100%);
}
.lg-stack{max-width:530px}
.lg-card{
  padding:clamp(24px,2.6vw,38px);
  border:1px solid #e4e8df;border-radius:25px;background:#fffefa;
  box-shadow:0 22px 60px -32px rgba(10,55,42,.28)
}
.lg-card h1{font-size:clamp(2rem,2.6vw,2.55rem);color:#124a3a}
.lg-card .lead{margin:8px 0 18px;color:#66756d}
.lg-role-card{min-height:112px;background:#fff;border-radius:15px}
.lg-role-card strong{font-size:.88rem}
.lg-role-card small{font-size:.73rem;color:#596c61}
.lg-input{min-height:54px;border-radius:13px;background:#fff}
.lg-label{margin:14px 0 7px;color:#38564a}
.lg-btn{min-height:54px;margin-top:20px;border-radius:13px;background:linear-gradient(105deg,#07513e,#087957)}
.lg-note{margin:14px 0 0;font-size:.83rem}
.lg-join{gap:7px;margin-top:15px}
.lg-join-title{margin-bottom:0}
.lg-join-cap{margin:4px 2px 0}
.lg-join-link{min-height:45px;padding:7px 11px;border-radius:12px;background:#fff;font-size:.85rem}
.lg-join-link:first-of-type{min-height:52px;border-color:#16835e}
.lg-join-ico{width:30px;height:30px;flex-basis:30px}
@media(max-width:1199.98px){
 .lg{grid-template-columns:minmax(0,1fr) minmax(470px,.9fr)}
 .lg-aside-in{padding-left:34px;padding-right:34px}
 .lg-title{font-size:clamp(2.2rem,4vw,3.2rem)}
 .lg-product img{width:320px}
}
@media(max-width:991.98px){
 .lg{display:flex;flex-direction:column;overflow:visible}
 .lg-aside-in{position:relative;min-height:0;height:auto;padding:28px 24px;gap:24px}
 .lg-product img{width:min(360px,80vw)}
 .lg-school-seal{width:82px;height:82px;flex-basis:82px}
 .lg-pitch{margin:0}
 .lg-title{font-size:clamp(2rem,6vw,3.3rem)}
 .lg-lead{margin:15px 0 22px}
 .lg-school{margin-top:6px}
 .lg-main{padding:28px 18px 36px}
 .lg-stack{max-width:560px}
}
@media(max-width:575.98px){
 .lg-aside-in{padding:24px 18px;gap:21px}
 .lg-school-identity{gap:12px}
 .lg-school-seal{width:68px;height:68px;flex-basis:68px;border-width:3px}
 .lg-school-meta strong{padding:8px 12px;font-size:.83rem}
 .lg-school-meta small{font-size:.8rem}
 .lg-title{font-size:2.25rem}
 .lg-features{gap:12px}
 .lg-features li{gap:7px;font-size:.78rem}
 .lg-features li i{width:40px;height:40px;flex-basis:40px;font-size:1.1rem}
 .lg-card{padding:23px 18px;border-radius:19px}
 .lg-roles{gap:6px}
 .lg-role-card{min-height:100px;padding:10px 7px}
 .lg-role-card strong{font-size:.78rem}
 .lg-role-card small{font-size:.67rem}
 .lg-join-link{font-size:.8rem}
}
@media(prefers-reduced-motion:reduce){.lg *,.lg *::before,.lg *::after{animation:none!important;transition:none!important}}