/* Login-only layout; authenticated classroom pages keep their existing styles. */
.classroom-login.has-login-garden {
  display:grid;grid-template-columns:minmax(300px,.78fr) minmax(0,1.4fr);
  gap:clamp(34px,5vw,90px);align-items:center;
  padding:108px clamp(28px,4.5vw,86px) 76px;
  overflow:visible;
}
.classroom-login.has-login-garden .login-panel{width:100%;max-width:430px;margin:0 auto;padding:0;min-width:0}
/* Login controls remain clickable when balls travel across the form. */
.classroom-login.has-login-garden .login-panel input,.classroom-login.has-login-garden .login-panel button{position:relative;z-index:3}
.classroom-login.has-login-garden h1{font-size:clamp(32px,3vw,46px);line-height:1.25;max-width:430px;margin-bottom:20px}
.has-login-garden .login-header{left:4.5%;right:4.5%;top:30px}
.has-login-garden .login-header .brand{font-size:19px}
.has-login-garden .login-tagline{font-size:23px;line-height:1.6}
.has-login-garden .login-eyebrow{font-size:11px;letter-spacing:2px;margin-bottom:15px}
.has-login-garden .lead{font-size:14px;margin:12px 0 25px}
.has-login-garden .login-footer{left:4.5%;right:4.5%;bottom:27px}
.login-garden{width:100%;min-width:0;height:clamp(530px,calc(100svh - 180px),900px);pointer-events:none}
.login-garden-layer{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden}
.login-garden-canvas,.login-garden-hits{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none;user-select:none;-webkit-user-select:none}
.login-garden-hit{fill:transparent;pointer-events:all;touch-action:none;cursor:grab}
.login-garden-hits.is-dragging,.login-garden-hits.is-dragging .login-garden-hit{cursor:grabbing}
@media(min-width:1700px){.classroom-login.has-login-garden{grid-template-columns:minmax(340px,.75fr) minmax(0,1.5fr);gap:100px}.classroom-login.has-login-garden .login-panel{max-width:470px}}
@media(max-width:900px){.classroom-login.has-login-garden{grid-template-columns:minmax(0,1fr);gap:36px;padding:106px 28px 84px}.classroom-login.has-login-garden .login-panel{max-width:500px}.login-garden{max-width:720px;margin:auto;height:510px}.has-login-garden .login-header{left:28px;right:28px}.has-login-garden .login-footer{left:28px;right:28px}}
@media(max-width:560px){.classroom-login.has-login-garden{padding:96px 20px 80px;gap:30px}.classroom-login.has-login-garden h1{font-size:32px}.has-login-garden .login-header{left:20px;right:20px;top:27px}.has-login-garden .login-header .brand{font-size:17px}.login-garden{height:430px}.has-login-garden .login-footer{left:20px;right:20px}}