/* Base styles */
body {
  margin: 0;
  font-family: Arial, sans-serif;
  color: #fff;
}

/* Webflow utility class */
.w-inline-block {
  max-width: 100%;
  display: inline-block;
}

/* Popup section - full screen background */
.po-pup-section {
  background-image: url('68cc1f2bf39bf9de16dfe5c8_backgr.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

/* Popup box - centered container */
.po-pup-box {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #1a1a1a;
  border-radius: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 407px;
  height: auto;
  padding: 45px 40px 55px;
  display: flex;
}

/* Logo container */
.pup-logo {
  width: 146px;
  height: 32px;
}

.imag-cover {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

/* Heading text */
.bold-24px {
  font-size: 24px;
  font-weight: 700;
  line-height: 34px;
}

/* Links wrapper */
.pup-link-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: flex;
}

/* Create account button (pink) */
.link-block-account {
  background-color: #e75275;
  border-radius: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 12px;
  padding-bottom: 12px;
  font-size: 14px;
  font-weight: 600;
  transition: all .4s;
  display: flex;
  text-decoration: none;
  color: #fff;
}

.link-block-account:hover {
  opacity: 0.9;
}

/* Login button (outlined) */
.link-block-login {
  color: #e75275;
  border: 1px solid #e75275;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 12px;
  padding-bottom: 12px;
  font-size: 14px;
  font-weight: 600;
  transition: all .4s;
  display: flex;
  text-decoration: none;
}

.link-block-login:hover {
  background-color: rgba(231, 82, 117, 0.1);
}

/* Mobile responsive styles */
@media screen and (max-width: 479px) {
  .po-pup-box {
    grid-column-gap: 9px;
    grid-row-gap: 9px;
    width: 335px;
    padding: 33px 23px 39px;
  }

  .pup-logo {
    width: 125px;
    height: 24px;
  }

  .bold-24px {
    margin-bottom: 10px;
    font-size: 18px;
  }
}