@charset "UTF-8";

/* Thanks */
.thanks-section {
  min-height: calc(100vh - var(--header-height));
  padding: 112px 0 96px;
  display: grid;
  align-items: center;
  border-bottom: 1px solid var(--color-line);
}

.thanks-panel {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  padding: 56px;
  border: 1px solid var(--color-line);
  border-radius: var(--radius-subtle);
  background: #fff;
}

.thanks-panel::before {
  opacity: .68;
}

.thanks-panel::after {
  opacity: .42;
}

.thanks-panel h1 {
  margin-bottom: 26px;
  transform: translateX(-.04em);
  white-space: nowrap;
}

.thanks-panel p {
  max-width: 620px;
}

.thanks-note {
  margin-top: 2px;
}

.thanks-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 22px;
  margin-top: 36px;
}

@media (min-width: 901px) and (max-width: 1120px) {
  .thanks-panel {
    padding: 48px;
  }

  .thanks-panel h1 {
    font-size: clamp(29px, 3.5vw, 42px);
    letter-spacing: .04em;
  }

  .thanks-panel p {
    font-size: 11.5px;
    line-height: 1.85;
  }
}

@media (max-width: 900px) {
  .thanks-section {
    min-height: auto;
    padding: 72px 0;
  }

  .thanks-panel {
    padding: 34px;
  }

  .thanks-panel h1 {
    font-size: clamp(27px, 5.4vw, 42px);
    letter-spacing: .04em;
    white-space: normal;
  }
}

@media (max-width: 520px) {
  .thanks-section {
    padding: 56px 0;
  }

  .thanks-panel {
    padding: 26px;
  }

  .thanks-panel h1 {
    font-size: clamp(25px, 6.6vw, 34px);
    letter-spacing: .02em;
  }

  .thanks-panel p {
    font-size: 11.5px;
    line-height: 1.85;
    letter-spacing: .02em;
  }

  .thanks-actions {
    display: grid;
    gap: 18px;
  }

  .thanks-actions .button,
  .thanks-actions .text-link {
    width: 100%;
  }
}