@font-face{font-family:Byrd;src:url(/Byrd-Regular.otf)format("opentype");font-weight:400;font-display:swap}:root{--blauw:#0041e8;--zwart:#171717;--wit:#f0f0ee;--w70:#f0f0eeb3;--w55:#f0f0ee8c;--w38:#f0f0ee80;--w22:#f0f0ee52;--w14:#f0f0ee24;--w08:#f0f0ee14;--w05:#f0f0ee0d;--glas:#f0f0ee0d;--glasrand:#f0f0ee21}*{box-sizing:border-box}html{background:var(--zwart)}body{background:var(--zwart);min-height:100%;color:var(--wit);letter-spacing:-.006em;-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,sans-serif;font-size:16px;line-height:1.5;position:relative}body:before{content:"";z-index:-2;opacity:.62;background:url(/gradient.jpg) top/cover no-repeat;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000 0% 22%,#0000 68%);mask-image:linear-gradient(#000 0% 22%,#0000 68%)}.byrd{font-family:Byrd,Inter,sans-serif;font-weight:400}.wrap{max-width:1080px;margin:0 auto;padding:0 40px}.glas{background:var(--glas);border:1px solid var(--glasrand);-webkit-backdrop-filter:blur(28px)saturate(120%);border-radius:24px}.hero{padding:40px 0 24px}.hero .logo{height:18px;margin:0 0 104px;display:block}.hero .eyebrow{letter-spacing:.2em;text-transform:uppercase;color:var(--w55);margin-bottom:30px;font-size:12px}.score{align-items:baseline;gap:4px;display:flex}.score .behaald{letter-spacing:-.05em;font-size:clamp(96px,15vw,168px);line-height:.82}.score .totaal{letter-spacing:-.035em;color:var(--w38);font-size:clamp(44px,7vw,72px);line-height:1}.scorelabel{color:var(--w70);letter-spacing:-.012em;margin-top:18px;font-size:21px}.segmenten{gap:6px;margin-top:56px;display:flex}.segmenten .seg{background:var(--w08);border:1px solid var(--w14);border-radius:4px;flex:1;height:14px}.segmenten .seg.vol{background:var(--blauw);border-color:#ffffff40}.tijdlijn{align-items:flex-end;gap:8px;margin-top:40px;display:flex}.tijdlijn .tp{border-top:1px solid var(--w14);flex:1;padding:16px 0 0}.tijdlijn .tp.nu{border-top-color:var(--blauw);border-top-width:2px;padding-top:15px}.tijdlijn .tpa{letter-spacing:-.03em;color:var(--w38);font-size:26px;line-height:1}.tijdlijn .tp.nu .tpa{color:var(--wit);font-size:30px}.tijdlijn .tpl{color:var(--w38);letter-spacing:.04em;margin-top:7px;font-size:12px}.tijdlijn .tp.nu .tpl{color:var(--wit)}.okrzin{color:var(--w55);max-width:62ch;margin-top:44px;font-size:15px;line-height:1.6}.wins{padding:56px 0 0}.wins .kaart{padding:40px}.wtitel{letter-spacing:.2em;text-transform:uppercase;color:var(--w55);margin-bottom:34px;font-size:12px}.wgrid{grid-template-columns:repeat(3,1fr);gap:36px;display:grid}.win .wp{letter-spacing:.16em;text-transform:uppercase;color:var(--w70);margin-bottom:12px;font-size:11px}.win .wt{letter-spacing:-.022em;margin-bottom:10px;font-size:21px;line-height:1.22}.win .wd{color:var(--w55);font-size:14px}section{padding:88px 0 0}section.laatste{padding-bottom:120px}.kop{letter-spacing:-.03em;margin:0 0 8px;font-size:38px;line-height:1.08}.sub{color:var(--w55);letter-spacing:-.01em;max-width:64ch;margin:0 0 36px;font-size:17px}.paneel{padding:36px 40px}.raster{border-collapse:collapse;width:100%}.raster th{letter-spacing:.16em;text-transform:uppercase;color:var(--w38);text-align:center;padding:0 0 22px;font-size:11px;font-weight:400}.raster th:first-child{text-align:left}.raster td{border-top:1px solid var(--w08);text-align:center;padding:20px 0}.raster tr:first-child td{border-top:0}.raster td:first-child{text-align:left;color:var(--w70);padding-right:24px;font-size:16px}.stip{font-variant-numeric:tabular-nums;border:1px solid var(--w14);border-radius:999px;justify-content:center;align-items:center;width:48px;height:48px;font-size:15px;display:inline-flex}.stip.in{background:var(--blauw);color:var(--wit);border-color:#ffffff47}.stip.buiten{background:var(--w05);color:var(--w70)}.stip.geen{border-style:dashed;border-color:var(--w14);color:var(--w22);background:0 0}.beweging{color:var(--w38);margin-top:8px;font-size:12px}.beweging .op{color:var(--wit);font-weight:500}.beweging .neer{color:var(--w38)}.beweging .punt{color:var(--w22);margin:0 5px}.cijfers{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.cijfers .vak{padding:34px 32px}.cijfers .vak .l{color:var(--w55);margin-bottom:16px;font-size:13px}.cijfers .vak .c{letter-spacing:-.035em;font-size:44px;line-height:1}.cijfers .vak .d{color:var(--w38);margin-top:14px;font-size:13px}.op{color:var(--wit);font-weight:500}.neer{color:var(--w38)}.lijst{border-collapse:collapse;width:100%}.lijst td{border-top:1px solid var(--w08);letter-spacing:-.01em;padding:18px 0;font-size:16px}.lijst tr:first-child td{border-top:0}.lijst td.r{text-align:right;font-variant-numeric:tabular-nums;color:var(--w55);white-space:nowrap}.lijst td.w{text-align:right;width:84px}.pil{background:var(--blauw);color:var(--wit);white-space:nowrap;border:1px solid #ffffff38;border-radius:999px;padding:4px 12px;font-size:11px;display:inline-block}.pil.stil{color:var(--w38);border-color:var(--w14);background:0 0}.actie{border-top:1px solid var(--w08);grid-template-columns:126px 1fr;gap:32px;padding:26px 0;display:grid}.actie:first-child{border-top:0;padding-top:0}.actie .datum{color:var(--w38);padding-top:3px;font-size:14px}.actie h3{letter-spacing:-.02em;margin:0 0 6px;font-size:19px}.actie p{color:var(--w55);max-width:64ch;margin:0}.actie .cijfertjes{gap:40px;margin-top:20px;display:flex}.actie .cijfertjes .k{letter-spacing:.14em;text-transform:uppercase;color:var(--w38);font-size:11px}.actie .cijfertjes .v{letter-spacing:-.025em;margin-top:4px;font-size:22px}.voet{border-top:1px solid var(--w08);color:var(--w38);max-width:86ch;margin-top:72px;padding-top:28px;font-size:13px;line-height:1.6}.inlog{justify-content:center;align-items:center;min-height:100vh;padding:40px 22px;display:flex}.inlogkaart{width:100%;max-width:460px;padding:48px 44px}.inloglogo{height:16px;margin-bottom:56px;display:block}.inlogkop{letter-spacing:-.03em;margin:14px 0 12px;font-size:34px;line-height:1.1}.inloguitleg{color:var(--w55);margin:0 0 32px;font-size:15px;line-height:1.6}.inlogform{flex-direction:column;display:flex}.inloglabel{letter-spacing:.16em;text-transform:uppercase;color:var(--w55);margin-bottom:10px;font-size:11px}.inlogveld{background:var(--w08);border:1px solid var(--w14);width:100%;color:var(--wit);letter-spacing:.04em;border-radius:12px;padding:15px 16px;font-family:inherit;font-size:16px}.inlogveld:focus{border-color:var(--wit);background:#f0f0ee1c;outline:none}.inlogfout{color:var(--wit);margin-top:14px;font-size:14px}.inlogknop{background:var(--blauw);color:var(--wit);letter-spacing:-.008em;cursor:pointer;border:1px solid #ffffff3d;border-radius:12px;margin-top:22px;padding:15px 20px;font-family:inherit;font-size:15px;font-weight:500}.inlogknop:hover{background:#0036c2}@media (max-width:520px){.inlogkaart{padding:34px 26px}.inlogkop{font-size:27px}.inloglogo{margin-bottom:40px}}.fout{margin:80px 0;padding:48px}.fout h2{letter-spacing:-.025em;margin:0 0 18px;font-size:30px}.fout code{background:var(--w14);border-radius:6px;padding:2px 7px;font-size:14px}.fout li{color:var(--w55);margin-bottom:12px}@media (max-width:860px){.wrap{padding:0 22px}.cijfers{grid-template-columns:1fr}.wgrid{grid-template-columns:1fr;gap:30px}.kop{font-size:29px}.actie{grid-template-columns:1fr;gap:8px}section{padding-top:64px}.paneel,.wins .kaart{padding:26px 22px}.hero .logo{margin-bottom:64px}.segmenten .seg{border-radius:3px;height:11px}.tijdlijn{gap:5px}.tijdlijn .tpa{font-size:20px}.tijdlijn .tp.nu .tpa{font-size:23px}.tijdlijn .tpl{font-size:11px}.raster td:first-child{font-size:14px}.stip{width:42px;height:42px;font-size:14px}.beweging{font-size:11px}}