.doneer{min-height:100dvh;justify-content:center;padding:calc(24px + env(safe-area-inset-top, 0px)) 20px calc(24px + env(safe-area-inset-bottom, 0px));background:#fff8b0;color:#1b2a4e;text-align:center}.doneer,.doneer .binnen{display:flex;align-items:center}.doneer .binnen{flex-direction:column;gap:18px;max-width:420px}.doneer .weg{width:132px;height:132px;display:block;transform-origin:center;animation:doneer-draai 2.5s linear infinite}.doneer .weg circle{fill:none}.doneer h1{margin:6px 0 0;font-family:var(--font-heading),"Arial Black",Impact,sans-serif;font-weight:400;font-size:clamp(28px,7vw,40px);line-height:1;letter-spacing:0;text-transform:uppercase}.doneer p{margin:0;font-size:18px;line-height:1.5}.doneer .puntjes span{animation:doneer-knipper 1.2s infinite;opacity:.2}.doneer .puntjes span:nth-child(2){animation-delay:.2s}.doneer .puntjes span:nth-child(3){animation-delay:.4s}.doneer .klein{margin-top:10px;font-size:15px;color:#4a5775}.doneer .klein a{color:#21468b;font-size:15px;font-weight:500;text-underline-offset:3px}.doneer .klein a:focus-visible{outline:3px solid #21468b;outline-offset:3px}@keyframes doneer-draai{to{transform:rotate(1turn)}}@keyframes doneer-knipper{0%,20%{opacity:.2}40%{opacity:1}to{opacity:.2}}@media (prefers-reduced-motion:reduce){.doneer .weg{animation-duration:6s}.doneer .puntjes span{animation:none;opacity:1}}