/* Shared style of the plain pages (voorwaarden, privacy, bedankt): the landing page's colours and fonts, calm and readable */
:root { --navy: #0E1F45; --blue: #1F4E9C; --blue2: #2F6BD6; --sun: #FFC83D; --sun-d: #F2B100; --ink: #14213D; --text: #2B3550; --soft: #F4F7FC; --line: #DDE4F0 }
* { box-sizing: border-box }
body { margin: 0; background: var(--soft); color: var(--text); font-family: 'Nunito Sans', system-ui, sans-serif; font-size: 19px; line-height: 1.7 }
header { background: linear-gradient(160deg, #0E1F45, #15306B 60%, #1F4E9C); color: #fff }
header .wrap { display: flex; align-items: center; justify-content: space-between; height: 78px }
.brand { display: flex; align-items: center; gap: 12px; color: #fff; text-decoration: none; font-family: 'Plus Jakarta Sans', sans-serif; font-weight: 800; font-size: 19px }
.brand img { width: 44px; height: 44px; border-radius: 50%; background: #fff; object-fit: cover; object-position: center 20% }
.back { color: #fff; font-weight: 700; text-decoration: none; font-size: 17px }
.wrap { max-width: 860px; margin: 0 auto; padding: 0 24px }
main { background: #fff; border: 1px solid var(--line); border-radius: 18px; margin: 40px auto 60px; padding: 48px 52px }
h1, h2 { font-family: 'Plus Jakarta Sans', sans-serif; color: var(--ink); letter-spacing: -.02em; line-height: 1.15 }
h1 { font-size: clamp(32px, 5vw, 44px); margin: 0 0 8px }
h2 { font-size: 23px; margin: 36px 0 8px }
.meta { color: #5b6580; font-size: 16px; margin: 0 0 24px }
p, li { max-width: 42em }
ul { padding-left: 22px }
li { margin-bottom: 6px }
a { color: var(--blue) }
.todo { background: #FFF2D1; border-radius: 4px; padding: 0 5px; font-weight: 700 }
.btn { display: inline-flex; align-items: center; justify-content: center; min-height: 62px; padding: 0 30px; border-radius: 999px; background: var(--sun); color: var(--navy); font-family: 'Plus Jakarta Sans', sans-serif; font-weight: 800; font-size: 19px; text-decoration: none; box-shadow: 0 10px 0 -4px var(--sun-d) }
footer { text-align: center; color: #5b6580; font-size: 15px; padding: 0 0 50px }
footer a { margin: 0 10px }
@media (max-width: 640px) { main { padding: 30px 22px; margin: 22px auto 40px; border-radius: 14px } body { font-size: 18px } .brand { font-size: 17px } }