/* Basis-Styles für die Landingpage von Familiäre Frequenzen */
:root{
  --fg: #ffffff;
  --shadow: rgba(0,0,0,0.35);
}

/* Vollflächiger, weihnachtlicher Verlauf */
html, body { height: 100%; }

body {
  margin: 0;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
  color: var(--fg);
  background: linear-gradient(135deg, #0a8a2e 0%, #b30f1a 100%);
  min-height: 100svh;
  display: grid;
  place-items: center;
  text-align: center;
}

/* Zentrierter Container */
main.center {
  padding: clamp(16px, 4vw, 48px);
  max-width: 60ch;
}

/* Überschrift */
h1 {
  line-height: 1.2;
  font-size: clamp(1.6rem, 3vw + 1rem, 3rem);
  text-shadow: 0 2px 12px var(--shadow);
  margin: 0 0 1rem;
}

/* Marke optisch hervorheben */
.brand {
  font-weight: 800;
  letter-spacing: 0.02em;
  text-decoration: underline;
  text-underline-offset: 6px;
}

/* Untertitel / Tagline */
.tagline {
  font-size: clamp(1rem, 1vw + 0.75rem, 1.25rem);
  opacity: 0.95;
  line-height: 1.5;
  text-shadow: 0 1px 8px var(--shadow);
  margin: 0;
}