.auth-raam{--wit:var(--sb-white);--teal:var(--sb-teal);--teal-donker:var(--sb-teal-donker);--teal-tonaal:var(--sb-teal-tonaal);--teal-tekst:var(--sb-teal-tekst);--navy:var(--sb-navy);--inkt:var(--sb-inkt);--grijs:var(--sb-grijs);--grijs-licht:var(--sb-grijs-licht);--rand:var(--sb-rand-v2);--rand-zacht:var(--sb-rand-zacht);--teal-licht:color-mix(in srgb, var(--teal) 55%, var(--wit));--paneel-tekst:color-mix(in srgb, var(--wit) 78%, var(--navy));--paneel-tekst-zacht:color-mix(in srgb, var(--wit) 62%, var(--navy));min-height:100vh;color:var(--inkt);background:radial-gradient(1000px 520px at 88% -120px, color-mix(in srgb, var(--teal) 22%, transparent), transparent 62%), radial-gradient(760px 460px at -140px 112%, color-mix(in srgb, var(--kleur-lavendel-tekst) 15%, transparent), transparent 68%), url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22520%22%20height%3D%22520%22%20viewBox%3D%220%200%20520%20520%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%234fbdb2%22%20stroke-width%3D%222.4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20opacity%3D%22.38%22%3E%3Cg%20transform%3D%22translate%2864%2C58%29%20rotate%28-24%29%22%3E%3Ccircle%20cx%3D%225%22%20cy%3D%2234%22%20r%3D%225.5%22/%3E%3Ccircle%20cx%3D%2227%22%20cy%3D%2234%22%20r%3D%225.5%22/%3E%3Cpath%20d%3D%22M9%2029%2026%20-6M23%2029%206%20-6%22/%3E%3C/g%3E%3Cg%20transform%3D%22translate%28318%2C74%29%20rotate%2814%29%22%3E%3Crect%20x%3D%220%22%20y%3D%220%22%20width%3D%2246%22%20height%3D%2211%22%20rx%3D%224%22/%3E%3Cpath%20d%3D%22M7%2011v15M15%2011v15M23%2011v15M31%2011v15M39%2011v15%22/%3E%3C/g%3E%3Cg%20transform%3D%22translate%28150%2C214%29%20rotate%28-9%29%22%3E%3Crect%20x%3D%226%22%20y%3D%2216%22%20width%3D%2222%22%20height%3D%2232%22%20rx%3D%226%22/%3E%3Cpath%20d%3D%22M6%2024h22M11%2016v-7h9M20%209h7%22/%3E%3Ccircle%20cx%3D%2233%22%20cy%3D%223%22%20r%3D%221.4%22/%3E%3Ccircle%20cx%3D%2238%22%20cy%3D%228%22%20r%3D%221.4%22/%3E%3Ccircle%20cx%3D%2237%22%20cy%3D%220%22%20r%3D%221.4%22/%3E%3C/g%3E%3Cg%20transform%3D%22translate%28356%2C268%29%20rotate%2818%29%22%3E%3Cpath%20d%3D%22M0%202h30a13%2013%200%200%201%200%2026H0z%22/%3E%3Cpath%20d%3D%22M7%2028l5%2021h11l-3-21%22/%3E%3Cpath%20d%3D%22M36%209v0M36%2021v0%22/%3E%3C/g%3E%3Cg%20transform%3D%22translate%2866%2C340%29%22%3E%3Ccircle%20cx%3D%2217%22%20cy%3D%2217%22%20r%3D%2217%22/%3E%3Ccircle%20cx%3D%2217%22%20cy%3D%2217%22%20r%3D%2211.5%22/%3E%3Cpath%20d%3D%22M17%2034v15M9%2049h16%22/%3E%3C/g%3E%3Cg%20transform%3D%22translate%28258%2C384%29%20rotate%28-10%29%22%3E%3Crect%20x%3D%223%22%20y%3D%2215%22%20width%3D%2220%22%20height%3D%2224%22%20rx%3D%227%22/%3E%3Crect%20x%3D%228%22%20y%3D%221%22%20width%3D%2210%22%20height%3D%2214%22%20rx%3D%222.5%22/%3E%3C/g%3E%3Cg%20transform%3D%22translate%28452%2C150%29%22%3E%3Cpath%20d%3D%22M10%200l2.6%207.4L20%2010l-7.4%202.6L10%2020l-2.6-7.4L0%2010l7.4-2.6z%22/%3E%3C/g%3E%3Cg%20transform%3D%22translate%28438%2C420%29%20rotate%28-18%29%22%3E%3Ccircle%20cx%3D%225%22%20cy%3D%2234%22%20r%3D%225.5%22/%3E%3Ccircle%20cx%3D%2227%22%20cy%3D%2234%22%20r%3D%225.5%22/%3E%3Cpath%20d%3D%22M9%2029%2026%20-6M23%2029%206%20-6%22/%3E%3C/g%3E%3Cg%20transform%3D%22translate%28196%2C96%29%22%3E%3Cpath%20d%3D%22M7%200l1.8%205.2L14%207l-5.2%201.8L7%2014%205.2%208.8%200%207l5.2-1.8z%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E), linear-gradient(168deg, color-mix(in srgb, var(--teal) 9%, var(--wit)) 0%, color-mix(in srgb, var(--navy) 4%, var(--wit)) 55%, color-mix(in srgb, var(--teal) 10%, var(--wit)) 100%);flex-direction:column;flex:1;align-items:center;padding:28px;display:flex;position:relative}.auth-raam ::selection{background:var(--teal-tonaal)}.auth-raam :focus-visible{outline:2px solid var(--teal);outline-offset:2px;border-radius:6px}.auth-raam input:focus-visible,.auth-raam select:focus-visible{outline:none}.kop-link{z-index:5;color:var(--grijs);font-size:.78rem;text-decoration:none;position:absolute;top:18px;right:22px}.kop-link b{color:var(--teal-donker);font-weight:600}.kop-link:hover b{text-decoration:underline}.auth-midden{flex:1;place-items:center;width:100%;padding:26px 0 10px;display:grid}.pagina-voet{color:var(--grijs-licht);text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:.35rem 1.1rem;padding-top:16px;font-size:.72rem;display:flex}.pagina-voet nav{gap:1.1rem;display:flex}.pagina-voet a{color:var(--grijs);font-weight:500;text-decoration:none}.pagina-voet a:hover{color:var(--inkt)}.cookie-kort{margin:0;line-height:1.5}.tweeluik{background:var(--wit);border:1px solid var(--rand);box-shadow:var(--schaduw-modal);border-radius:28px;grid-template-columns:440px 380px;display:grid;overflow:hidden}.tweeluik-enkel{grid-template-columns:minmax(0,29rem);width:min(29rem,100%)}.tweeluik-breed{grid-template-columns:minmax(0,44rem);width:min(44rem,100%)}@media (prefers-reduced-motion:no-preference){.tweeluik{animation:.3s both verschijn}@keyframes verschijn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}}.auth-kaart{min-width:0;padding:44px 44px 34px;position:relative}.auth-merk{align-items:center;gap:10px;margin-bottom:28px;display:flex}.auth-merk img.auth-logo{width:auto;height:68px;display:block}.woordmerk{font-family:var(--letter-merk);letter-spacing:-.015em;color:var(--navy);font-size:1.18rem;font-weight:600}.woordmerk span{color:var(--teal-donker)}.kaart-buddy{pointer-events:none;width:54px;height:auto;position:absolute;top:12px;right:18px}.auth-kaart h1,.auth-kaart h2{letter-spacing:-.03em;color:var(--navy);font-size:1.6rem;font-weight:700;line-height:1.25}.lede{color:var(--grijs);margin:8px 0 0;font-size:.8rem;line-height:1.6}.auth-kaart form{margin-top:24px}.perks{color:var(--grijs);text-align:center;margin-top:14px;font-size:.76rem}.merkpaneel{color:var(--wit);background:linear-gradient(160deg, var(--navy) 0%, color-mix(in srgb, var(--navy) 88%, var(--teal-donker)) 55%, color-mix(in srgb, var(--navy) 52%, var(--teal-donker)) 130%);flex-direction:column;gap:22px;padding:44px 36px;display:flex;position:relative;overflow:hidden}.merkpaneel:after{content:"";background:color-mix(in srgb, var(--teal) 16%, transparent);border-radius:50%;width:220px;height:220px;position:absolute;top:-70px;right:-70px}.merkpaneel h2{z-index:1;letter-spacing:-.01em;font-size:1.15rem;font-weight:600;line-height:1.5;position:relative}.merkpaneel h2 em{color:var(--teal-licht);font-style:normal}.usp{z-index:1;color:var(--paneel-tekst);align-items:flex-start;gap:12px;font-size:.78rem;line-height:1.55;display:flex;position:relative}.usp b{color:var(--wit);font-size:.82rem;display:block}.usp .bol{background:color-mix(in srgb, var(--wit) 10%, transparent);width:30px;height:30px;color:var(--teal-licht);border-radius:10px;flex:none;place-items:center;display:grid}.merkpaneel .buddy{z-index:1;align-items:flex-end;gap:14px;margin-top:auto;display:flex;position:relative}.merkpaneel .buddy img{width:96px;height:auto;filter:drop-shadow(0 10px 20px color-mix(in srgb, var(--navy) 45%, transparent))}.merkpaneel .buddy p{color:var(--paneel-tekst-zacht);background:color-mix(in srgb, var(--wit) 7%, transparent);border-radius:14px 14px 14px 4px;padding:10px 14px;font-size:.72rem;line-height:1.55}.error-msg{background:var(--kleur-fout-tonaal);color:var(--kleur-fout-tekst);border-radius:14px;align-items:flex-start;gap:.55rem;margin-bottom:14px;padding:12px 16px;font-size:.8rem;font-weight:500;line-height:1.5;display:none}.error-msg.show{display:flex}.info-msg{background:var(--teal-tonaal);color:var(--teal-tekst);border-radius:14px;gap:.55rem;margin-bottom:14px;padding:12px 16px;font-size:.8rem;font-weight:500;line-height:1.5;display:flex}.auth-kaart h1+.info-msg,.auth-kaart h2+.info-msg,.auth-kaart h1+.error-msg,.auth-kaart h2+.error-msg{margin-top:14px}.field{margin-bottom:14px}.field label{color:var(--grijs);margin-bottom:6px;font-size:.72rem;font-weight:600;display:block}.input-box{position:relative}.input-box input,.input-box select{width:100%;color:var(--inkt);background:var(--wit);border:1px solid var(--rand);appearance:none;border-radius:10px;outline:none;padding:10px 13px;font-family:inherit;font-size:.88rem;font-weight:400;transition:border-color .15s,box-shadow .15s}.input-box select{cursor:pointer;padding-right:2.4rem}.input-box input::placeholder{color:var(--grijs-licht)}.input-box input:hover,.input-box select:hover{border-color:var(--grijs-licht)}.input-box input:focus,.input-box select:focus{border-color:var(--teal);box-shadow:0 0 0 3px color-mix(in srgb, var(--teal) 14%, transparent)}.input-box input:-webkit-autofill{-webkit-box-shadow:0 0 0 60px var(--wit) inset;-webkit-text-fill-color:var(--inkt)}.select-arrow{pointer-events:none;color:var(--grijs-licht);position:absolute;top:50%;right:.85rem;transform:translateY(-50%)}.eye-btn{cursor:pointer;color:var(--grijs-licht);background:0 0;border:none;border-radius:8px;padding:.45rem;transition:color .15s;display:flex;position:absolute;top:50%;right:.35rem;transform:translateY(-50%)}.eye-btn:hover{color:var(--grijs)}.input-box input[type=password],.input-box .met-oog{padding-right:2.6rem}.field-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.section-title{color:var(--grijs);margin:1.3rem 0 .9rem;font-size:.72rem;font-weight:600}.row{justify-content:space-between;align-items:center;margin:.15rem 0 1.15rem;display:flex}.check{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--grijs);align-items:center;gap:.5rem;font-size:.78rem;display:flex}.check input{display:none}.box{border:1.5px solid var(--rand);background:var(--wit);border-radius:5px;flex:none;justify-content:center;align-items:center;width:1.05rem;height:1.05rem;transition:background .15s,border-color .15s;display:flex}.box svg{opacity:0;transition:all .15s;transform:scale(.5)}.check input:checked+.box{background:var(--teal);border-color:var(--teal)}.check input:checked+.box svg{opacity:1;transform:scale(1)}.link{color:var(--teal-donker);font-size:.78rem;font-weight:600;text-decoration:none}.link:hover{text-decoration:underline}.btn-row{gap:10px;margin-top:18px;display:flex}.btn-primary{width:100%;color:var(--wit);background:var(--teal-donker);cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;padding:13px 18px;font-family:inherit;font-size:.9rem;font-weight:600;transition:transform .15s,box-shadow .15s,filter .15s;display:inline-flex;position:relative;overflow:hidden}.btn-row .btn-primary{flex:1;width:auto}.btn-primary .label{justify-content:center;align-items:center;gap:.5rem;width:100%;display:inline-flex}.btn-primary .label svg{transition:transform .18s}.btn-primary:hover{filter:brightness(1.08);box-shadow:0 10px 24px -8px color-mix(in srgb, var(--teal-donker) 50%, transparent);transform:translateY(-1px)}.btn-primary:hover .label svg{transform:translate(3px)}.btn-primary:active{transform:scale(.99)}.btn-primary.loading{pointer-events:none;color:#0000}.btn-primary .spinner{border:2.5px solid color-mix(in srgb, var(--wit) 35%, transparent);border-top-color:var(--wit);border-radius:50%;width:1.1rem;height:1.1rem;margin:-.55rem 0 0 -.55rem;animation:.7s linear infinite draai;display:none;position:absolute;top:50%;left:50%}.btn-primary.loading .spinner{display:block}@keyframes draai{to{transform:rotate(360deg)}}.btn-primary.success{background:var(--navy);pointer-events:none}.btn-secondary{color:var(--inkt);background:var(--wit);border:1px solid var(--rand);cursor:pointer;border-radius:999px;padding:13px 22px;font-family:inherit;font-size:.85rem;font-weight:600;transition:background .15s,border-color .15s}.btn-secondary:hover{background:var(--rand-zacht)}.signup,.back-login{border-top:1px solid var(--rand-zacht);color:var(--grijs);margin-top:22px;padding-top:18px;font-size:.76rem}.back-login a{align-items:center;gap:.35rem;display:inline-flex}.caps-hint{color:var(--kleur-wacht-tekst);align-items:center;gap:.4rem;margin-top:.4rem;font-size:.72rem;display:flex}.caps-hint:before{content:"";background:var(--sb-sunshine);border-radius:50%;width:6px;height:6px}.ww-meter{margin:.45rem 0 1.1rem}.ww-meter-balk{background:var(--rand-zacht);border-radius:999px;height:5px;overflow:hidden}.ww-meter-balk span{background:var(--sb-sunshine);border-radius:999px;height:100%;transition:width .2s,background .2s;display:block}.ww-meter-balk span.goed{background:var(--teal)}.ww-meter-tekst{color:var(--grijs-licht);margin-top:.35rem;font-size:.72rem}.ww-meter-tekst.goed{color:var(--teal-tekst);font-weight:600}.dev-hint{border:1px dashed var(--rand);color:var(--grijs-licht);text-align:center;border-radius:10px;margin-top:18px;padding:.45rem .7rem;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.7rem}.voortgang{margin-top:20px}.voortgang-tekst{color:var(--grijs);justify-content:space-between;margin-bottom:8px;font-size:.72rem;display:flex}.voortgang-tekst b{color:var(--navy);font-weight:600}.stappen{gap:6px;display:flex}.stappen i{background:var(--rand-zacht);border-radius:999px;flex:1;height:4px;transition:background .35s}.stappen i.aan{background:var(--teal)}.panels-viewport{transition:height .45s cubic-bezier(.65,0,.25,1);overflow:hidden}.panels-track{will-change:transform;align-items:flex-start;transition:transform .55s cubic-bezier(.65,0,.25,1);display:flex}.step-panel{flex:0 0 100%;min-width:100%;padding:2px}.success-panel,.sent-panel{text-align:center;padding:.6rem 0 .2rem;display:none}.success-panel.active,.sent-panel.active{display:block}.success-icon{background:var(--teal);border-radius:50%;justify-content:center;align-items:center;width:3rem;height:3rem;margin:.4rem auto 1rem;display:flex}.success-panel h3,.sent-panel h3{letter-spacing:-.01em;color:var(--navy);font-size:1.15rem;font-weight:600}.success-panel p,.sent-panel p{color:var(--grijs);margin-top:.45rem;font-size:.82rem;line-height:1.6}.email-chip{background:var(--teal-tonaal);color:var(--teal-tekst);word-break:break-all;border-radius:999px;margin:.7rem 0 .9rem;padding:.45rem .9rem;font-size:.8rem;font-weight:600;display:inline-block}.trial-note,.hint-note{text-align:left;background:var(--kleur-wacht-tonaal);color:var(--grijs);border-radius:14px;align-items:flex-start;gap:.6rem;margin:.5rem 0 .9rem;padding:12px 16px;font-size:.78rem;line-height:1.55;display:flex}.trial-note b,.hint-note b{color:var(--kleur-wacht-tekst)}.trial-note svg,.hint-note svg{flex:none;margin-top:1px}.resend-row{color:var(--grijs);margin-top:.7rem;font-size:.78rem}.resend-btn{color:var(--teal-donker);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:.78rem;font-weight:600}.resend-btn:hover{text-decoration:underline}.resend-btn:disabled{color:var(--grijs-licht);cursor:default;text-decoration:none}.juridisch{gap:1.15rem;margin-top:1.35rem;display:grid}.juridisch h3{color:var(--navy);margin:0 0 .35rem;font-size:1rem;font-weight:600}.juridisch p{color:var(--grijs);margin:0 0 .55rem;font-size:.86rem;line-height:1.65}.juridisch p:last-child{margin-bottom:0}.akkoord{color:var(--grijs);margin:.15rem 0 0;font-size:.74rem;line-height:1.6}.akkoord .link{font-size:inherit}@keyframes schud{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.shake{animation:.4s schud}@media (max-width:860px){.auth-raam{padding:14px}.auth-midden{padding-top:44px}.tweeluik,.tweeluik-enkel,.tweeluik-breed{grid-template-columns:1fr;width:100%;max-width:470px}.tweeluik-breed{max-width:100%}.merkpaneel{display:none}.auth-kaart{padding:30px 24px 26px}}@media (max-width:560px){.field-row{grid-template-columns:1fr;gap:0}.btn-row{flex-direction:column-reverse}.kop-link{top:14px;right:16px}}