/* Scoped to the shared CARDVEA connection / registration entry screen. */
main:has(a[aria-label="Continuer avec Google"]) section.mx-auto > div > div:first-child h1 {
  font-size: 36px;
  font-weight: 650;
  letter-spacing: -0.035em;
}

main:has(a[aria-label="Continuer avec Google"]) section.mx-auto > div > div:first-child p {
  color: #4f535c;
}

main:has(a[aria-label="Continuer avec Google"]) a[aria-label="Continuer avec Google"],
main:has(a[aria-label="Continuer avec Google"]) a[aria-label="Continuer avec Apple"] {
  height: 55px;
  gap: 12px;
  border-color: #e7e7ea;
  border-radius: 13px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

main:has(a[aria-label="Continuer avec Google"]) a[aria-label="Continuer avec Google"] img,
main:has(a[aria-label="Continuer avec Google"]) a[aria-label="Continuer avec Apple"] img {
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  object-fit: contain;
}

main:has(a[aria-label="Continuer avec Google"]) a[aria-label="Continuer avec Apple"] img {
  content: url("/apple-signin-logo.svg");
}

main:has(a[aria-label="Continuer avec Google"]) a[aria-label="Continuer avec Google"]:hover,
main:has(a[aria-label="Continuer avec Google"]) a[aria-label="Continuer avec Apple"]:hover {
  transform: translateY(-1px);
  border-color: #dedee2;
  box-shadow: 0 4px 11px rgba(0, 0, 0, 0.075);
}

main:has(a[aria-label="Continuer avec Google"]) section.mx-auto > div > div:nth-child(3) {
  width: 88%;
  margin-left: auto;
  margin-right: auto;
}

main:has(a[aria-label="Continuer avec Google"]) section.mx-auto > div > button[type="button"] {
  height: 55px;
  border-radius: 13px;
  box-shadow: 0 6px 16px rgba(120, 60, 240, 0.18);
}

main:has(a[aria-label="Continuer avec Google"]) section.mx-auto > div > button[type="button"]:hover {
  transform: translateY(-1px);
  box-shadow: 0 8px 19px rgba(120, 60, 240, 0.22);
}

main:has(a[aria-label="Continuer avec Google"]) section.mx-auto > div > p:last-child {
  font-size: 13.5px;
  line-height: 1.6;
}

@media (min-width: 1024px) {
  main:has(a[aria-label="Continuer avec Google"]) section.mx-auto {
    min-height: auto;
    align-items: flex-start;
    padding-top: clamp(36px, 5.5vh, 64px);
    padding-bottom: 48px;
  }
}

@media (max-width: 639px) {
  main:has(a[aria-label="Continuer avec Google"]) section.mx-auto > div > div:first-child h1 {
    font-size: 31px;
  }

  main:has(a[aria-label="Continuer avec Google"]) section.mx-auto > div > p:last-child {
    font-size: 13px;
  }
}