form.col-lg-6.form-transparent {
  background: transparent;
  max-width: none;
  flex: none;
}

@media (min-width: 1200px) {
  html, body, header {
    background: #F8F0EA;
  }
}
.grecaptcha-badge {
  visibility: hidden !important;
}

header, body {
  background: #F8F0EA;
  font-family: "Aeonik";
  min-width: 370px;
}

banner {
  padding: 10px 20px;
  display: flex;
  width: 100%;
  background: rgba(5, 48, 173, 0.6);
  height: auto;
  justify-content: center;
  align-items: center;
}
banner > span {
  text-align: center;
  color: white;
  font-family: "Aeonik";
  font-size: 14px;
}
banner > span > a {
  color: white;
  text-decoration: underline;
}
banner > span > a:hover {
  text-decoration: underline;
  color: white;
}

.page-title-header {
  margin: 50px 15px 100px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  justify-content: center;
  align-items: center;
  min-width: 80%;
}
.page-title-header .buttons {
  display: flex;
  flex-direction: row;
  gap: 10px;
  justify-content: center;
}
.page-title-header.with-blob {
  position: relative;
  z-index: 1;
  margin-top: 0px;
  padding-top: 100px;
}

@media (max-width: 610px) {
  .page-title-header.with-blob {
    padding-top: 50px;
    margin-top: 30px;
  }
}
@media (max-width: 610px) {
  .page-title-header {
    margin-bottom: 80px;
  }
}
.title {
  white-space: normal;
  font-family: Aeonik;
  font-style: normal;
  font-weight: 400;
  line-height: 115%;
  font-size: 57px;
}
@media (max-width: 1200px) {
  .title {
    font-size: 47px;
  }
}
@media (max-width: 1000px) {
  .title {
    font-size: 38px;
  }
}
.title.center {
  text-align: center;
}
.title.limit-width {
  max-width: 830px;
}

.subtitle {
  white-space: normal;
  font-family: Aeonik;
  font-size: 19px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.subtitle.center {
  text-align: center;
}
.subtitle.limit-width {
  max-width: 700px;
}

.big-button, .reg-button, .form-button {
  height: 40px;
  background: #1E1E1E;
  color: #F8F0EA;
  text-align: center;
  font-family: Aeonik;
  font-size: 19px;
  font-style: normal;
  font-weight: 400;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  line-height: 0px;
  cursor: pointer;
  text-decoration: none;
  border: none;
}
.big-button:hover, .reg-button:hover, .form-button:hover {
  color: #F8F0EA;
  text-decoration: none;
}

.big-button {
  width: 192px;
}

.reg-button, .form-button {
  width: 140px;
}

.reg-button, .big-button {
  transition: background-position 0.5s;
  background-size: 200% 100%;
  background-image: linear-gradient(to right, #EA516C 50%, #1E1E1E 50%);
  background-position: 100% 0;
}
.reg-button:hover, .big-button:hover {
  background-position: 0 0;
}

section {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 40px;
  margin-bottom: 100px;
}
section .title {
  padding: 0px 30px;
  color: #1E1E1E;
  text-align: center;
  font-family: Aeonik;
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 115%;
}
section .big-title {
  padding: 0px 15px;
  white-space: normal;
  color: #1E1E1E;
  text-align: center;
  font-family: Aeonik;
  font-size: 50px;
  font-style: normal;
  font-weight: 500;
  line-height: 135%;
  max-width: 960px;
}
section .subtitle {
  white-space: normal;
  color: #1E1E1E;
  text-align: center;
  font-family: Aeonik;
  font-size: 19px;
  font-style: normal;
  font-weight: 400;
  line-height: 143%;
  max-width: 600px;
  width: 80%;
}
section .subtitle.max-width {
  max-width: 838px;
}
section.row {
  height: 600px;
  margin: 40px 0px 40px;
  padding: 40px 0px;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  align-items: center;
}
section.row.radial-gradient {
  background: radial-gradient(212.53% 185.17% at 39.62% 147.58%, #FFD522 0%, rgba(255, 255, 255, 0) 68.41%);
}
section.row.radial-gradient.orange {
  background: radial-gradient(212.53% 185.17% at 39.62% 147.58%, #ff6e05 0%, rgba(255, 255, 255, 0) 68.41%);
}
section.row.radial-gradient.white {
  background: radial-gradient(212.53% 185.17% at 39.62% 147.58%, #ffffff 0%, rgba(255, 255, 255, 0) 68.41%);
}
section.row.linear-gradient {
  background: linear-gradient(170deg, rgba(217, 217, 217, 0) 6.35%, #C81580 195.19%), linear-gradient(124deg, rgba(217, 217, 217, 0) 29.88%, #FFD522 127.31%);
}
section.row.linear-gradient.yellow-green {
  background: linear-gradient(189deg, rgba(217, 217, 217, 0) 45.35%, #FFD522 195.19%), linear-gradient(127deg, rgba(217, 217, 217, 0) 60.88%, #3DB98D 127.31%);
}
section.row.linear-gradient.yellow-white {
  background: linear-gradient(189deg, rgba(217, 217, 217, 0) 45.35%, #ffffff 195.19%), linear-gradient(127deg, rgba(217, 217, 217, 0) 60.88%, #FFD522 127.31%);
}
section.row.linear-gradient.green-white {
  background: linear-gradient(189deg, rgba(217, 217, 217, 0) 45.35%, #FFFFFF 195.19%), linear-gradient(127deg, rgba(217, 217, 217, 0) 60.88%, #3DB98D 127.31%);
}
section.row.linear-gradient.blue-white {
  background: linear-gradient(189deg, rgba(217, 217, 217, 0) 45.35%, #FFFFFF 195.19%), linear-gradient(127deg, rgba(217, 217, 217, 0) 60.88%, #3E68FD 127.31%);
}
section.row.linear-gradient.ltblue-white {
  background: linear-gradient(189deg, rgba(217, 217, 217, 0) 45.35%, #FFFFFF 195.19%), linear-gradient(127deg, rgba(217, 217, 217, 0) 60.88%, #1AC7DF 127.31%);
}
section.row.linear-gradient.purple-white {
  background: linear-gradient(189deg, rgba(217, 217, 217, 0) 45.35%, #FFFFFF 195.19%), linear-gradient(127deg, rgba(217, 217, 217, 0) 60.88%, #9F2BC7 127.31%);
}
section.row.linear-gradient.white-light {
  background: linear-gradient(189deg, rgba(217, 217, 217, 0) 45.35%, #FFFFFF 195.19%), linear-gradient(127deg, rgba(217, 217, 217, 0) 60.88%, #f8f9fa 127.31%);
}
section.row.linear-gradient.white-light2 {
  background: linear-gradient(189deg, rgba(217, 217, 217, 0) 45.35%, rgba(255, 255, 255, 0.2392156863) 195.19%), linear-gradient(127deg, rgba(217, 217, 217, 0) 60.88%, #ffffff 127.31%);
}
section.row > div.content {
  max-width: 345px;
}
section.row > div.content .text {
  text-align: left;
  color: #1E1E1E;
  font-family: Aeonik;
  font-weight: 400;
  padding: 0;
}
section.row > div.content .text.retro {
  font-family: "Apple Garamond";
}
section.row > div.content .text.title {
  margin-bottom: 20px;
  font-size: 36px;
  line-height: 41.4px;
}
section.row > div.content .text.description {
  font-size: 19px;
  line-height: 25.65px;
}
@media (max-width: 1000px) {
  section.row {
    height: auto;
    flex-direction: column;
  }
  section.row.reverse {
    flex-direction: column-reverse;
  }
  section.row > div.content {
    max-width: 550px;
    padding: 0px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  section.row > div.content .text {
    text-align: center;
  }
  section.row > div.content .text.title {
    font-size: 28px;
  }
  section.row > div.content .text.description {
    font-size: 17px;
  }
}
section.radial-gradient {
  background: radial-gradient(212.53% 185.17% at 39.62% 147.58%, #FFD522 0%, rgba(255, 255, 255, 0) 68.41%);
}
@media (min-width: 610px) and (max-width: 1200px) {
  section {
    margin-bottom: 150px;
  }
  section .title, section .big-title {
    font-size: 38px;
  }
}
@media (max-width: 610px) {
  section {
    margin-bottom: 80px;
  }
  section .title, section .big-title {
    font-size: 28.5px;
  }
  section .subtitle {
    font-size: 16px;
  }
  section.row > div.content .text.title {
    font-size: 20px;
  }
  section.row > div.content .text.description {
    font-size: 17px;
  }
}

@media (max-width: 1200px) {
  .show-dropdown-nav-btn {
    width: 71px;
    height: 63px;
    fill: #1E1E1E;
    cursor: pointer;
  }
  .top-nav-bar {
    display: none !important;
  }
  .sign-up-or-in {
    display: none;
  }
}
header nav {
  padding: 20px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.dropdown-nav-container {
  position: relative;
  display: block;
}

.show-dropdown-nav-btn {
  cursor: pointer;
  width: 40px;
  height: 40px;
}

.dropdown-nav-bar {
  display: block;
  flex-direction: column;
  position: absolute;
  z-index: 100;
  top: 63px;
  right: 30px;
  width: 295px;
  background-color: white;
  border-radius: 18px;
  border: 1px solid #1e1e1e;
  justify-content: space-between;
  align-items: flex-start;
  box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, 0.25);
  padding: 15px;
}
.dropdown-nav-bar.inactive {
  display: none;
}
.dropdown-nav-bar > label {
  display: flex;
  width: 83px;
  height: 23px;
  background-color: #1E1E1E;
  justify-content: center;
  align-items: center;
  color: #FFF;
  text-align: center;
  font-family: Aeonik;
  font-size: 11px;
  font-style: normal;
  font-weight: 700;
  line-height: 135%; /* 14.85px */
  letter-spacing: 1.1px;
  margin: 0;
  border-top-left-radius: 14px;
}
.dropdown-nav-bar > a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  height: 47px;
  text-align: left;
  color: #1E1E1E;
  padding: 0px 20px;
  font-family: Aeonik;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
}
.dropdown-nav-bar > a.active {
  color: #EA516C;
  font-weight: 700;
}
.dropdown-nav-bar .mobile-menu-item,
.dropdown-nav-bar .mobile-category-item {
  width: 100%;
}
.dropdown-nav-bar ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.dropdown-nav-bar .mobile-menu-item > a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  height: 47px;
  text-align: left;
  color: #1E1E1E;
  padding: 0px 20px;
  font-family: Aeonik;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
  cursor: pointer;
}
.dropdown-nav-bar .mobile-menu-item > a.active {
  color: #EA516C;
  font-weight: 700;
}
.dropdown-nav-bar .mobile-category-item > a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  height: 35px;
  text-align: left;
  color: #1E1E1E;
  padding: 0px 20px;
  font-family: Aeonik;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  text-decoration: underline;
  text-transform: uppercase;
  letter-spacing: 1.65px;
  cursor: pointer;
}
.dropdown-nav-bar .mobile-nested-submenu a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  height: 35px;
  text-align: left;
  color: #1E1E1E;
  padding: 0px 20px;
  font-family: Aeonik;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}
.dropdown-nav-bar .mobile-nested-submenu a:hover {
  color: #EA516C;
}
.dropdown-nav-bar .mobile-submenu {
  background-color: #FFFFFF;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: all 0.3s ease;
}
.dropdown-nav-bar .mobile-submenu.active {
  max-height: 1000px;
  opacity: 1;
}
.dropdown-nav-bar .mobile-nested-submenu {
  background-color: #F8F0EA;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: all 0.3s ease;
}
.dropdown-nav-bar .mobile-nested-submenu.active {
  max-height: 1000px;
  opacity: 1;
}
.dropdown-nav-bar > div.buttons {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 20px;
  width: 100%;
}
.dropdown-nav-bar > div.buttons > a.sign-up, .dropdown-nav-bar > div.buttons > a.sign-in {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  text-align: left;
  font-family: Aeonik;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  width: 100%;
  height: 45px;
  padding-left: 20px;
  text-decoration: none;
}
.dropdown-nav-bar > div.buttons > a.sign-up {
  background-color: #1E1E1E;
  color: white;
  border: 1px solid #1e1e1e;
}
.dropdown-nav-bar > div.buttons > a.sign-in {
  background-color: white;
  color: #1E1E1E;
  border: 1px solid #1e1e1e;
}

@media (min-width: 1200px) {
  .show-dropdown-nav-btn {
    display: none !important;
  }
  .dropdown-nav-bar, .dropdown-nav-container {
    display: none !important;
  }
  .top-nav-bar {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    border-radius: 18px;
    border: 1px solid #1e1e1e;
    width: 680px;
    height: 50px;
  }
  .top-nav-bar > a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 25%;
    height: 50px;
    text-align: center;
    color: #1E1E1E;
    font-size: 14.25px;
    font-weight: 400;
    line-height: 14.25px;
  }
  .top-nav-bar > a.active {
    color: #EA516C;
    font-weight: 700;
  }
  .sign-up-or-in {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 30px;
    justify-content: center;
    align-items: center;
  }
  .sign-up-or-in a {
    text-align: center;
    font-size: 14.25px;
    font-weight: 400;
    line-height: 14.25px;
  }
  .sign-up-or-in a.sign-up {
    display: flex;
    padding: 10px;
    background: #1E1E1E;
    justify-content: center;
    align-items: center;
    color: #F8F0EA;
    transition: background-position 0.5s;
    background-size: 200% 100%;
    background-image: linear-gradient(to right, #EA516C 50%, #1E1E1E 50%);
    background-position: 100% 0;
    width: 85px;
  }
  .sign-up-or-in a.sign-up:hover {
    background-position: 0 0;
    text-decoration: none;
  }
  .sign-up-or-in a.sign-in {
    color: #1E1E1E;
  }
}
div.hl {
  margin: 0;
  border-top: 1px solid #1e1e1e;
  width: 100%;
  height: 0px;
}

div.vl {
  margin: 0;
  border-left: 1px solid #1e1e1e;
  width: 0px;
  height: 100%;
}

footer {
  background: #F8F0EA;
  display: flex;
  justify-content: center;
}
footer .footer-content {
  display: flex;
  flex-direction: row;
  gap: 40px;
  width: 100%;
  font-family: Aeonik;
  font-weight: 400;
  color: #1E1E1E;
  padding: 20px 20px;
  justify-content: space-around;
  max-width: 1515px;
}
footer .link-column {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 5px;
  color: #1E1E1E;
  font-size: 16px;
  line-height: 36px;
  letter-spacing: 0.64px;
  min-width: 150px;
}
footer .link-column > .column-title {
  display: block;
  font-weight: 500;
  margin-bottom: 10px;
}
footer .link-column > ul {
  font-weight: 400;
  list-style-type: none;
  padding-left: 0px;
  margin: 0;
}
footer .link-column > ul > li {
  margin-bottom: 5px;
}
footer .link-column > ul > li > a {
  color: #1E1E1E;
  text-decoration: none;
  transition: color 0.2s ease;
}
footer .link-column > ul > li > a:hover {
  color: #EA516C;
  text-decoration: none;
}
footer .contact {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
footer .contact > a {
  padding: 10px 14px 8px;
  background: #1E1E1E;
  text-align: center;
  color: #F8F0EA;
  font-size: 19px;
  line-height: 16px;
  transition: background-position 0.5s;
  background-size: 200% 100%;
  background-image: linear-gradient(to right, #EA516C 50%, #1E1E1E 50%);
  background-position: 100% 0;
}
footer .contact > a:hover {
  background-position: 0 0;
  text-decoration: none;
}
footer .contact > div.newsletter-signup {
  font-weight: 400;
  color: #1E1E1E;
  font-size: 13px;
  cursor: pointer;
}
footer .contact > div.newsletter-signup:hover {
  text-decoration: underline;
}
footer .social {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}
footer .social > a > img {
  width: 28px;
  height: 28px;
  fill: #1E1E1E;
}
footer .copyright {
  display: block;
  font-size: 14px;
  line-height: 31px;
  letter-spacing: 0.32px;
}
@media (min-width: 610px) and (max-width: 1000px) {
  footer .footer-content {
    display: grid;
    grid-template-rows: auto auto;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 30px;
  }
  footer .contact {
    grid-row: 2;
    grid-column: 1/span 4;
    gap: 15px;
    justify-content: center;
    align-items: center;
  }
}
@media (max-width: 610px) {
  footer .footer-content {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 30px;
    padding: 20px;
  }
  footer .link-column {
    width: 100%;
    min-width: 0;
  }
  footer .contact {
    grid-column: 1/span 2;
    gap: 15px;
    justify-content: center;
    align-items: center;
  }
}
@media (max-width: 390px) {
  footer .footer-content {
    display: inline;
    grid-template-columns: 1fr;
    grid-gap: 30px;
    padding: 20px;
  }
  footer .link-column {
    width: 100%;
    min-width: 0;
  }
  footer .contact {
    grid-column: 1;
    gap: 15px;
    justify-content: center;
    align-items: center;
    display: hide;
  }
}

.logos-home {
  white-space: normal;
  display: flex;
  justify-content: space-around;
  flex-direction: row;
  width: 100%;
  max-width: 2000px;
  padding: 0px 20px;
  gap: 20px;
  flex-shrink: 0;
  overflow-x: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.logos-home::-webkit-scrollbar {
  display: none;
}
.logos-home > img {
  border-radius: 18px;
  border: 1px solid rgb(30, 30, 30);
  flex: 0 0 auto; /* Prevent images from shrinking */
}

.logos {
  white-space: normal;
  display: flex;
  justify-content: space-around;
  flex-direction: row;
  width: 100%;
  max-width: 700px;
  padding: 0px 40px;
  gap: 30px;
  flex-shrink: 0;
}
@media (max-width: 1000px) {
  .logos {
    flex-wrap: wrap;
  }
}
.logos > img {
  fill: #1E1E1E;
}
.logos > img.square {
  width: 45px;
  height: 46px;
}
.logos > img.rectangle {
  width: 85px;
  height: 25px;
}
.logos > img.big-rectangle {
  width: 92px;
  height: 34px;
}

.three-col-row {
  margin-top: 30px;
  width: 100%;
  max-width: 1200px; /* Limit maximum width to prevent more than 3 columns */
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding: 0px 30px;
  align-items: center;
  flex-wrap: wrap;
  height: auto;
}
.three-col-row .content {
  width: 33%;
  display: flex;
  flex-direction: column;
  gap: 30px;
  justify-content: center;
  align-items: flex-start;
  padding: 40px;
  min-width: 305px;
  max-width: 380px;
}
.three-col-row.with-blob {
  height: auto;
  position: relative;
  max-width: 1200px; /* Ensure blob version also respects max width */
}
.three-col-row.with-blob > img {
  width: 800px;
  height: 500px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
}
.three-col-row.with-blob .content {
  position: relative;
  z-index: 1;
  width: 33%;
  display: flex;
  flex-direction: column;
  gap: 30px;
  justify-content: center;
  align-items: flex-start;
  padding: 40px;
  min-width: 305px;
  max-width: 380px;
}
.three-col-row .text {
  text-align: left;
  color: #1E1E1E;
  font-family: Aeonik;
  font-weight: 400;
}
.three-col-row .text.heading {
  font-size: 32px;
  line-height: 115%;
}
.three-col-row .text.blurb {
  font-size: 19px;
  line-height: 135%;
}
.three-col-row .text.align-center {
  text-align: center;
}
@media (min-width: 1000px) and (max-width: 1200px) {
  .three-col-row .text.heading {
    font-size: 28.5px;
  }
  .three-col-row.with-blob > img {
    width: 800px;
  }
}
@media (max-width: 1000px) {
  .three-col-row .text.heading {
    font-size: 25px;
    font-weight: 500;
  }
  .three-col-row .text.blurb {
    font-size: 17px;
  }
  .three-col-row.with-blob > img {
    width: 600px;
  }
}
@media (max-width: 610px) {
  .three-col-row .content {
    min-width: 280px;
  }
  .three-col-row.with-blob > img {
    width: 360px;
  }
}

.sign-up-container {
  width: auto;
  max-width: 700px;
  position: relative;
  z-index: 1;
  border-radius: 18px;
  border: 1px solid #1e1e1e;
  margin: 0px 30px 150px 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 20px;
  padding: 50px;
}
.sign-up-container .title {
  text-align: center;
  color: #1E1E1E;
  font-size: 38px;
  font-family: Aeonik;
  font-weight: 400;
  line-height: 38px;
}
.sign-up-container .description {
  text-align: center;
  color: #1E1E1E;
  font-size: 19px;
  font-family: Aeonik;
  font-weight: 400;
  line-height: 28.5px;
}
@media (min-width: 610px) and (max-width: 1000px) {
  .sign-up-container .title {
    font-size: 30px;
  }
}
.sign-up-container form {
  width: 100%;
  padding: 0px 20px;
}
.sign-up-container form .name-input {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
}
.sign-up-container form .text-input {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: inline-flex;
  width: 100%;
}
.sign-up-container form .text-input.name {
  width: 45%;
}
.sign-up-container form .text-input label {
  color: black;
  font-size: 10px;
  font-family: Aeonik;
  font-weight: 400;
  line-height: 14px;
  letter-spacing: 0.3px;
}
.sign-up-container form .text-input input {
  background: none;
  width: 100%;
  height: 34px;
  border: none;
  border-bottom: 1px solid #1e1e1e;
}
.sign-up-container form checkbox {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  margin: 20px 0px;
}
.sign-up-container form checkbox label {
  color: #1E1E1E;
  font-size: 12px;
  font-family: Aeonik;
  font-weight: 400;
  line-height: 16.8px;
}
@media (max-width: 610px) {
  .sign-up-container {
    border: none;
    padding: 15px;
  }
  .sign-up-container .title {
    font-size: 28px;
  }
  .sign-up-container .description {
    font-size: 17px;
  }
  .sign-up-container form {
    padding: 0;
  }
  .sign-up-container form .name-input {
    flex-direction: column;
    justify-content: center;
    gap: 10px;
  }
  .sign-up-container form .text-input.name {
    width: 100%;
  }
}
.sign-up-container.retro {
  border-radius: 0;
  border: 1px solid lightgrey;
  box-shadow: inset rgb(204, 204, 204) 1px 1px 4px, inset 1px 1px 4px rgb(204, 204, 204);
}
.sign-up-container.retro .title, .sign-up-container.retro .description {
  font-family: "Apple Garamond";
  font-weight: 500;
}
.sign-up-container.retro form > div > label, .sign-up-container.retro form > div > div > label, .sign-up-container.retro form > checkbox > label {
  font-family: "Handjet";
}
.sign-up-container.retro form > div > button {
  font-family: "Handjet";
  width: 150px;
  height: 50px;
  color: #000;
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  background: #F8F0EA;
  box-shadow: 1px 1px 2px #ccc, -1px -1px 4px #fff, 2px 2px 0 #000;
  border: 1px solid #ccc;
}
@media (max-width: 610px) {
  .sign-up-container.retro {
    border: none;
    box-shadow: none;
  }
}

.newsletter-signup-modal {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  padding: 6px;
  display: flex;
  flex-direction: column;
  overflow: auto;
  background: rgba(107, 107, 107, 0.8);
  z-index: 2000;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.newsletter-signup-modal.active {
  opacity: 1;
  visibility: visible;
}
.newsletter-signup-modal .newsletter-modal-content {
  background: white;
  box-sizing: border-box;
  border-radius: 12px;
  box-shadow: 2px 8px 8px rgba(87, 87, 87, 0.5);
  margin-top: auto;
  margin-bottom: auto;
  margin-left: auto;
  margin-right: auto;
  width: 90%;
  padding: 30px;
  max-width: 700px;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  gap: 5px;
  justify-content: center;
  text-align: center;
}
.newsletter-signup-modal .newsletter-modal-content .close-newsletter-modal {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}
.newsletter-signup-modal .newsletter-modal-content .close-newsletter-modal > img {
  fill: grey;
  width: 15px;
  height: 15px;
  transform: rotate(45deg);
  cursor: pointer;
}
.newsletter-signup-modal .newsletter-modal-content .newsletter-form {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 5;
  margin-top: 30px;
}
.newsletter-signup-modal .newsletter-modal-content .newsletter-form .hbspt-form {
  width: 100%;
}
.newsletter-signup-modal .newsletter-modal-content .newsletter-form form {
  width: 100%;
  padding: 0px 20px;
}
.newsletter-signup-modal .newsletter-modal-content .newsletter-form form fieldset.form-columns-2 {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
}
.newsletter-signup-modal .newsletter-modal-content .newsletter-form form fieldset {
  max-width: 680px;
}
.newsletter-signup-modal .newsletter-modal-content .newsletter-form form fieldset .hs-firstname, .newsletter-signup-modal .newsletter-modal-content .newsletter-form form fieldset .hs-lastname, .newsletter-signup-modal .newsletter-modal-content .newsletter-form form fieldset .hs-email, .newsletter-signup-modal .newsletter-modal-content .newsletter-form form fieldset .hs-message {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: inline-flex;
  width: 100%;
}
.newsletter-signup-modal .newsletter-modal-content .newsletter-form form fieldset .hs-firstname.hs-fieldtype-text.field.hs-form-field, .newsletter-signup-modal .newsletter-modal-content .newsletter-form form fieldset .hs-lastname.hs-fieldtype-text.field.hs-form-field {
  width: 45%;
}
.newsletter-signup-modal .newsletter-modal-content .newsletter-form form label {
  color: black;
  font-size: 10px;
  font-family: Aeonik;
  font-weight: 400;
  line-height: 14px;
  letter-spacing: 0.3px;
  text-transform: uppercase;
}
.newsletter-signup-modal .newsletter-modal-content .newsletter-form form .hs-fieldtype-text .input, .newsletter-signup-modal .newsletter-modal-content .newsletter-form form .hs-message .input {
  width: 100%;
}
.newsletter-signup-modal .newsletter-modal-content .newsletter-form form .hs-fieldtype-text .input > input, .newsletter-signup-modal .newsletter-modal-content .newsletter-form form .hs-fieldtype-text .input > select, .newsletter-signup-modal .newsletter-modal-content .newsletter-form form .hs-message .input > input, .newsletter-signup-modal .newsletter-modal-content .newsletter-form form .hs-message .input > select {
  background: none;
  width: 100%;
  height: 34px;
  border: none;
  border-bottom: 1px solid #1e1e1e;
  margin-bottom: 5px;
}
.newsletter-signup-modal .newsletter-modal-content .newsletter-form form .hs-fieldtype-text .input > textarea, .newsletter-signup-modal .newsletter-modal-content .newsletter-form form .hs-message .input > textarea {
  background: none;
  width: 100%;
  min-height: 100px;
  border: 1px solid #1e1e1e;
  margin-bottom: 5px;
}
.newsletter-signup-modal .newsletter-modal-content .newsletter-form form .legal-consent-container {
  text-align: left;
}
.newsletter-signup-modal .newsletter-modal-content .newsletter-form form .legal-consent-container .hs-richtext {
  font-family: Aeonik;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  color: #1E1E1E;
}
.newsletter-signup-modal .newsletter-modal-content .newsletter-form form .legal-consent-container .hs-richtext a {
  color: #EA516C;
}
.newsletter-signup-modal .newsletter-modal-content .newsletter-form form .hs-submit {
  justify-content: center;
  display: flex;
  margin-top: 30px;
}
.newsletter-signup-modal .newsletter-modal-content .newsletter-form form .hs-submit .actions > input {
  height: 40px;
  background: #1E1E1E;
  color: #F8F0EA;
  text-align: center;
  font-family: Aeonik;
  font-size: 19px;
  font-style: normal;
  font-weight: 400;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  line-height: 0px;
  cursor: pointer;
  text-decoration: none;
  width: 129px;
  border: none;
}
.newsletter-signup-modal .newsletter-modal-content .newsletter-form form .hs-submit .actions > input:hover {
  color: #F8F0EA;
  text-decoration: none;
}
.newsletter-signup-modal .newsletter-modal-content .newsletter-form form .hs-error-msgs {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.newsletter-signup-modal .newsletter-modal-content .newsletter-form form .hs-error-msgs label {
  text-transform: lowercase;
  color: red;
  margin-bottom: 5px;
}
.newsletter-signup-modal .newsletter-modal-content .newsletter-form form .hs-error-msgs label:first-letter {
  text-transform: capitalize;
}
@media (max-width: 610px) {
  .newsletter-signup-modal .newsletter-modal-content .newsletter-form {
    padding: 15px;
  }
  .newsletter-signup-modal .newsletter-modal-content .newsletter-form form {
    padding: 0;
  }
  .newsletter-signup-modal .newsletter-modal-content .newsletter-form form fieldset.form-columns-2 {
    flex-direction: column;
    justify-content: center;
    gap: 10px;
  }
  .newsletter-signup-modal .newsletter-modal-content .newsletter-form form fieldset .hs-firstname.hs-fieldtype-text.field.hs-form-field, .newsletter-signup-modal .newsletter-modal-content .newsletter-form form fieldset .hs-lastname.hs-fieldtype-text.field.hs-form-field {
    width: 100%;
  }
  .newsletter-signup-modal .newsletter-modal-content .newsletter-form form fieldset .hs-firstname.hs-fieldtype-text.field.hs-form-field .input > input, .newsletter-signup-modal .newsletter-modal-content .newsletter-form form fieldset .hs-lastname.hs-fieldtype-text.field.hs-form-field .input > input {
    width: 100%;
  }
}

/* Mega Menu Styles */
.mega-menu-overlay {
  display: none;
  position: fixed;
  top: 0; /* Cover the entire viewport */
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  opacity: 1;
  transition: opacity 0.3s ease-out;
  pointer-events: none; /* Don't block clicks on navigation */
}
.mega-menu-overlay.fade-out {
  opacity: 0;
}

/* Adjust the mega menu container position to account for header height */
.mega-menu-container {
  display: none;
  position: absolute;
  top: 90px; /* Position below header */
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 90%;
  max-width: 1200px;
  background: #FFFFFF;
  z-index: 1000;
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.3s ease-out, transform 0.3s ease-out;
  pointer-events: auto; /* Ensure mega menu content is clickable */
}
.mega-menu-container.fade-out {
  opacity: 0;
  transform: translateY(-10px);
}

.mega-menu {
  padding: 40px 30px;
  position: relative;
}

.nav-icon {
  width: 120px;
}

.mega-menu-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0px;
}
.mega-menu-header h2 {
  font-family: Aeonik;
  font-weight: 500;
  font-size: 24px;
  margin: 0;
  color: #333;
}

.mega-menu-content {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 40px;
}

.mega-menu-column {
  display: flex;
  flex-direction: column;
}

.mega-menu-title {
  font-family: Aeonik;
  font-weight: 500;
  font-size: 16px;
  margin-bottom: 15px;
  color: #333;
}

.mega-menu-section-title {
  text-decoration: underline;
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 14px;
  color: #555;
}

.mega-menu-list {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.mega-menu-list li {
  margin-bottom: 10px;
}

.mega-menu-list a {
  color: #1E1E1E;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  transition: color 0.2s ease;
}
.mega-menu-list a:hover {
  color: #EA516C;
}

.mega-menu-list a {
  color: #1E1E1E;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  transition: color 0.2s ease;
}
.mega-menu-list a:hover {
  color: #EA516C;
}

.mega-menu-close {
  cursor: pointer;
}
.mega-menu-close img {
  width: 20px;
  height: 20px;
}

.mega-menu-container.active {
  display: block;
}

.mega-menu-overlay.active {
  display: block;
}

@media (max-width: 1200px) {
  .mega-menu-overlay {
    display: none !important;
  }
}
.mega-menu-close {
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer;
}

@media (max-width: 1200px) {
  .mega-menu-container {
    display: none !important;
  }
}
.mega-menu-card {
  position: relative;
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
  border-bottom-right-radius: 18px;
  border-bottom-left-radius: 18px;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: rgb(30, 30, 30);
  border-right-color: rgb(30, 30, 30);
  border-bottom-color: rgb(30, 30, 30);
  border-left-color: rgb(30, 30, 30);
  width: 491px;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: calc(50% - 15px);
  background-color: rgb(255, 255, 255);
  z-index: 1;
}

.mega-menu-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-box-pack: justify;
  justify-content: space-between;
  display: flex;
  flex-direction: column;
  padding: 20px;
  z-index: 3;
}

.mega-menu-card-stack {
  display: flex;
  -webkit-box-pack: end;
  justify-content: flex-end;
}

.mega-menu-nav-title {
  white-space-collapse: collapse;
  text-wrap-mode: wrap;
  color: #EA516C;
  font-family: Aeonik;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  font-size: 56px;
}

.grace3 {
  position: relative;
  border-radius: 18px;
  border: 1px solid #1E1E1E;
  width: 100%;
  height: 570px;
  max-width: 1180px;
  margin: max(15px, 1vw) auto;
  background: #F8F0EA;
  z-index: 1;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1200px) {
  .grace3 {
    max-width: 900px;
    height: 570px;
    margin: max(20px, 4vw) auto;
    margin-left: 20px;
    margin-right: 20px;
  }
}
@media (max-width: 1000px) {
  .grace3 {
    max-width: 95%;
    height: 570px;
    margin: max(20px, 4vw) auto;
    margin-left: 20px;
    margin-right: 20px;
  }
}
@media (max-width: 610px) {
  .grace3 {
    max-width: fit-content;
    height: 500px;
    margin: max(40px, 3vw) auto;
    margin-left: 20px;
    margin-right: 20px;
  }
}
@media (max-width: 390px) {
  .grace3 {
    max-width: 95%;
    height: 400px;
    margin: max(40px, 2vw) auto;
    margin-left: 20px;
    margin-right: 20px;
  }
}
.grace3 > video,
.grace3 > img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 17px;
}
.grace3 > video {
  background: #F8F0EA;
}
.grace3 > video::-webkit-media-controls {
  display: none !important;
}
.grace3 > video::-webkit-media-controls-start-playback-button {
  display: none !important;
}
.grace3 .grace3-content {
  position: relative;
  z-index: 3;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 100%;
  height: 100%;
  padding: clamp(20px, 5vw, 40px);
}
.grace3 .grace3-content .grace3-text3 {
  white-space: normal;
  color: #1E1E1E;
  font-family: Aeonik;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  font-size: clamp(3rem, 10vw, 5rem);
  margin-bottom: clamp(15px, 3vw, 25px);
  text-align: center;
}
.grace3 .grace3-content .subtitle {
  white-space: normal;
  color: #1E1E1E;
  text-align: center;
  font-family: Aeonik;
  font-size: clamp(15px, 2.5vw, 19px);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  max-width: 85%;
  margin-bottom: clamp(15px, 3vw, 20px);
}
.grace3 .grace3-content .subtitle:last-of-type {
  margin-bottom: clamp(20px, 4vw, 30px);
}
.grace3 .grace3-content .big-button {
  margin-top: 0;
  font-size: clamp(16px, 2.5vw, 19px);
  padding: clamp(10px, 2vw, 15px) clamp(20px, 4vw, 30px);
  min-height: 40px;
  width: auto;
  min-width: clamp(140px, 25vw, 192px);
}

.video-rounded {
  text-align: center;
  padding: 0 20px;
  max-width: 830px;
}
.video-rounded a {
  display: inline-block;
  position: relative;
  cursor: pointer;
  max-width: 100%;
}
.video-rounded a img {
  max-width: 100%;
  height: auto;
}
.video-rounded .play-button-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.5;
  transition: opacity 0.3s ease;
  pointer-events: none;
}
.video-rounded .play-button {
  width: 60px;
  height: 60px;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));
}
@media (max-width: 610px) {
  .video-rounded .play-button {
    width: 45px;
    height: 45px;
  }
}
.video-rounded:hover .play-button-overlay {
  opacity: 1;
}

.home-content {
  justify-content: flex-start;
  min-width: 375px;
  padding: 20px;
  position: relative;
  z-index: 1;
  width: 33%;
  display: flex;
  flex-direction: column;
  gap: 30px;
  justify-content: center;
  align-items: flex-start;
  min-width: 375px;
  max-width: 380px;
}

@font-face {
  font-family: "Aeonik";
  src: url("../aeonik/Aeonik-Air.woff");
  font-weight: 100;
  font-display: swap;
}
@font-face {
  font-family: "Aeonik";
  src: url("../aeonik/Aeonik-AirItalic.woff");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Aeonik";
  src: url("../aeonik/Aeonik-Thin.woff");
  font-weight: 200;
  font-display: swap;
}
@font-face {
  font-family: "Aeonik";
  src: url("../aeonik/Aeonik-ThinItalic.woff");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Aeonik";
  src: url("../aeonik/Aeonik-Light.woff");
  font-weight: 300;
  font-display: swap;
}
@font-face {
  font-family: "Aeonik";
  src: url("../aeonik/Aeonik-LightItalic.woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Aeonik";
  src: url("../aeonik/Aeonik-Regular.woff");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Aeonik";
  src: url("../aeonik/Aeonik-RegularItalic.woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Aeonik";
  src: url("../aeonik/Aeonik-Medium.woff");
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: "Aeonik";
  src: url("../aeonik/Aeonik-MediumItalic.woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Aeonik";
  src: url("../aeonik/Aeonik-Bold.woff");
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: "Aeonik";
  src: url("../aeonik/Aeonik-BoldItalic.woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Aeonik Black";
  src: url("../aeonik/Aeonik-Black.woff");
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: "Aeonik Black";
  src: url("../aeonik/Aeonik-BlackItalic.woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Apple Garamond";
  src: url("../apple-garamond/AppleGaramond.ttf");
  font-weight: 100;
  font-display: swap;
}
@font-face {
  font-family: "Apple Garamond";
  src: url("../apple-garamond/AppleGaramond-Bold.ttf");
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: "Apple Garamond";
  src: url("../apple-garamond/AppleGaramond-BoldItalic.ttf");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Apple Garamond";
  src: url("../apple-garamond/AppleGaramond-Italic.ttf");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Apple Garamond";
  src: url("../apple-garamond/AppleGaramond-Light.ttf");
  font-weight: 300;
  font-display: swap;
}
@font-face {
  font-family: "Apple Garamond";
  src: url("../apple-garamond/AppleGaramond-LightItalic.ttf");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Handjet";
  src: url("../handjet/Handjet-Black.ttf");
  font-weight: 100;
  font-display: swap;
}
@font-face {
  font-family: "Handjet";
  src: url("../handjet/Handjet-Bold.ttf");
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: "Handjet";
  src: url("../handjet/Handjet-ExtraLight.ttf");
  font-weight: 200;
  font-display: swap;
}
@font-face {
  font-family: "Handjet";
  src: url("../handjet/Handjet-Light.ttf");
  font-weight: 300;
  font-display: swap;
}
@font-face {
  font-family: "Handjet";
  src: url("../handjet/Handjet-Medium.ttf");
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: "Handjet";
  src: url("../handjet/Handjet-Regular.ttf");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Handjet";
  src: url("../handjet/Handjet-SemiBold.ttf");
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: "Handjet";
  src: url("../handjet/Handjet-Thin.ttf");
  font-weight: 200;
  font-display: swap;
}
html {
  scroll-behavior: smooth;
}

body.get-started header {
  background: #F8F0EA;
}

.get-started-container {
  width: 100%;
  display: flex;
  justify-content: center;
  position: relative;
  margin-bottom: 100px;
  height: 750px;
  margin-top: -40px;
  padding: 40px 0px;
}
.get-started-container > div.get-started {
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  width: 100%;
  justify-content: flex-end;
  align-items: center;
  max-width: 1200px;
}
.get-started-container > div.get-started > img {
  height: 630px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}

@media (max-width: 800px) {
  .get-started-container {
    border: none;
  }
  .get-started-container > div.get-started > img {
    left: 50%;
    transform: translate(-50%, 0);
    width: 360px;
  }
}
@media (max-width: 1000px) {
  .hideborder {
    border: none;
    min-width: fit-content;
  }
}
.simple-divider {
  display: flex;
  align-items: center;
  width: 100%;
  margin: 10px 0;
}

.simple-divider:before,
.simple-divider:after {
  content: "";
  height: 1px;
  background-color: #ccc;
  flex-grow: 1;
}

.simple-divider-text {
  padding: 0 20px;
  font-size: 14px;
  color: #1e1e1e;
}

/* Additional styles for new elements */
.social-signin-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin-bottom: 10px;
  position: relative;
  z-index: 1;
}

.sso-button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  height: 44px;
  border: 1px solid #dadce0;
  border-radius: 4px;
  background: rgba(255, 249, 221, 0.5019607843);
  color: #3c4043;
  font-family: "Aeonik", sans-serif;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  position: relative;
  z-index: 100;
  pointer-events: auto;
}

.sso-button:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  border-color: #c6c6c6;
}

.sso-button {
  position: relative;
  z-index: 10;
}

.sso-button svg,
.sso-button svg *,
.sso-button path {
  pointer-events: none;
}

.google-button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  height: 44px;
  border: 1px solid #dadce0;
  border-radius: 4px;
  background: #fff;
  color: #3c4043;
  font-family: "Aeonik", sans-serif;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer !important;
  transition: all 0.2s ease;
  position: relative;
  z-index: 1000 !important;
  pointer-events: auto !important;
  user-select: none;
}

.google-button:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  border-color: #c6c6c6;
}

.google-button svg,
.google-button svg *,
.google-button path {
  pointer-events: none;
}

.google-button:focus {
  outline: none !important;
  border-color: #dadce0 !important;
  box-shadow: none !important;
}

.more-options-button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  height: 44px;
  padding: 0 24px;
  border: 1px solid #1e1e1e;
  border-radius: 4px;
  background: #f8f0ea;
  color: #1e1e1e;
  font-family: "Aeonik", sans-serif;
  font-size: 14px;
  font-weight: 400;
  cursor: pointer;
  transition: all 0.2s ease;
}

.more-options-button:hover {
  background: #EA516C;
  color: #fff;
  box-shadow: 0 2px 8px rgba(234, 81, 108, 0.3);
}

.sso-email-input:focus {
  outline: none !important;
  border-color: #dadce0 !important;
  box-shadow: none !important;
}

/* Maintain container width and position */
.sign-up-container {
  width: 550px !important;
  max-width: 550px !important;
  min-width: 550px !important;
}

@media (max-width: 760px) {
  .sign-up-container {
    width: calc(100vw - 60px) !important;
    max-width: calc(100vw - 60px) !important;
    min-width: calc(100vw - 60px) !important;
  }
}
.divider {
  width: 100%;
  text-align: center;
  margin: 10px 0;
  position: relative;
}

.divider::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 1px;
  background: #dadce0;
}

.divider span {
  background: #f8f0ea;
  padding: 0 15px;
  color: #5f6368;
  font-size: 14px;
}

.form-messages {
  margin-bottom: 15px;
  padding: 10px;
  border-radius: 4px;
  display: none;
}

.form-messages.success {
  background: #d4edda;
  color: #155724;
  border: 1px solid #c3e6cb;
  display: block;
}

.form-messages.error {
  background: #f8d7da;
  color: #721c24;
  border: 1px solid #f5c6cb;
  display: block;
}

.btn-spinner {
  animation: spin 1s linear infinite;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/*# sourceMappingURL=get-started.css.map */