.registration-page-body {
  min-height: 100vh;
  background:
    linear-gradient(90deg, rgba(247, 245, 238, .86) 0%, rgba(247, 245, 238, .76) 38%, rgba(247, 245, 238, .2) 64%, rgba(247, 245, 238, .06) 100%),
    url("../img/student-registration-background.1efc0877b64e.jpg") center bottom/cover fixed no-repeat;
}

.public-home-background {
  min-height: 100vh;
  background:
    linear-gradient(90deg, rgba(247, 245, 238, .82) 0%, rgba(247, 245, 238, .58) 48%, rgba(247, 245, 238, .2) 100%),
    url("../img/student-registration-background.1efc0877b64e.jpg") center bottom/cover fixed no-repeat;
}

.public-home-background .topbar {
  border-bottom: 1px solid rgba(220, 228, 223, .72);
  background: rgba(255, 255, 255, .9);
  backdrop-filter: blur(8px);
}

.public-home-background .hero {
  min-height: 500px;
  background: linear-gradient(90deg, rgba(237, 247, 250, .94) 0%, rgba(237, 247, 250, .78) 48%, rgba(220, 239, 245, .14) 100%);
}

.public-home-background .hero-copy {
  padding-top: 62px;
  padding-bottom: 62px;
}

.public-home-background .hero h1 {
  max-width: 650px;
  font-size: clamp(40px, 4.3vw, 58px);
}

.hero-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px 20px;
}

.hero-secondary-action {
  color: var(--green);
  font-size: 14px;
  font-weight: 700;
  text-underline-offset: 4px;
}

.public-home-background .features article {
  background: rgba(255, 255, 255, .9);
  backdrop-filter: blur(6px);
}

.public-home-background footer {
  border-top-color: rgba(220, 228, 223, .75);
  background: rgba(247, 245, 238, .76);
}

.registration-page-body .app-header {
  border-bottom: 1px solid rgba(220, 228, 223, .7);
  background: rgba(255, 255, 255, .88);
  backdrop-filter: blur(8px);
}

.login-page-body .form-card {
  box-shadow: 0 22px 55px rgba(19, 40, 59, .15);
}

.registration-intro {
  padding: 36px;
}

.registration-intro h1 {
  max-width: 520px;
  font-size: clamp(38px, 4.2vw, 58px);
}

.registration-intro p {
  max-width: 470px;
  color: #4f625b;
}

@media (max-width: 800px) {
  .registration-page-body {
    background:
      linear-gradient(rgba(247, 245, 238, .72), rgba(247, 245, 238, .72)),
      url("../img/student-registration-background.1efc0877b64e.jpg") 62% 70%/cover fixed no-repeat;
  }

  .registration-intro {
    padding: 24px 8px;
  }

  .public-home-background {
    background:
      linear-gradient(rgba(247, 245, 238, .64), rgba(247, 245, 238, .64)),
      url("../img/student-registration-background.1efc0877b64e.jpg") 62% 70%/cover fixed no-repeat;
  }

  .public-home-background .hero {
    min-height: auto;
  }

  .public-home-background .hero-copy {
    padding: 50px 28px;
  }

  .public-home-background .hero h1 {
    font-size: clamp(36px, 11vw, 48px);
  }
}

@media (max-width: 520px) {
  .public-home-background .topbar nav .nav-link {
    display: none;
  }

  .public-home-background .topbar nav {
    gap: 8px;
  }

  .public-home-background .hero-copy {
    padding: 42px 24px;
  }

  .hero-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .hero-actions .button {
    width: 100%;
  }

  .hero-secondary-action {
    padding: 7px 2px;
    text-align: center;
  }
}