/* =========================================================
   LYNQ Academy v1.7.0 — authentication layout integrity
   ========================================================= */
html,body{max-width:100%}
body{overflow-x:clip;font-size:15px}
.auth-layout,.installer-layout,.auth-brand,.auth-main,.installer-main,.auth-card,.installer-card{min-width:0;max-width:100%}
.auth-copy h1,.auth-card h2,.installer-card h1{overflow-wrap:anywhere}
.auth-card>.intro,.auth-copy p{font-size:14px;line-height:1.65}
.form-stack label>span,.installer-form label>span{font-size:12px}
.form-stack input,.installer-form input,.installer-form select,.installer-form textarea{font-size:14px;min-height:48px}
.password-wrap input{padding-right:58px}
.password-toggle{width:44px;height:44px;right:3px;bottom:3px;border-radius:11px}
.auth-account-links{font-size:12px;line-height:1.55}
.auth-account-links a{min-height:36px;display:inline-flex;align-items:center}
.auth-foot{font-size:11px}
.language-pill{width:44px;height:44px;display:grid;place-items:center;padding:0}

@media(max-width:900px){
  .auth-layout,.installer-layout{grid-template-columns:minmax(0,1fr)}
  .auth-brand{min-height:300px}
  .auth-main,.installer-main{padding:24px 16px}
}

@media(max-width:520px){
  .auth-brand{min-height:240px;padding:20px}
  .auth-copy h1{font-size:clamp(34px,11vw,44px);line-height:1.02}
  .auth-copy p{font-size:14px}
  .auth-main,.installer-main{padding:12px 10px 24px}
  .auth-card,.installer-card{width:100%;padding:22px 18px;border-radius:20px}
  .auth-card h2{font-size:27px}
  .form-stack{gap:14px}
  .primary-button{width:100%;min-height:50px;font-size:14px}
}