:root {
  --form-height: 1240px;
}

.registration-page {
  background:
    radial-gradient(900px 420px at 10% 5%, rgba(99, 102, 241, 0.16), transparent 60%),
    radial-gradient(900px 420px at 90% 95%, rgba(165, 180, 252, 0.18), transparent 60%),
    linear-gradient(180deg, #f8fafc 0%, #eef2ff 100%);
}

.registration-card {
  border-radius: 2rem;
}

.registration-frame-shell {
  border-radius: 1.75rem;
}

.form-frame {
  display: block;
  border-radius: 1.25rem;
  min-height: var(--form-height);
}

@media (max-width: 639px) {
  .registration-card {
    border-radius: 1.5rem;
  }

  .registration-frame-shell {
    border-radius: 1.25rem;
  }

  .form-frame {
    border-radius: 1rem;
  }
}