/* Форма получения исследования — карточка поверх стопки обложек на первом
   экране. Имена полей совпадают со штатной формой сайта #checklistsForm:
   username, usercompany, useremail, agree_terms, agree_ads, agree_cookies. */

.wbr-form{
  position:relative;
  z-index:1;
  padding:clamp(26px,2.8vw,38px);
  border:1px solid var(--wbr-line-dk);
  border-radius:var(--wbr-r-lg);
  background:rgba(33,44,80,.97);
  box-shadow:0 34px 70px -40px rgba(0,0,0,.9);
}
.wbr-form__ttl{ font-size:28px; font-weight:500; line-height:1.16; }
.wbr-form__sub{ margin-top:8px; font-size:15px; line-height:1.55; color:rgba(255,255,255,.6); }

.wbr-form__fields{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  margin-top:24px;
}
.wbr-field--wide{ grid-column:1 / -1; }

.wbr-field input{
  width:100%;
  min-height:58px;
  padding:16px 18px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:var(--wbr-r-sm);
  background:rgba(255,255,255,.04);
  color:#fff;
  font-size:17px;
  transition:border-color .2s, background .2s;
}
.wbr-field input::placeholder{ color:rgba(255,255,255,.42); }
.wbr-field input:focus{
  outline:none;
  border-color:var(--wbr-blue);
  background:rgba(255,255,255,.07);
}
.wbr-field.wbr-is-invalid input{ border-color:#ff7a8a; }
.wbr-field__err{
  display:none;
  margin-top:7px;
  font-size:14px;
  color:#ff9aa7;
}
.wbr-field.wbr-is-invalid .wbr-field__err{ display:block; }

/* honeypot: человек поле не видит, бот заполняет */
.wbr-form__hp{
  position:absolute;
  left:-9999px;
  width:0; height:0;
  opacity:0;
  pointer-events:none;
}

.wbr-form__agree{
  display:flex;
  align-items:flex-start;
  gap:12px;
  margin-top:16px;
  font-size:14px;
  line-height:1.45;
  color:rgba(255,255,255,.58);
  cursor:pointer;
}
.wbr-form__agree + .wbr-form__agree{ margin-top:10px; }
.wbr-form__agree input{
  flex:none;
  width:20px; height:20px;
  margin:1px 0 0;
  accent-color:var(--wbr-blue);
  cursor:pointer;
}
.wbr-form__agree a{ color:var(--wbr-blue-soft); text-decoration:underline; text-underline-offset:2px; }
.wbr-form__agree.wbr-is-invalid span{ color:#ff9aa7; }

.wbr-form .wbr-btn{ width:100%; margin-top:22px; }
.wbr-form__note{
  margin-top:14px;
  font-size:14px;
  line-height:1.45;
  color:rgba(255,255,255,.5);
  text-align:center;
}
.wbr-form__msg{
  display:none;
  margin-top:16px;
  padding:14px 16px;
  border-radius:var(--wbr-r-sm);
  font-size:15px;
  line-height:1.45;
}
.wbr-form__msg.wbr-is-ok{ display:block; background:rgba(110,195,67,.14); color:#b7e6a0; }
.wbr-form__msg.wbr-is-err{ display:block; background:rgba(255,122,138,.14); color:#ffb2bc; }

.wbr-form__dl{ width:100%; margin-top:14px; }
.wbr-form .wbr-btn[hidden]{ display:none; }

@media (max-width:620px){
  .wbr-form{ padding:26px 20px; }
  .wbr-form__ttl{ font-size:24px; }
  .wbr-form__fields{ grid-template-columns:minmax(0,1fr); }
}