/* Eigen stijl van deze app. Gebruik zoveel mogelijk de klassen uit core.css (zie CLAUDE.md). */

/* Tijdelijke startpagina (app/public/home.php) */
.start { min-height: 60vh; display: grid; place-items: center; padding: 2rem 0; }
.start-card { max-width: 640px; text-align: center; background: var(--wit); border: 1px solid var(--rand);
  border-radius: var(--radius); box-shadow: var(--schaduw); padding: 2.5rem 2rem; }
.start-kicker { display: inline-block; margin: 0 0 .75rem; padding: .2rem .7rem; border-radius: 999px;
  background: var(--groen-licht); color: var(--donker); font-size: .8rem; font-weight: 700; letter-spacing: .04em;
  text-transform: uppercase; }
.start-card h1 { margin-bottom: .5rem; }
.start-steps { list-style: none; counter-reset: stap; padding: 0; margin: 1.75rem 0; display: grid; gap: .75rem; text-align: left; }
.start-steps li { counter-increment: stap; display: grid; grid-template-columns: 2.2rem 1fr; column-gap: .75rem; align-items: start; }
.start-steps li::before { content: counter(stap); grid-row: span 2; width: 2.2rem; height: 2.2rem; border-radius: 50%;
  display: grid; place-items: center; background: var(--groen); color: var(--donker); font-weight: 700; }
.start-steps span { color: var(--gedempt); font-size: .92rem; }