/* pages de compte (connexion, inscription…) */
.auth{min-height:100vh;display:grid;grid-template-columns:1fr}
.auth-side{display:none}
@media (min-width:960px){
  .auth{grid-template-columns:minmax(380px,.9fr) 1.1fr}
  .auth-side{display:flex;flex-direction:column;justify-content:space-between;padding:40px 48px;
    background:linear-gradient(160deg,#0b3b36,#0f766e 55%,#14b8a6);color:#e6fffb}
  .auth-side .logo{color:#fff}
  .auth-side .logo .mk{background:#fff;color:#0f766e}
  .auth-side h2{font-size:34px;font-weight:800;letter-spacing:-.03em;line-height:1.1;margin:0 0 22px;color:#fff}
  .auth-side ul{list-style:none;padding:0;margin:0;display:grid;gap:12px;font-size:15px}
  .auth-side li{display:flex;gap:10px}
  .auth-side li::before{content:"✓";font-weight:800;color:#99f6e4}
  .auth-side small{opacity:.75}
  .auth-logo-m{display:none!important}
}
.auth-main{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px 48px;gap:28px}
.auth-box{width:100%;max-width:400px}
.auth-box h1{font-size:26px;font-weight:800;letter-spacing:-.02em;margin-bottom:6px}
.auth-box .sub{color:var(--mute);margin:0 0 24px}
.auth-box .btn{width:100%}
.auth-box .alt{margin-top:22px;text-align:center;color:var(--mute);font-size:14px}
.auth-box .err{color:var(--bad);font-size:14px;min-height:20px;margin:10px 0 0}
.auth-box .ok{background:var(--ok-soft);color:var(--ok);border-radius:10px;padding:12px 14px;font-size:14px}
.pw{position:relative}
.pw .input{padding-right:84px}
.pw button{position:absolute;right:6px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:var(--acc);font-weight:600;font-size:13px;cursor:pointer;padding:6px 8px}
.strength{height:4px;border-radius:99px;background:var(--bg-2);overflow:hidden;margin-top:6px}
.strength i{display:block;height:100%;width:0;background:var(--bad);transition:width .2s,background .2s}
.check{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--mute);margin-bottom:16px}
.check input{margin-top:3px}

.auth-top{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;max-width:400px}
@media (min-width:960px){.auth-top{justify-content:flex-end}}
.forgot{text-align:end;margin:-6px 0 16px;font-size:14px}
.pw button{right:auto;inset-inline-end:6px}
.pw .input{padding-right:12px;padding-inline-end:84px}