body {
  font-family: "Inter", sans-serif;
  margin: 0;
  padding: 0;
  height: 100vh;
  width: 100vw;
  display: flex;
  justify-content: center;
  align-items: center;
  background: linear-gradient(90deg,
      #e8f5e9,
      #c8e6c9);
  /* Light green gradient */
}

/* Logo sizing to prevent flickering on load */
.mb-8 > img {
  width: 8rem; /* 128px - same as w-32 */
  height: 8rem; /* 128px - same as h-32 */
  filter: drop-shadow(4px 8px 12px rgba(64, 220, 35, 0.5));
  border-radius: 50%;
}

@media (min-width: 768px) {
  .mb-8 > img {
    width: 12rem; /* 192px - same as md:w-48 */
    height: 12rem; /* 192px - same as md:h-48 */
  }
}

/* Other images */
img:not(.mb-8 > img) {
  filter: drop-shadow(4px 8px 12px rgba(64, 220, 35, 0.5));
  border-radius: 50%;
}

.waitlist-card {
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.18);
  box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.15);
}

.gradient-text {
  background: #0a1919;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.btn-gradient {
  background: #40DC23;
  transition: all 0.3s ease;
}

.btn-gradient:hover {
  background: #0a1919;
  color: #40DC23;
  transform: translateY(-2px);
  box-shadow: 0 10px 20px rgba(37, 150, 190, 0.4);
}

#waitlist>h1 {
  line-height: 1.5;
}

footer {
  backdrop-filter: blur(8px);
  background: rgba(255, 255, 255, 0.5);
  border-top: 1px solid rgba(255, 255, 255, 0.18);
}

.social-links {
  margin-top: 1.5rem;
  margin-bottom: 0.5rem;
}

.social-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: rgba(37, 150, 190, 0.08);
  transition: background 0.2s, box-shadow 0.2s, transform 0.2s;
  box-shadow: 0 2px 8px rgba(37, 150, 190, 0.08);
}

.social-icon:hover {
  background: #2596be;
  box-shadow: 0 4px 16px rgba(37, 150, 190, 0.18);
  transform: translateY(-2px) scale(1.08);
}

.social-icon svg {
  display: block;
}