/* Farben und Schriften laut wissen/marketing/corporate-design.md (ki-brain) */
:root {
  --pink: #D4007A;
  --lila: #7A35C8;
  --akzent: #FF7AC2;
  --bg: #0E0D12;
  --karte: #17151D;
  --rahmen: #2A2732;
  --ueberschrift: #F2EFF5;
  --text: #CFC9D6;
  --nebentext: #B9B3C2;
}
* { box-sizing: border-box; }
body {
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font-family: "Manrope", system-ui, sans-serif;
  line-height: 1.6;
}
main { max-width: 720px; margin: 0 auto; padding: 64px 16px; }
.oberzeile {
  color: var(--akzent);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 0.85rem;
}
h1 {
  color: var(--ueberschrift);
  font-family: "Montserrat", system-ui, sans-serif;
  font-weight: 800;
  margin: 8px 0 24px;
}
.karte {
  background: var(--karte);
  border: 1px solid var(--rahmen);
  border-radius: 12px;
  padding: 24px;
}
.verlauf {
  height: 4px;
  border-radius: 2px;
  background: linear-gradient(100deg, var(--pink), var(--lila));
  margin-bottom: 24px;
}
small { color: var(--nebentext); }