.hero-text {
  font-size: 24px;
  color: #666;
  margin-bottom: 40px;
}

.waitlist-section {
  border:1px solid #ebcbcd;
  background-color:#fdeeee;
  box-shadow:var(--box-shadow-combined);
  padding: 50px 0;
  border-radius:10px;
}

.waitlist-container {
  margin: 0 auto;
  padding: 0 25px;
}

@media (min-width:900px) {
  .waitlist-container {
    padding:0 40px;
  }
}

.waitlist-header {
  width:100%;
}

.waitlist-header h2 {
  margin-bottom: 12px;
  font-size: 24px;
  font-family:"Inter", -apple-system, sans-serif;
  font-weight:700;
  text-wrap:pretty;
}

.waitlist-header p {
  color: #504e4e;
  margin-bottom:0;
  font-size:19px;
}

.waitlist-form {
  width:100%;
  font-family:"Inter", -apple-system, sans-serif;
}

.form-group {
  margin-bottom: 8px;
}

.form-group label {
  display: block;
  margin-bottom: 5px;
  font-weight: 700;
  font-size:16px;
}

.form-group input {
  width: 100%;
  padding: 12px;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 16px;
}

.error-messages {
  margin-bottom: 20px;
  padding: 15px;
  background-color: #fff0f0;
  border: 1px solid #ffd7d7;
  border-radius: 4px;
}

.error-messages ul {
  margin: 0;
  padding-left: 20px;
  color: #d63939;
}

.waitlist-success {
  text-align: center;
  padding: 40px 20px;
}

.success-icon {
  font-size: 48px;
  color: #10B981;
  margin-bottom: 20px;
}

.waitlist-success h2 {
  font-size: 32px;
  margin-bottom: 16px;
}

.waitlist-success p {
  font-size: 18px;
  color: #666;
}

.waitlist_content {
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:30px;
}

@media (min-width:900px) {
  .waitlist_content {
    flex-direction:row;
    gap:50px;
  }
}

.waitlist_entries {
  padding:20px;
  font-family: "Matter SemiMono", monospace;
  font-size:14px;
}

span.waitlist_count {
  display:block;
  margin-bottom:12px;
}

.waitlist_entry {
  border:1px solid var(--gridline);
  padding:10px;
  border-radius:6px;
  margin-bottom:6px;
}

.waitlist_entry.unconfirmed {
  text-decoration: line-through;
}

.waitlist_entry.invited {
  color:var(--forest);
}