body { margin: 0; min-height: 100vh; display: flex; align-items: center; justify-content: center; background: #F4F6F7; font-family: Poppins, "Segoe UI", system-ui, sans-serif; color: #231F20; }
.kaart { box-sizing: border-box; width: min(640px, calc(100% - 32px)); margin: 32px 16px; padding: 40px; background: #FFFFFF; border-radius: 16px; box-shadow: 0 1px 3px rgba(0,0,0,.08); }
.logo { width: 100%; max-width: 420px; height: auto; display: block; margin-bottom: 24px; }
h1 { font-size: 26px; margin: 0 0 12px; color: #2F4D5F; }
p { line-height: 1.55; color: #3D4A52; }
.knop { display: inline-block; margin: 12px 0 8px; padding: 14px 22px; border-radius: 10px; background: #2F4D5F; color: #FFFFFF; font-weight: 600; text-decoration: none; }
.knop:hover { background: #13827B; }
.klein { font-size: 13px; color: #5F6B72; }
.klein a { color: #2F4D5F; }
.fout { color: #9B2C1F; }