/* Страницы входа/регистрации: спокойная карточка без анимаций и градиентов,
   в одном визуальном языке с кабинетом. */

.page:has(.auth-wrap){
  display:flex;align-items:center;justify-content:center;
  min-height:calc(100vh - 68px - 220px);
  padding:24px 0;
}

.auth-wrap.card{
  width:100%;max-width:400px;margin:0 auto;padding:28px 28px 24px;
  border-radius:10px;box-shadow:none;border:1px solid #e5e8ee;
}

.auth-mark{
  display:grid;place-items:center;width:36px;height:36px;margin:0 0 16px;
  border-radius:8px;color:var(--brand2);
  background:var(--brand-light);
}
.auth-mark svg{width:18px;height:18px;}

.auth-wrap h1{margin:0 0 4px;font-size:20px;font-weight:600;color:var(--text-heading);letter-spacing:-.01em;}
.auth-wrap .sub{margin:0 0 20px;color:var(--muted);font-size:13px;line-height:1.5;}

.field{margin-bottom:14px;}
.field label{display:block;margin-bottom:4px;font-size:12px;font-weight:500;color:var(--muted);}
.field input,.field select{
  width:100%;height:36px;padding:0 10px;
  border:1px solid #d6dbe3;border-radius:6px;
  font-size:14px;color:var(--text);background:var(--surface);
  transition:border-color var(--transition),box-shadow var(--transition);
}
.field input:hover,.field select:hover{border-color:#cfd5df;}
.field input:focus,.field select:focus{outline:none;border-color:var(--brand2);box-shadow:0 0 0 3px rgba(37,99,235,.18);}
.status{min-height:20px;margin:10px 0 0;font-size:13px;line-height:1.45;}
.status:empty{display:none;}
.auth-inline-link{margin:-6px 0 14px;text-align:right;font-size:13px;}
.auth-inline-link a{color:var(--brand2);text-decoration:none;font-weight:500;}
.auth-inline-link a:hover{text-decoration:underline;}
.captcha-box{margin:0 0 14px;}
.captcha-box.is-hidden{display:none;}
.captcha-image{
  display:flex;align-items:center;justify-content:center;
  min-height:90px;margin:0 0 10px;padding:6px;
  border:1px solid #d6dbe3;border-radius:6px;
  background:#f7f8fa;
}
.captcha-image img{display:block;width:220px;height:78px;max-width:100%;}
.captcha-answer-field{margin-bottom:10px;}
.auth-footer{font-size:13px;color:var(--muted);margin-top:18px;padding-top:14px;border-top:1px solid #e5e8ee;text-align:center;}
.auth-footer a{color:var(--brand2);text-decoration:none;font-weight:500;}
.auth-footer a:hover{text-decoration:underline;}

/* --- «подарок» за регистрацию --- */
.auth-gift{
  display:flex;align-items:flex-start;gap:10px;margin:4px 0 16px;padding:10px 12px;
  border:1px solid #d9e5fb;border-radius:6px;background:var(--brand-light);
  color:var(--text);font-size:13px;line-height:1.5;
}
.auth-gift[hidden]{display:none;}
.auth-gift__icon{flex:0 0 auto;font-size:15px;line-height:1.3;}
.auth-gift b{color:var(--brand2);font-weight:600;}

/* --- согласие на обработку данных --- */
.auth-consent{margin:10px 0 14px;font-size:12.5px;line-height:1.5;color:var(--muted);display:flex;flex-direction:column;gap:8px;}
.auth-consent a{color:var(--muted);text-decoration:underline;}
.auth-consent a:hover{color:var(--brand2);}
.auth-check{display:flex;align-items:flex-start;gap:10px;cursor:pointer;}
.auth-check input{flex:0 0 auto;width:15px;height:15px;margin:2px 0 0;accent-color:var(--brand2);cursor:pointer;}

.auth-wrap .btn-primary{
  height:38px;border-radius:6px;font-weight:500;
  background:var(--brand2);border-color:var(--brand2);
}
.auth-wrap .btn-primary:hover:not(:disabled):not([aria-disabled="true"]){background:var(--brand);border-color:var(--brand);box-shadow:none;}
.auth-wrap .btn-primary:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(37,99,235,.25);}

@media(max-width:480px){
  .auth-wrap.card{padding:22px 18px;}
}