.elementor-3332 .elementor-element.elementor-element-58f0a73{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}/* Start custom CSS for html, class: .elementor-element-780938a */.auth-wrap{
  display:flex; align-items:center; justify-content:center;
  padding:48px 16px 72px;
  background:linear-gradient(180deg, transparent, rgba(108,78,180,.04));
}

.auth-card{
  width:100%; max-width:520px;
  background:#fff;
  border:1px solid var(--clr-line);
  border-radius: var(--radius,12px);
  box-shadow: 0 10px 28px rgba(76,52,146,.08);
  padding:28px 26px;
  color:#555;
}

.auth-head{margin-bottom:10px}
.auth-title{
  margin:0 0 6px; font:800 24px/1.25 "Montserrat",system-ui,sans-serif; color:var(--clr-ink,#222);
}
.auth-sub{
  margin:0; font-size:14px; color:var(--clr-main-2,#6b7190);
}

.auth-benefits{
  list-style:none; padding:0; margin:14px 0 18px;
  display:grid; gap:6px; font-size:15px; color:var(--clr-main-2,#6b7190);
}
.auth-benefits li{position:relative; padding-left:14px}
.auth-benefits li::before{
  content:""; position:absolute; left:0; top:.72em; width:.42em; height:.42em;
  background: var(--clr-main,#6C4EB4); border-radius:50%; opacity:.85;
}
.auth-form{margin-top:4px}
.field{display:block; margin-bottom:14px}
.field-label{display:block; font:700 13px/1 "Montserrat"; color:#60636c; margin:0 0 6px}

/* Группа ввода телефона */
.field-group{display:flex}
.country-code{
  appearance:none; -webkit-appearance:none; -moz-appearance:none;
  border:1px solid var(--clr-line); border-right:none;
  border-radius:10px 0 0 10px; padding:0 12px; height:48px;
  background:#F7F6FB url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6'><path d='M0 0l5 6 5-6' fill='%238B83C2'/></svg>") no-repeat right 10px center;
  color:var(--clr-main-2,#6b7190); font-weight:600; cursor:pointer;
}
.phone-input{
  flex:1; height:48px; border:1px solid var(--clr-line);
  border-left:none; border-radius:0 10px 10px 0; padding:0 14px; font-size:16px; background:#fff;
}
.phone-input:focus, .country-code:focus{
  outline:none; border-color:var(--clr-main,#6C4EB4);
  box-shadow:0 0 0 3px rgba(108,78,180,.12);
}

.field-hint{margin-top:6px; font-size:12.5px; color:#8690a6}
.field-error{
  display:none; margin-top:8px; font-size:13.5px;
  color:#A33C3C; background:#FCEEEE; border:1px solid #F5C2C2; border-radius:10px; padding:10px 12px;
}

/* Кнопка */
.btn-continue{
  width:100%; height:48px; border:none; border-radius:10px;
  background:linear-gradient(180deg, var(--clr-main,#6C4EB4), #5b41b0);
  color:#fff; font-weight:700; cursor:pointer;
  box-shadow:0 8px 22px rgba(76,52,146,.18);
  transition:transform .15s ease, filter .2s ease, box-shadow .25s ease;
}
.btn-continue:hover{transform:translateY(-1px); filter:brightness(1.03)}
.btn-continue:active{transform:none}

/* Примечание/ссылки */
.auth-note{margin:10px 0 0; font-size:13px; color:#7A6FB5}
.auth-links{margin-top:16px; display:flex; justify-content:center; gap:18px; flex-wrap:wrap}
.auth-link{color:var(--clr-main,#6C4EB4); text-decoration:none; font-weight:700; font-size:14px}
.auth-link:hover{text-decoration:underline}

@media (max-width:480px){
  .auth-card{padding:22px 18px}
  .auth-title{font-size:22px}
}/* End custom CSS */