:root{--groen: #2e7d32;--donker: #1b3a1d;--tekst: #1f2937;--grijs: #6b7280;--rand: #e5e7eb;--bg-zacht: #f6f8f6;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--tekst)}*{box-sizing:border-box}body{margin:0;line-height:1.55}a{color:var(--groen)}.page{max-width:1040px;margin:0 auto;padding:0 1.25rem}.topbar{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 0;border-bottom:1px solid var(--rand)}.brand{display:flex;align-items:center;gap:.6rem;text-decoration:none}.brand-logo{display:block;flex-shrink:0}.brand-naam{font-weight:700;font-size:1.2rem;color:var(--donker)}.btn{display:inline-block;padding:.6rem 1.2rem;border-radius:8px;text-decoration:none;font-weight:600;font-size:.95rem}.btn-primary{background:var(--groen);color:#fff}.btn-ghost{color:var(--groen);border:1px solid var(--groen)}.hero{padding:4rem 0 3rem;max-width:720px}.hero h1{font-size:2.4rem;line-height:1.15;color:var(--donker);margin:0 0 1rem}.hero p{font-size:1.15rem;color:var(--grijs);margin:0 0 1.75rem}.modules{padding:2rem 0 1rem}.modules h2,.aanmelden h2{font-size:1.6rem;color:var(--donker)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:1rem}.card{background:var(--bg-zacht);border:1px solid var(--rand);border-radius:12px;padding:1.25rem}.card h3{margin:0 0 .5rem;color:var(--groen);font-size:1.1rem}.card p{margin:0;color:var(--grijs);font-size:.95rem}.sectie-intro{color:var(--grijs);margin:.25rem 0 0;max-width:640px}.card-roadmap{background:#fff;border-style:dashed}.badge{display:inline-block;margin-bottom:.4rem;padding:.1rem .55rem;border-radius:999px;background:#eef3ee;color:var(--groen);font-size:.72rem;font-weight:700;letter-spacing:.02em}.card .btn{margin-top:.9rem}.aanmelden{padding:3rem 0}.inlog-noot{margin-top:1.5rem;color:var(--grijs);font-size:.9rem}.footer{display:flex;align-items:center;gap:.6rem;border-top:1px solid var(--rand);padding:1.5rem 0;color:var(--grijs);font-size:.9rem}.footer-logo{display:block;flex-shrink:0;opacity:.85}@media(max-width:600px){.hero{padding:2.5rem 0 2rem}.hero h1{font-size:1.9rem}}