DataScope26/WEB

1.waitlist-confirmation-page {2  min-height: 100vh;3  display: flex;4  align-items: center;5  justify-content: center;6  padding: 2rem 1.25rem;7  background:8    radial-gradient(circle at top, rgba(46, 232, 138, 0.12), transparent 35%),9    linear-gradient(180deg, var(--bg) 0%, var(--surface) 100%);10  font-family: var(--font-body);11}12 13.waitlist-confirmation-card {14  width: min(100%, 34rem);15  background: var(--surface);16  border: 1px solid var(--color-border-soft);17  border-radius: 1.5rem;18  box-shadow: 0 1.5rem 3.5rem rgba(0, 0, 0, 0.22);19  padding: 2.5rem 2rem;20  text-align: center;21}22 23.waitlist-confirmation-icon {24  display: flex;25  align-items: center;26  justify-content: center;27  margin: 0 auto 1.25rem;28  width: 4.5rem;29  height: 4.5rem;30  border-radius: 50%;31  background: rgba(46, 232, 138, 0.12);32  color: var(--green);33}34 35.waitlist-confirmation-card h2 {36  margin: 0 0 0.75rem;37  font-family: var(--font-display);38  font-size: clamp(1.8rem, 3vw, 2.5rem);39  line-height: 1.1;40  letter-spacing: -0.04em;41  color: var(--color-text);42}43 44.waitlist-confirmation-card p {45  margin: 0;46  color: var(--color-muted);47  font-size: 1rem;48  line-height: 1.7;49}50 51.waitlist-confirmation-card--error h2 {52  color: var(--color-danger);53}54 55.waitlist-confirmation-card--error .waitlist-confirmation-icon {56  background: rgba(185, 28, 28, 0.12);57  color: var(--color-danger);58}59 60.waitlist-confirmation-card--success h2 {61  color: var(--green);62}63 64.waitlist-confirmation-card--success .waitlist-confirmation-icon {65  background: rgba(46, 232, 138, 0.12);66  color: var(--green);67}68 69@media (max-width: 640px) {70  .waitlist-confirmation-card {71    padding: 2rem 1.25rem;72  }73}74