.portaal{--p-rood:#cf1418;--p-rood-donker:#9e0f13;--p-rood-licht:#fbe9ea;--p-vlak:#f5f5f7;--p-lijn:#e8e8ed;--p-tekst:#1d1d1f;--p-zacht:#515154;--p-licht:#6e6e73;--p-groen:#1e8e3e;--p-groen-licht:#e3f3e6;--p-geel-licht:#fff4d6;--p-geel-donker:#7a5a00;color:var(--p-tekst);background:var(--p-vlak);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Encode Sans,system-ui,-apple-system,sans-serif}.portaal .kop,.portaal h1,.portaal h2,.portaal h3{letter-spacing:-.01em;font-family:Encode Sans Semi Condensed,Encode Sans,system-ui,sans-serif;font-weight:700}.portaal .kaart{border:1px solid var(--p-lijn);background:#fff;border-radius:22px}.portaal .pil{cursor:pointer;border:1.5px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.8rem 1.25rem;font-weight:600;line-height:1.1;text-decoration:none;transition:background .15s,border-color .15s;display:inline-flex}.portaal .pil:disabled{opacity:.55;cursor:default}.portaal .pil-rood{background:var(--p-rood);color:#fff}.portaal .pil-rood:hover:not(:disabled){background:var(--p-rood-donker)}.portaal .pil-wit{border-color:var(--p-lijn);color:var(--p-tekst);background:#fff}.portaal .pil-wit:hover:not(:disabled){border-color:var(--p-rood)}.portaal .pil-groen{background:var(--p-groen-licht);color:var(--p-groen)}.portaal .stap-bol{border-radius:50%;flex:none;justify-content:center;align-items:center;width:34px;height:34px;font-size:15px;font-weight:700;display:flex}.portaal .stap-klaar .stap-bol{background:var(--p-groen);color:#fff}.portaal .stap-nu .stap-bol{background:var(--p-rood);color:#fff;box-shadow:0 0 0 5px var(--p-rood-licht)}.portaal .stap-straks .stap-bol{border:2px solid var(--p-lijn);color:var(--p-licht);background:#fff}.portaal video{background:#000;border-radius:16px;width:100%}.portaal textarea,.portaal input[type=text]{border:1.5px solid var(--p-lijn);width:100%;font:inherit;background:#fff;border-radius:14px;padding:.75rem .9rem}.portaal textarea:focus,.portaal input[type=text]:focus{border-color:var(--p-rood);outline:none}.portaal .postit{color:#2a2300;transform-origin:50% 0;background:linear-gradient(177deg,#fff8c4 0%,#ffef8a 60%,#ffe96e 100%);border-radius:2px 3px 4px 2px;max-width:560px;margin:1.25rem .35rem .75rem .15rem;padding:1.05rem 1.15rem .95rem;line-height:1.45;animation:.6s cubic-bezier(.2,.85,.3,1.05) both postit-plak;position:relative;transform:rotate(-1.2deg);box-shadow:inset 0 1px #fff9,0 12px 24px -10px #5f480073,0 2px 4px #5f48001f}.portaal .postit:before{content:"";background:linear-gradient(90deg,#ffffff80,#ffffffc7 50%,#ffffff80);border:1px solid #0000000f;width:94px;height:24px;position:absolute;top:-11px;left:50%;transform:translate(-50%)rotate(-2.5deg);box-shadow:0 1px 3px #0000001a}.portaal .postit:after{content:"";border-top:0 solid #0000;border-bottom:22px solid #fff;border-left:22px solid #e8cf52;border-right:0 solid #0000;width:0;height:0;position:absolute;bottom:0;right:0;box-shadow:-3px -3px 6px -3px #5f480059}.portaal .postit-kop{letter-spacing:-.005em;font-family:Encode Sans Semi Condensed,Encode Sans,system-ui,sans-serif;font-size:1.2rem;font-weight:700;line-height:1.2}.portaal .postit-tekst{margin-top:.4rem;font-size:.97rem}.portaal .postit-nr{color:#5f4800;letter-spacing:.02em;margin-top:.55rem;font-size:.85rem;font-weight:600}@keyframes postit-plak{0%{opacity:0;transform:translateY(-16px)rotate(-6deg)scale(1.05)}55%{opacity:1;transform:translateY(2px)rotate(.3deg)scale(1)}to{opacity:1;transform:translateY(0)rotate(-1.2deg)scale(1)}}.portaal .gordijn{--g-duur:2.4s;z-index:5;pointer-events:none;isolation:isolate;animation:gordijn-weg var(--g-duur) linear both;border-radius:22px;position:absolute;inset:-1px;overflow:hidden;transform:translateZ(0);-webkit-mask-image:-webkit-radial-gradient(#fff,#000)}.portaal .gordijn-doek{background:linear-gradient(#ffffff14 0%,#fff0 22%,#0000 62%,#00000047 100%),repeating-linear-gradient(90deg,#8d0c10 0,#b5121a 10px,#d81a21 24px,#e63a3f 32px,#d2171d 40px,#a60f15 54px,#8d0c10 64px);width:50.6%;animation:1.05s cubic-bezier(.7,0,.3,1) .95s both gordijn-open;position:absolute;top:0;bottom:0;box-shadow:0 0 40px #00000059}.portaal .gordijn-links{transform-origin:0;left:0}.portaal .gordijn-rechts{transform-origin:100%;right:0}.portaal .gordijn-links:after,.portaal .gordijn-rechts:after{content:"";background:linear-gradient(90deg,#0000,#00000059);width:14px;position:absolute;top:0;bottom:0}.portaal .gordijn-links:after{right:0}.portaal .gordijn-rechts:after{left:0;transform:scaleX(-1)}.portaal .gordijn-rand{background:linear-gradient(#a3101a 0%,#7b090d 55%,#8e0c11 100%);height:30px;animation:.45s cubic-bezier(.5,0,.8,.4) 1.9s both gordijn-rand-weg;position:absolute;top:0;left:0;right:0;box-shadow:0 8px 18px #0006}.portaal .gordijn-rand:before{content:"";background:linear-gradient(90deg,#b9893a,#f3dc93 35%,#d6b25c 60%,#f3dc93 85%,#b9893a);height:3px;position:absolute;bottom:0;left:0;right:0}.portaal .gordijn-rand:after{content:"";background:radial-gradient(circle at 50% 0,#7b090d 0 58%,#0000 60%) 0 0/32px 16px repeat-x,radial-gradient(circle at 50% 0,#d9b45e 0 66%,#0000 68%) 0 0/32px 16px repeat-x;height:16px;position:absolute;top:100%;left:0;right:0}.portaal .gordijn-tekst{text-align:center;color:#fff;padding:0 1.25rem;animation:1.3s both gordijn-tekst;position:absolute;top:min(26%,150px);left:0;right:0}.portaal .gordijn-kop{letter-spacing:.005em;text-shadow:0 2px 2px #00000059,0 6px 20px #00000059;font-family:Encode Sans Semi Condensed,Encode Sans,system-ui,sans-serif;font-size:clamp(28px,7vw,44px);font-weight:700;line-height:1.1}.portaal .gordijn-nr{letter-spacing:.06em;color:#f8e5a8;background:#3c000259;border:1px solid #f3dc93b3;border-radius:999px;margin-top:.7rem;padding:.3rem .9rem;font-size:clamp(13px,3.4vw,16px);font-weight:600;display:inline-block}@keyframes gordijn-weg{0%{opacity:0}6%,88%{opacity:1}to{opacity:0}}@keyframes gordijn-open{to{transform:scaleX(.05)}}@keyframes gordijn-rand-weg{to{transform:translateY(-110%)}}@keyframes gordijn-tekst{0%{opacity:0;transform:translateY(8px)scale(.96)}22%,72%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-12px)scale(1.02)}}@media (prefers-reduced-motion:reduce){.portaal .postit{animation:none}.portaal .gordijn{display:none}}