/* Auth-only layout. Keep controls reachable at zoom and with the mobile keyboard. */
.auth-page{background:#fff;min-height:100svh}
.auth-shell{min-height:100svh;grid-template-columns:minmax(0,1fr) minmax(0,.88fr)}
.auth-main{min-height:100svh;padding:28px clamp(24px,5vw,80px);gap:24px}
.auth-brand{flex-shrink:0}
.auth-brand img{width:152px;max-width:100%;max-height:none}
.auth-content{width:min(100%,400px);padding:0;margin:auto}
.auth-content h1{font-size:32px;line-height:1.15;letter-spacing:-1px;margin:0 0 10px}
.auth-lead{font-size:15px;line-height:1.5;color:#606963;margin:0 0 24px}
.auth-form{gap:14px}
.auth-form label{font-size:13px;line-height:1.4;gap:6px}
.auth-field{display:flex;flex-direction:column;gap:6px;min-width:0}
.auth-form input{width:100%;min-width:0;height:46px;min-height:46px;border-radius:0;font-size:16px;padding:0 12px;color:var(--ink);background:#fff}
.auth-form input[aria-invalid="true"]{border-color:#b64316}
.auth-form input:focus{border-color:var(--teal);box-shadow:0 0 0 2px #1d7d7020}
.auth-submit{min-height:46px;border-radius:0;margin-top:4px;font-size:15px}
.auth-note{font-size:14px;line-height:1.5;color:#606963;margin:20px 0 0}
.auth-note a{font-weight:700}
.auth-legal{font-size:11px;line-height:1.5;color:#606963;margin:12px 0 0;max-width:none}
.auth-content .message{font-size:13px;margin:0 0 14px;padding:10px 12px}
.auth-field .errorlist{list-style:none;margin:0;padding:0;color:#a43812;font-size:12px;line-height:1.4}
.auth-page a:focus-visible,.auth-page button:focus-visible{outline:2px solid var(--teal);outline-offset:4px}
.social-auth{margin:0}
.auth-divider{margin:18px 0 12px;font-size:12px;color:#606963;gap:12px}
.social-grid{grid-template-columns:repeat(auto-fit,minmax(60px,1fr));gap:8px}
.social-button{height:48px;border-radius:0;padding:4px;font-size:12px;gap:2px;flex-direction:column;justify-content:center;box-shadow:none;transition:background-color .15s,border-color .15s}
.social-grid>form:only-child .social-button{height:44px;flex-direction:row;gap:10px}
.social-button:not(.disabled):hover{transform:none;box-shadow:none;background:#f3f6f4;border-color:#9eaaa4}
.social-mark{width:20px;height:20px;border-radius:0;flex-shrink:0}
.auth-showcase{min-height:100svh;padding:clamp(28px,4vw,64px);background:#111b17;gap:36px}
.auth-showcase:after{display:none}
.showcase-copy h2{font-size:clamp(30px,3vw,44px);line-height:1.12;letter-spacing:-1.3px;margin:14px 0 18px}
.showcase-copy>p:last-child{font-size:15px;line-height:1.6;color:#b1bfb7;max-width:390px}
.showcase-copy .eyebrow{font-size:10px;letter-spacing:1.5px}
.auth-steps{margin:0;padding:0;list-style:none}
.auth-steps li{display:grid;grid-template-columns:36px minmax(0,1fr);gap:16px;align-items:start;padding:20px 0;border-top:1px solid #35413a}
.auth-steps li:last-child{border-bottom:1px solid #35413a}
.auth-step-number{font-size:13px;line-height:24px;font-weight:700;color:#80cdbd;font-variant-numeric:tabular-nums}
.auth-steps h3{font-size:17px;line-height:1.4;font-weight:650;margin:0 0 4px}
.auth-steps p{font-size:14px;line-height:1.5;margin:0;color:#b1bfb7}
.auth-showcase-note{font-size:12px;line-height:1.6;color:#a2b2a9;margin:0;max-width:360px}
@media(max-width:960px){
  .auth-shell{grid-template-columns:minmax(0,1fr)}
  .auth-main{padding:24px;gap:24px}
  .auth-showcase{display:none}
}
@media(max-width:560px){
  .auth-main{padding:24px 20px;gap:28px}
  .auth-brand img{width:132px}
  .auth-content{margin:auto;max-width:400px}
  .auth-content h1{font-size:28px;letter-spacing:-.8px}
  .auth-lead{margin-bottom:22px;font-size:14px}
  .auth-note{font-size:13px}
}
@media(max-height:760px){
  .auth-main{padding-top:18px;padding-bottom:18px;gap:18px}
  .auth-brand img{width:132px}
  .auth-lead{margin-bottom:18px}
  .auth-form{gap:10px}
  .auth-note{margin-top:14px}
  .auth-showcase{gap:24px;padding-top:28px;padding-bottom:28px}
  .auth-steps li{padding:16px 0}
}
@media(max-height:600px){
  .auth-main{padding-top:12px;padding-bottom:12px;gap:12px}
  .auth-brand img{width:112px}
  .auth-content h1{font-size:26px;margin-bottom:6px}
  .auth-lead{font-size:13px;margin-bottom:14px}
  .auth-form{gap:8px}
  .auth-form input{height:44px;min-height:44px}
  .auth-submit{min-height:44px;margin-top:2px}
  .auth-note{margin-top:12px;font-size:13px}
  .auth-legal{margin-top:8px}
  .auth-divider{margin:12px 0 8px}
  .auth-showcase{gap:20px}
  .showcase-copy h2{font-size:30px}
  .auth-steps li{padding:12px 0}
}
@media(min-width:561px) and (max-height:600px){
  .auth-form-signup{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:12px}
  .auth-form-signup>.auth-field:first-of-type,.auth-form-signup>.auth-submit,.auth-form-signup>.message{grid-column:1/-1}
}
@media(prefers-reduced-motion:reduce){.social-button{transition:none}}
