/* Desktop authentication is one fixed composition; only its form card scrolls. */
[hidden]{display:none!important}
.auth-form{scrollbar-width:thin;scrollbar-color:#9161d6 #1b1126}
.auth-form::-webkit-scrollbar{width:6px}
.auth-form::-webkit-scrollbar-thumb{background:#9161d6;border-radius:12px}
.auth-form::-webkit-scrollbar-track{background:#1b1126}
.workspace-choice{min-width:0;overflow-wrap:anywhere}
@media(min-width:761px){
  .auth-page{height:100vh;height:100dvh;overflow:hidden}
  .auth-layout{height:100%;min-height:0;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .auth-story{min-width:0;min-height:0;padding:clamp(28px,4.5vh,52px) clamp(28px,4vw,65px);gap:24px}
  .auth-story h1{font-size:clamp(34px,6.8vh,66px);margin:16px 0}
  .auth-story .brand,.auth-story>small{flex-shrink:0}
  .auth-panel{min-width:0;min-height:0;overflow:hidden;padding:clamp(20px,4vh,40px) clamp(20px,3vw,45px)}
  .auth-form{max-width:480px;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;scrollbar-gutter:stable;scroll-padding-block:24px;padding:clamp(24px,2.5vw,36px);border:1px solid #67478355;border-radius:22px;background:linear-gradient(155deg,#1b1126e6,#120c1ced);box-shadow:0 20px 65px #0003}
  .auth-form h2{font-size:30px;margin:12px 0 18px}
  .auth-back{flex-shrink:0;margin-top:16px;line-height:1.6}
  .landing .site-header{height:80px}
  .landing .hero{min-height:calc(100svh - 80px);padding-block:24px 38px;grid-template-columns:minmax(0,1fr) minmax(0,1.06fr)}
  .landing .hero h1{font-size:clamp(54px,min(6.3vw,10.5vh),88px);margin-block:18px}
  .landing .hero-actions{margin-top:22px}
  .landing .hero-foot{margin-top:24px}
  .landing .hero-art{height:clamp(300px,57svh,430px);min-width:0;transform:translateY(-18px)}
  .landing .floating-label{right:0;bottom:32px}
}
@media(min-width:761px) and (max-height:650px){
  .auth-story{padding-block:20px;gap:16px}
  .auth-story h1{font-size:34px;line-height:1.08}
  .auth-story p{font-size:13px}
  .auth-panel{padding-block:16px}
  .landing .site-header{height:68px}
  .landing .hero{min-height:calc(100svh - 68px);padding-block:12px 24px}
  .landing .hero h1{font-size:48px;margin-block:12px}
  .landing .hero-art{height:320px;transform:translateY(-12px)}
}
@media(max-width:760px){
  .auth-page{height:auto;overflow-x:clip}
  .auth-form{overflow:visible;max-width:480px}
  .auth-panel{padding:28px 24px}
  .auth-story{padding:26px 24px}
  .auth-form input,.auth-form select,.auth-form textarea{font-size:16px}
}