/* Nestzeit - Landingpage (Testphase). Farbwelt "Abendhimmel" wie in der App. */
:root {
  --bg: #15122B;          /* tiefes Indigo */
  --surface: #1F1B3A;
  --text: #EDE9FF;
  --muted: #B7AFDD;
  --primary: #FF8A65;     /* Koralle */
  --secondary: #FFC46B;   /* Bernstein */
  --outline: #3A3263;
}
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
  min-height: 100vh;
  background:
    radial-gradient(120% 90% at 50% 115%, rgba(255,138,101,.30), transparent 60%),
    linear-gradient(180deg, #100D22 0%, var(--bg) 45%, #1B1638 100%);
  color: var(--text);
  font-family: "Segoe UI", system-ui, -apple-system, sans-serif;
  display: flex; align-items: center; justify-content: center;
  padding: 32px 20px;
}
main { width: min(560px, 100%); text-align: center; }
.logo {
  font-size: 2.6rem; letter-spacing: .14em; font-weight: 700;
  background: linear-gradient(180deg, #FFFFFF, var(--secondary) 65%, var(--primary));
  -webkit-background-clip: text; background-clip: text; color: transparent;
  margin: 0 0 .35em;
}
.tagline { font-size: 1.05rem; margin: 0 0 1.6em; }
.badge {
  display: inline-block; border: 1px solid var(--outline); border-radius: 999px;
  padding: .35em 1.1em; color: var(--secondary); font-size: .85rem;
  letter-spacing: .04em; margin-bottom: 2.4em;
}
.note { color: var(--muted); font-size: .95rem; line-height: 1.65; margin: 0 0 2.4em; }
footer { color: var(--muted); font-size: .8rem; line-height: 1.8; }
footer a { color: var(--muted); text-decoration: none; border-bottom: 1px solid var(--outline); }
footer a:hover { color: var(--secondary); }
h2 { font-size: 1.2rem; margin: 0 0 .8em; }
p.left { text-align: left; }