/* PHOENIX_REGISTRATION_PAGE_V2 */

body.home-tavern-bg {
  min-height: 100vh;
}


/* Основная компоновка */

body.home-tavern-bg
.home-page.home-layout {
  width:
    min(
      1240px,
      calc(100% - 32px)
    );

  display: grid;

  grid-template-columns:
    minmax(0, 1fr)
    420px;

  grid-template-areas:
    "welcome auth"
    "benefits auth";

  gap: 24px 32px;
  align-items: start;

  padding:
    32px
    0
    42px
    !important;
}

body.home-tavern-bg
.home-main-column {
  display: contents;
}

body.home-tavern-bg
.welcome-section {
  grid-area: welcome;

  margin: 0;
  padding: 24px 4px 0;

  text-align: left;
}

body.home-tavern-bg
.welcome-brand {
  margin:
    0
    0
    18px;

  background:
    rgba(12, 8, 17, 0.62);
}

body.home-tavern-bg
.welcome-section .eyebrow {
  margin-bottom: 12px;

  font-size: 0.78rem;
  font-weight: 900;
}

body.home-tavern-bg
.welcome-title {
  max-width: 760px;

  margin:
    0
    0
    18px;

  text-align: left;

  font-size:
    clamp(
      52px,
      6vw,
      82px
    );

  line-height: 1.02;
}

body.home-tavern-bg
.welcome-text {
  max-width: 760px;

  margin: 0;

  text-align: left;

  color:
    rgba(
      255,
      246,
      225,
      0.8
    );

  font-size: 1.08rem;
  line-height: 1.65;
}


/* Карточки возможностей */

body.home-tavern-bg
.home-info-grid {
  grid-area: benefits;

  display: grid;
  grid-template-columns:
    repeat(
      3,
      minmax(0, 1fr)
    );

  gap: 12px;

  margin: 0;
}

body.home-tavern-bg
.home-info-card {
  min-height: 0;

  padding: 18px;

  border:
    1px solid
    rgba(
      255,
      214,
      128,
      0.15
    );

  border-radius: 20px;

  background:
    linear-gradient(
      150deg,
      rgba(34, 21, 40, 0.79),
      rgba(11, 7, 16, 0.75)
    );

  box-shadow:
    0 15px 36px
    rgba(0, 0, 0, 0.2);
}

body.home-tavern-bg
.home-info-card__icon {
  width: 46px;
  height: 46px;

  margin-bottom: 13px;

  border-radius: 14px;

  font-size: 22px;
}

body.home-tavern-bg
.home-info-card__label {
  margin-bottom: 6px;
}

body.home-tavern-bg
.home-info-card h2 {
  margin-bottom: 9px;

  font-size: 1.04rem;
  line-height: 1.25;
}

body.home-tavern-bg
.home-info-card p:last-child {
  margin:
    0;

  color:
    rgba(
      255,
      245,
      220,
      0.7
    );

  font-size: 0.88rem;
  line-height: 1.48;
}


/* Колонка регистрации */

body.home-tavern-bg
.home-auth-column {
  grid-area: auth;

  position: sticky;
  top: 24px;
}

body.home-tavern-bg
.home-auth-column .auth-card {
  position: relative;

  width: 100%;

  margin: 0;
  padding: 25px;

  overflow: hidden;

  border:
    1px solid
    rgba(
      255,
      214,
      128,
      0.27
    );

  border-radius: 28px;

  background:
    linear-gradient(
      155deg,
      rgba(37, 22, 43, 0.94),
      rgba(11, 7, 16, 0.93)
    );

  box-shadow:
    0 28px 75px
    rgba(0, 0, 0, 0.42),
    0 0 34px
    rgba(185, 113, 42, 0.08);

  backdrop-filter: blur(18px);
}

body.home-tavern-bg
.home-auth-column .auth-card::before {
  content: "";

  position: absolute;
  top: -90px;
  right: -90px;

  width: 220px;
  height: 220px;

  border-radius: 50%;

  background:
    radial-gradient(
      circle,
      rgba(242, 170, 70, 0.15),
      transparent 68%
    );

  pointer-events: none;
}


/* Переключатель регистрации и входа */

body.home-tavern-bg
.auth-tabs {
  position: relative;
  z-index: 1;

  gap: 7px;

  margin-bottom: 23px;
  padding: 5px;

  border:
    1px solid
    rgba(
      255,
      214,
      128,
      0.12
    );

  border-radius: 999px;

  background:
    rgba(4, 3, 7, 0.34);
}

body.home-tavern-bg
.auth-tab {
  min-height: 43px;

  border-color: transparent;

  font-weight: 850;

  transition:
    background 160ms ease,
    border-color 160ms ease,
    transform 160ms ease;
}

body.home-tavern-bg
.auth-tab:hover {
  transform: translateY(-1px);

  background:
    rgba(
      255,
      255,
      255,
      0.045
    );
}

body.home-tavern-bg
.auth-tab.is-active {
  border-color:
    rgba(
      255,
      218,
      145,
      0.38
    );

  background:
    linear-gradient(
      135deg,
      rgba(202, 130, 46, 0.34),
      rgba(111, 61, 149, 0.25)
    );

  box-shadow:
    0 8px 20px
    rgba(0, 0, 0, 0.22);
}


/* Формы */

body.home-tavern-bg
.auth-form {
  position: relative;
  z-index: 1;

  gap: 14px;
}

body.home-tavern-bg
.auth-form h2 {
  margin:
    0
    0
    2px;

  color: #ffe3a6;

  font-size:
    clamp(
      1.42rem,
      3vw,
      1.8rem
    );

  line-height: 1.2;
}

body.home-tavern-bg
.auth-form-intro {
  margin:
    0
    0
    5px;

  color:
    rgba(
      255,
      245,
      220,
      0.68
    );

  font-size: 0.91rem;
  line-height: 1.5;
}

body.home-tavern-bg
.auth-form > label {
  gap: 7px;

  color:
    rgba(
      255,
      246,
      226,
      0.82
    );

  font-size: 0.9rem;
  font-weight: 760;
}

body.home-tavern-bg
.auth-form input:not([type="checkbox"]) {
  width: 100%;
  min-height: 48px;

  box-sizing: border-box;

  border:
    1px solid
    rgba(
      255,
      214,
      128,
      0.19
    );

  border-radius: 14px;

  padding:
    12px
    14px;

  background:
    rgba(
      5,
      3,
      9,
      0.47
    );

  color: #fff8e8;

  font: inherit;

  outline: none;

  transition:
    border-color 160ms ease,
    background 160ms ease,
    box-shadow 160ms ease;
}

body.home-tavern-bg
.auth-form input:not([type="checkbox"])::placeholder {
  color:
    rgba(
      255,
      245,
      220,
      0.34
    );
}

body.home-tavern-bg
.auth-form input:not([type="checkbox"]):hover {
  border-color:
    rgba(
      255,
      214,
      128,
      0.32
    );
}

body.home-tavern-bg
.auth-form input:not([type="checkbox"]):focus {
  border-color:
    rgba(
      255,
      199,
      94,
      0.68
    );

  background:
    rgba(
      10,
      6,
      14,
      0.68
    );

  box-shadow:
    0 0 0 3px
    rgba(
      218,
      143,
      47,
      0.12
    );
}

body.home-tavern-bg
.auth-form
.phoenix-password-wrap {
  width: 100%;
}


/* Согласия */

body.home-tavern-bg
.legal-consents {
  gap: 9px;

  margin:
    3px
    0
    1px;

  padding: 13px;

  border-radius: 15px;

  background:
    rgba(
      5,
      3,
      9,
      0.27
    );
}

body.home-tavern-bg
.legal-consent {
  grid-template-columns:
    19px
    minmax(0, 1fr);

  gap: 9px;

  font-size: 0.82rem;
  line-height: 1.38;
}

body.home-tavern-bg
.legal-consent input {
  width: 17px;
  height: 17px;
}

body.home-tavern-bg
.legal-consent a {
  color: #ffdc96;
}


/* Кнопки и сообщения */

body.home-tavern-bg
.auth-form > button[type="submit"] {
  min-height: 50px;

  margin-top: 2px;

  border:
    1px solid
    rgba(
      255,
      220,
      150,
      0.47
    );

  border-radius: 15px;

  background:
    linear-gradient(
      135deg,
      rgba(213, 137, 47, 0.78),
      rgba(119, 62, 164, 0.55)
    );

  color: #fff1ca;

  font-size: 1rem;
  font-weight: 900;

  box-shadow:
    0 12px 28px
    rgba(0, 0, 0, 0.24);

  transition:
    transform 160ms ease,
    filter 160ms ease,
    box-shadow 160ms ease;
}

body.home-tavern-bg
.auth-form > button[type="submit"]:hover {
  transform: translateY(-1px);
  filter: brightness(1.08);

  box-shadow:
    0 16px 34px
    rgba(0, 0, 0, 0.3);
}

body.home-tavern-bg
.auth-form > button[type="submit"]:active {
  transform: translateY(0);
}

body.home-tavern-bg
.auth-forgot-link {
  width: fit-content;

  margin-top: 6px;

  font-size: 0.83rem;
}

body.home-tavern-bg
.auth-status {
  position: relative;
  z-index: 1;

  min-height: 0;

  margin:
    14px
    0
    0;

  padding:
    0;

  border-radius: 12px;

  font-size: 0.88rem;
  line-height: 1.45;
}

body.home-tavern-bg
.auth-status:not(:empty) {
  padding: 10px 12px;

  border:
    1px solid
    rgba(
      255,
      214,
      128,
      0.18
    );

  background:
    rgba(
      255,
      214,
      128,
      0.06
    );
}

body.home-tavern-bg
.auth-status.is-error:not(:empty) {
  border-color:
    rgba(
      255,
      116,
      116,
      0.26
    );

  background:
    rgba(
      150,
      40,
      40,
      0.13
    );
}


/* Планшеты */

@media (max-width: 1100px) {
  body.home-tavern-bg
  .home-info-grid {
    grid-template-columns: 1fr;
  }
}


/* Телефоны и небольшие экраны */

@media (max-width: 980px) {
  body.home-tavern-bg
  .home-page.home-layout {
    grid-template-columns: 1fr;

    grid-template-areas:
      "welcome"
      "auth"
      "benefits";

    gap: 20px;

    padding-top:
      20px
      !important;
  }

  body.home-tavern-bg
  .home-auth-column {
    position: static;

    width:
      min(
        540px,
        100%
      );

    margin:
      0
      auto;
  }

  body.home-tavern-bg
  .welcome-section {
    padding:
      10px
      2px
      0;

    text-align: center;
  }

  body.home-tavern-bg
  .welcome-brand {
    margin:
      0
      auto
      15px;
  }

  body.home-tavern-bg
  .welcome-title {
    margin:
      0
      auto
      16px;

    text-align: center;
  }

  body.home-tavern-bg
  .welcome-text {
    margin:
      0
      auto;

    text-align: center;
  }

  body.home-tavern-bg
  .home-info-grid {
    grid-template-columns:
      repeat(
        3,
        minmax(0, 1fr)
      );
  }
}


@media (max-width: 720px) {
  body.home-tavern-bg
  .home-page.home-layout {
    width:
      min(
        100% - 20px,
        1240px
      );

    gap: 16px;
  }

  body.home-tavern-bg
  .welcome-title {
    font-size:
      clamp(
        43px,
        14vw,
        63px
      );
  }

  body.home-tavern-bg
  .welcome-text {
    font-size: 0.97rem;
    line-height: 1.55;
  }

  body.home-tavern-bg
  .home-info-grid {
    grid-template-columns: 1fr;
  }

  body.home-tavern-bg
  .home-info-card {
    display: grid;

    grid-template-columns:
      48px
      minmax(0, 1fr);

    column-gap: 13px;

    padding: 16px;
  }

  body.home-tavern-bg
  .home-info-card__icon {
    grid-row:
      span 3;

    margin: 0;
  }

  body.home-tavern-bg
  .home-auth-column .auth-card {
    padding: 18px;

    border-radius: 22px;
  }

  body.home-tavern-bg
  .auth-form-intro {
    font-size: 0.87rem;
  }

  body.home-tavern-bg
  .legal-consent {
    font-size: 0.79rem;
  }
}


/* PHOENIX_REGISTRATION_BENEFITS_NO_ICONS_V1 */

body.home-tavern-bg
.home-info-card {
  display: block !important;
  grid-template-columns: 1fr !important;
}

body.home-tavern-bg
.home-info-card__icon {
  display: none !important;
}

body.home-tavern-bg
.home-info-card__label {
  margin-top: 0 !important;
}