.auth{background:var(--charcoal);min-height:100vh;color:var(--offwhite);grid-template-rows:auto 1fr auto;display:grid;position:relative;overflow:hidden}.scene{z-index:0;background-position:50% 30%;background-size:cover;animation:44s ease-in-out infinite alternate drift;position:absolute;inset:-4%;transform:scale(1.02)}.scene-laag{z-index:1;background:linear-gradient(90deg,#0b0d0fd6 0%,#0b0d0f85 45%,#0b0d0f38 100%),linear-gradient(#0b0d0f4d 0%,#0b0d0f00 35%,#0b0d0f8c 100%);position:absolute;inset:0}.auth>*{z-index:2;position:relative}.auth>.scene{z-index:0;position:absolute}.auth>.scene-laag{z-index:1;position:absolute}.auth>.kader{z-index:2;position:absolute}.kader{z-index:2;pointer-events:none;position:absolute;inset:0}.kader .hoek{border:0 solid #f8f9fa57;width:26px;height:26px;position:absolute}.kader .hoek.lb{border-top-width:1px;border-left-width:1px;top:24px;left:24px}.kader .hoek.rb{border-top-width:1px;border-right-width:1px;top:24px;right:24px}.kader .hoek.lo{border-bottom-width:1px;border-left-width:1px;bottom:24px;left:24px}.kader .hoek.ro{border-bottom-width:1px;border-right-width:1px;bottom:24px;right:24px}.kader .schaal{width:16px;height:64%;position:absolute;top:18%;right:24px}.kader .schaal line{stroke:#f8f9fa;stroke-opacity:.22;stroke-width:1px;vector-effect:non-scaling-stroke}.kader .schaal line.sterk{stroke-opacity:.45}.grond{background:#f8f9fa24;height:1px;position:absolute;top:0;left:24px;right:24px}.js .kader .hoek,.js .kader .schaal{opacity:0;transition:opacity .8s ease-out}.js .auth.klaar .kader .hoek,.js .auth.klaar .kader .schaal{opacity:1}.js .auth.klaar .kader .schaal{transition-delay:.2s}.js .auth-tekst>*{opacity:0;transition:opacity .6s ease-out,transform .6s ease-out;transform:translateY(12px)}.js .auth.klaar .auth-tekst>*{opacity:1;transform:none}.js .auth.klaar .auth-tekst>:nth-child(2){transition-delay:.1s}.js .auth.klaar .auth-tekst>:nth-child(3){transition-delay:.2s}.js .auth.klaar .auth-tekst>:nth-child(4){transition-delay:.3s}.js .kaart{opacity:0;transition:opacity .7s ease-out .35s,transform .7s ease-out .35s;transform:translateY(16px)}.js .auth.klaar .kaart{opacity:1;transform:none}.js .auth-top,.js .auth-voet{opacity:0;transition:opacity .8s ease-out .5s}.js .auth.klaar .auth-top,.js .auth.klaar .auth-voet{opacity:1}.auth-top{justify-content:space-between;align-items:center;padding:32px 56px 0;display:flex}.auth-top .terug{color:#c3c9d1;align-items:center;gap:7px;font-size:14px;transition:color .16s ease-out;display:inline-flex}.auth-top .terug:hover{color:var(--offwhite)}.auth-top .ik{width:15px;height:15px}.auth-voet{color:var(--donkerlabel);justify-content:space-between;gap:20px;padding:22px 56px 30px;font-size:12.5px;display:flex;position:relative}.auth-voet a{margin-left:14px;transition:color .16s ease-out}.auth-voet a:hover{color:var(--offwhite)}.auth-inhoud{grid-template-columns:minmax(0,1fr) 440px;align-items:center;gap:64px;width:100%;max-width:1200px;margin:0 auto;padding:40px 56px;display:grid}.auth-tekst{max-width:460px}.auth-tekst h2{margin-top:16px;font-size:44px}.auth-tekst p{color:var(--donkertekst);max-width:400px;margin-top:16px;font-size:16px;line-height:1.6}.auth-punten{gap:12px;margin-top:28px;display:grid}.auth-punten div{color:#c3c9d1;align-items:flex-start;gap:10px;font-size:14.5px;display:flex}.auth-punten .ik{width:17px;height:17px;color:var(--oranje);stroke-width:2px;margin-top:2px}.kaart{-webkit-backdrop-filter:blur(18px);background:#141a20b8;border:1px solid #ffffff17;border-radius:18px;width:100%;padding:36px;box-shadow:0 60px 120px -50px #000c,inset 0 1px #ffffff0d}.kaart h1{letter-spacing:-.02em;color:var(--offwhite);font-size:30px;font-weight:700;line-height:1.15}.kaart .sub{color:var(--donkertekst);margin-top:8px;font-size:15px;line-height:1.55}.gsi-material-button{-webkit-user-select:none;user-select:none;box-sizing:border-box;color:#e3e3e3;cursor:pointer;width:100%;height:44px;font-family:"Roboto",var(--font-inter,Inter),system-ui,arial,sans-serif;letter-spacing:.25px;text-align:center;vertical-align:middle;white-space:nowrap;background-color:#131314;border:1px solid #8e918f;border-radius:10px;outline:none;margin-top:26px;padding:0 12px;font-size:14px;transition:background-color .218s,border-color .218s,box-shadow .218s;position:relative;overflow:hidden}.gsi-material-button .gsi-material-button-icon{width:20px;min-width:20px;height:20px;margin-right:12px}.gsi-material-button .gsi-material-button-content-wrapper{flex-flow:row;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.gsi-material-button .gsi-material-button-contents{text-overflow:ellipsis;vertical-align:top;flex-grow:0;font-family:inherit;font-weight:500;overflow:hidden}.gsi-material-button .gsi-material-button-state{opacity:0;transition:opacity .218s;position:absolute;inset:0}.gsi-material-button:disabled{cursor:default;background-color:#13131461;border-color:#8e918f1f}.gsi-material-button:disabled .gsi-material-button-contents,.gsi-material-button:disabled .gsi-material-button-icon{opacity:.38}.gsi-material-button:not(:disabled):active .gsi-material-button-state,.gsi-material-button:not(:disabled):focus .gsi-material-button-state{opacity:.12;background-color:#fff}.gsi-material-button:not(:disabled):hover{box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326}.gsi-material-button:not(:disabled):hover .gsi-material-button-state{opacity:.08;background-color:#fff}.of{color:#59626c;letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:14px;margin:22px 0;font-size:12px;display:flex}.of:before,.of:after{content:"";background:#ffffff17;flex:1;height:1px}.veld{gap:6px;margin-bottom:16px;display:grid}.veld label{color:#c3c9d1;font-size:13px;font-weight:600;display:flex}.veld label a{color:var(--donkerlabel);margin-left:auto;font-weight:500;transition:color .16s ease-out}.veld label a:hover{color:var(--offwhite)}.veld .inv{position:relative}.veld input{width:100%;font:inherit;color:var(--offwhite);background:#0b0d0f8c;border:1px solid #2b333b;border-radius:10px;outline:0;padding:13px 14px;font-size:15px;transition:border-color .16s ease-out,box-shadow .16s ease-out,background-color .16s ease-out}.veld input::placeholder{color:#59626c}.veld input:focus{border-color:var(--oranje);background:#0b0d0fcc;box-shadow:0 0 0 3px #ff6a0029}.veld .toon{color:var(--donkerlabel);border-radius:7px;padding:7px 9px;font-size:12.5px;font-weight:600;transition:color .16s ease-out,background-color .16s ease-out;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.veld .toon:hover{color:var(--offwhite);background:#ffffff0f}.twee-velden{grid-template-columns:1fr 1fr;gap:12px;display:grid}.kaart .btn{width:100%;margin-top:6px}.kleine{color:var(--donkerlabel);text-align:center;margin-top:14px;font-size:12.5px;line-height:1.55}.kleine a{color:#c3c9d1;text-underline-offset:2px;-webkit-text-decoration:underline #3f454d;text-decoration:underline #3f454d}.wissel{color:var(--donkerlabel);text-align:center;border-top:1px solid #ffffff17;margin-top:22px;padding-top:20px;font-size:14px}.wissel a{color:var(--offwhite);align-items:center;gap:6px;font-weight:600;display:inline-flex}.wissel .ik{width:14px;height:14px}.scherm{display:none}.scherm.aan{display:block}.js .auth.klaar .auth-tekst>:nth-child(5){transition-delay:.4s}.review-strook{max-width:460px;margin-top:34px}.review-strook[hidden]{display:none}.rs-kop{color:var(--donkerlabel);justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;font-size:12.5px;display:flex}.rs-titel{letter-spacing:.02em;text-transform:uppercase;font-size:11.5px;font-weight:600}.rs-score{align-items:center;gap:5px;display:inline-flex}.rs-score[hidden]{display:none}.rs-score svg{fill:#f5b301;width:14px;height:14px}.rs-score b{color:var(--offwhite);font-weight:600}.rs-baan{overflow:hidden;-webkit-mask:linear-gradient(90deg,#0000,#000 6% 94%,#0000);mask:linear-gradient(90deg,#0000,#000 6% 94%,#0000)}.rs-rail{width:max-content;animation:rsLoop var(--rs-duur,60s) linear infinite;gap:12px;display:flex}.rs-baan:hover .rs-rail,.rs-baan:focus-within .rs-rail{animation-play-state:paused}@keyframes rsLoop{to{transform:translate(-50%)}}.rs-kaart{background:#ffffff0b;border:1px solid #ffffff17;border-radius:14px;flex-direction:column;flex:none;gap:9px;width:250px;padding:14px 16px;display:flex}.rs-sterren{gap:2px;display:flex}.rs-sterren svg{fill:#f5b301;width:13px;height:13px}.rs-sterren svg.uit{fill:#ffffff2e}.rs-tekst{color:#d3d8de;-webkit-line-clamp:4;-webkit-box-orient:vertical;font-size:13.5px;line-height:1.5;display:-webkit-box;overflow:hidden}.rs-wie{color:var(--donkerlabel);margin-top:auto;font-size:12.5px}.rs-wie b{color:var(--offwhite);font-weight:600}@media (max-width:900px){.review-strook{display:none}}@media (prefers-reduced-motion:reduce){.rs-rail{animation:none}.rs-baan{overflow-x:auto;-webkit-mask:none;mask:none}}@media (max-width:900px){.auth-top{padding:20px 24px 0}.auth-voet{flex-direction:column;gap:8px;padding:18px 24px 24px}.auth-voet a{margin-left:0;margin-right:14px}.auth-inhoud{grid-template-columns:1fr;gap:28px;padding:28px 24px 32px}.auth-tekst h2{font-size:30px}.auth-tekst p,.auth-punten{display:none}.kaart{padding:26px 20px}.kaart h1{font-size:26px}.twee-velden{grid-template-columns:1fr}.kader .schaal{display:none}.scene-laag{background:linear-gradient(#0b0d0fd1,#0b0d0fe6)}}@media (prefers-reduced-motion:reduce){.scene{animation:none}.js .kader .hoek,.js .kader .schaal,.js .auth-tekst>*,.js .kaart,.js .auth-top,.js .auth-voet{opacity:1;transition:none;transform:none}}.melding{color:#ff8a8a;background:#ff505014;border:1px solid #ff505040;border-radius:9px;margin-top:12px;padding:9px 12px;font-size:13px;line-height:1.5;display:none}.melding.aan{display:block}.melding.goed{color:#8fd4a8;background:#2f9e5f1a;border-color:#2f9e5f4d}.re-code-toon{margin:-4px 0 14px}.re-code-info{min-height:1em;margin:6px 0 0}.re-code-info.goed{color:#15803d}.cv-invoer{height:60px;position:relative}.cv-vakken{justify-content:center;gap:8px;height:60px;display:flex}.cv-vak{font-variant-numeric:tabular-nums;width:46px;height:60px;color:var(--offwhite);background:#0b0d0f8c;border:1px solid #ffffff24;border-radius:12px;place-items:center;font-size:26px;font-weight:700;transition:border-color .18s,box-shadow .18s,transform .55s cubic-bezier(.5,0,.2,1),border-radius .45s,background-color .3s,opacity .25s;display:grid;position:relative}.cv-vak:nth-child(4){margin-left:10px}.cv-vak span{animation:.22s cubic-bezier(.2,.9,.3,1.4) cvCijfer;display:block}@keyframes cvCijfer{0%{opacity:0;transform:scale(.5)translateY(6px)}}.cv-invoer.cv-focus .cv-vak.cv-nu{border-color:var(--oranje);box-shadow:0 0 0 3px #ff6a0029}.veld .cv-invoer input.code-invoer{opacity:0;width:100%;height:100%;box-shadow:none;cursor:text;caret-color:#0000;background:0 0;border:0;margin:0;padding:0;position:absolute;inset:0}@property --cvh{syntax:"<angle>";inherits:false;initial-value:0deg}.cv-vak:before{content:"";border-radius:inherit;background:conic-gradient(from var(--cvh),#ff6a0000 0 62%,#ff6a008c 80%,#ff8a2b 92%,#ff6a0000 100%);-webkit-mask-composite:xor;opacity:0;pointer-events:none;padding:2px;transition:opacity .25s;position:absolute;inset:-2px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.cv-invoer.cv-bezig .cv-vak{border-color:#ff6a0059;box-shadow:0 0 16px -4px #ff6a0080}.cv-invoer.cv-bezig .cv-vak:before{opacity:1;animation:1.1s linear infinite cvRond}.cv-invoer.cv-bezig .cv-vak:first-child:before{animation-delay:-.45s}.cv-invoer.cv-bezig .cv-vak:nth-child(2):before{animation-delay:-.36s}.cv-invoer.cv-bezig .cv-vak:nth-child(3):before{animation-delay:-.27s}.cv-invoer.cv-bezig .cv-vak:nth-child(4):before{animation-delay:-.18s}.cv-invoer.cv-bezig .cv-vak:nth-child(5):before{animation-delay:-.09s}@keyframes cvRond{to{--cvh:360deg}}.cv-invoer.cv-goed .cv-vak{color:#0000;box-shadow:none;background:#22c55e;border-color:#22c55e;border-radius:30px}.cv-invoer.cv-goed .cv-vak:before{opacity:0;animation:none}.cv-invoer.cv-goed .cv-vak span{opacity:0;transition:opacity .15s}.cv-vink{opacity:0;background:#22c55e;border-radius:50%;place-items:center;width:60px;height:60px;margin:-30px 0 0 -30px;display:grid;position:absolute;top:50%;left:50%;transform:scale(0);box-shadow:0 0 #22c55e73}.cv-invoer.cv-raak .cv-vak{opacity:0}.cv-invoer.cv-raak .cv-vink{opacity:1;animation:.6s cubic-bezier(.3,1.5,.5,1) forwards cvVink,1s ease-out .15s cvGolf}.cv-vink svg{fill:none;stroke:#fff;stroke-width:3.2px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:30;stroke-dashoffset:30px;width:30px;height:30px}.cv-invoer.cv-raak .cv-vink svg{animation:.4s ease-out .22s forwards cvTeken}@keyframes cvVink{0%{opacity:1;transform:scale(.75)}to{opacity:1;transform:scale(1)}}@keyframes cvTeken{to{stroke-dashoffset:0}}@keyframes cvGolf{to{box-shadow:0 0 0 22px #22c55e00}}.cv-invoer.cv-mis .cv-vakken{animation:.4s cvSchud}.cv-invoer.cv-mis .cv-vak{border-color:#ff6a6a}@keyframes cvSchud{20%{transform:translate(-7px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(3px)}}#form-code.klaar .btn,#form-code.klaar .melding{pointer-events:none;transition:opacity .3s;opacity:0!important}@media (max-width:400px){.cv-vak{width:40px;height:54px;font-size:22px}.cv-vakken{gap:6px}}@media (prefers-reduced-motion:reduce){.cv-vak,.cv-vak:before,.cv-vink,.cv-vink svg{transition-duration:10ms!important;animation-duration:10ms!important}}.kaart .sub b{color:var(--offwhite)}[data-scherm] [hidden]{display:none!important}