body {
  margin: 0;
  font-family: system-ui, sans-serif;
  background: #0b0f17;
  color: #e6e6e6;
}

.site-header {
  text-align: center;
  padding: 4rem 1rem 3rem;
  background: radial-gradient(circle at top, #18213a, #0b0f17);
}

.logo-wrapper svg {
  max-width: 800px;
  width: 100%;
}

.subtitle {
  margin-top: 0.75rem;
  font-size: 1.1rem;
  letter-spacing: 0.35em;
  text-transform: uppercase;
  color: #ffffffcc;
}

.tagline {
  margin-top: 0.5rem;
  font-style: italic;
  color: #8aa2ff;
}

.content {
  max-width: 720px;
  margin: 3rem auto;
  padding: 0 1.5rem;
}

/* Subtle glow intro */
@keyframes glowIntro {
  0% { opacity: 0; filter: drop-shadow(0 0 0); }
  60% { opacity: 1; filter: drop-shadow(0 0 18px rgba(47,176,255,0.45)); }
  100% { filter: drop-shadow(0 0 6px rgba(47,176,255,0.35)); }
}

.intro-glow svg {
  animation: glowIntro 2.6s ease-out forwards;
}


.logo-image {
  max-width: 700px;
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;

  /* Subtle glow – remove this line if you want no glow */
  filter: drop-shadow(0 0 14px rgba(47,176,255,0.35));
}

.book-section {
  max-width: 720px;
  margin: 4rem auto;
  padding: 0 1.5rem;
  text-align: center;
}

.book-cover {
  max-width: 320px;
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto 1.5rem;

  /* Subtle glow for consistency with logo */
  filter: drop-shadow(0 0 18px rgba(47,176,255,0.25));
}

.book-status {
  text-transform: uppercase;
  letter-spacing: 0.2em;
  color: #8aa2ff;
  margin: 0.5rem 0 1rem;
}

.signup-section {
  max-width: 500px;
  margin: 3rem auto 4rem;
  padding: 1.5rem 1.5rem 2rem;

  background: rgba(18, 24, 42, 0.6);
  border: 1px solid #29304a;
  border-radius: 6px;
  text-align: center;
}

/* Improve MailerLite form spacing */
.signup-section input,
.signup-section button {
  width: 100%;
  margin-top: 0.75rem;
}