:root{--inkt: #1c1813;--inkt-zacht: #6f6858;--goud: #b3903a;--goud-diep: #8a6d1f;--goud-licht: #f5ead0;--goud-gloed: #efe0b8;--creme: #faf6ee;--creme-diep: #f3ecdd;--wit: #fffdf9;--lijn: #e8e0cf;--groen: #2f7a54;--rood: #a3402a;--schaduw: 0 1px 2px rgba(28,24,19,.04), 0 8px 24px rgba(28,24,19,.06);--schaduw-diep: 0 2px 4px rgba(28,24,19,.05), 0 14px 34px rgba(28,24,19,.1)}*{box-sizing:border-box;margin:0}html,body{height:100%}body{font-family:Inter,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--creme);color:var(--inkt);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#root{min-height:100%;display:flex;flex-direction:column}.top{position:relative;background:var(--wit);border-bottom:1px solid var(--lijn);padding:15px 18px;display:flex;align-items:center;justify-content:center;gap:11px}.logo{display:flex;align-items:center;gap:10px}.logo img{height:38px;width:auto;display:block}.logo-naam{font-family:Fraunces,Georgia,serif;font-size:19px;font-weight:600;letter-spacing:.005em;color:var(--inkt)}.back{position:absolute;left:8px;top:50%;transform:translateY(-50%);border:0;background:none;font-size:28px;line-height:1;color:var(--inkt-zacht);padding:8px 12px;cursor:pointer;border-radius:10px}.back:hover{color:var(--goud-diep);background:var(--creme-diep)}.progress{height:4px;background:var(--creme-diep)}.progress>div{height:100%;border-radius:0 3px 3px 0;background:linear-gradient(90deg,var(--goud-diep),var(--goud));transition:width .4s cubic-bezier(.16,1,.3,1)}.wrap{flex:1;width:100%;max-width:500px;margin:0 auto;padding:22px 20px 34px;display:flex;flex-direction:column}@media(prefers-reduced-motion:no-preference){.wrap>*{animation:opkomst .45s cubic-bezier(.16,1,.3,1) both}@keyframes opkomst{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}}h1{font-family:Fraunces,Georgia,serif;font-weight:600;font-size:29px;line-height:1.14;letter-spacing:-.01em;text-align:center;margin-bottom:10px;text-wrap:balance;color:var(--inkt)}.sub{color:var(--inkt-zacht);text-align:center;font-size:16px;line-height:1.55;margin-bottom:24px;max-width:30em;margin-left:auto;margin-right:auto}.hero{position:relative;margin:-22px -20px 22px;line-height:0;background:var(--creme-diep)}.hero img{width:100%;height:auto;display:block;aspect-ratio:4 / 3;object-fit:cover}@media(min-width:480px){.hero img{aspect-ratio:16 / 10}}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#14100bd1,#14100b47 34%,#14100b00 60%)}.hero-aanbod{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:20px 20px 15px;color:#fff}.hero-aanbod .kop{display:block;font-family:Fraunces,Georgia,serif;font-size:20px;font-weight:600;line-height:1.2;letter-spacing:-.005em}.hero-trust{display:flex;align-items:center;gap:9px;margin-top:9px;font-size:12.5px;font-weight:500;color:#ffffffeb}.hero-trust b{font-weight:700}.hero-trust .ster{color:#f0cf7c;letter-spacing:-1px}.hero-trust .punt{width:3px;height:3px;border-radius:50%;background:#ffffff80}.aanbodbalk{display:flex;flex-direction:column;gap:2px;text-align:center;background:var(--goud-licht);border:1px solid var(--goud-gloed);border-radius:14px;padding:12px 16px;margin-bottom:20px}.aanbodbalk-kop{font-weight:600;font-size:15px;color:var(--goud-diep)}.aanbodbalk-sub{font-size:12.5px;color:var(--inkt-zacht)}.teller{display:flex;justify-content:space-between;align-items:center;font-size:11.5px;font-weight:600;color:var(--inkt-zacht);text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px}.teller-naam{color:var(--goud-diep)}.cards{display:flex;flex-direction:column;gap:11px}.card{position:relative;background:var(--wit);border:1px solid var(--lijn);border-radius:16px;box-shadow:var(--schaduw);padding:17px 16px 17px 19px;text-align:left;cursor:pointer;display:flex;align-items:center;gap:12px;color:var(--inkt);transition:border-color .16s,box-shadow .2s,transform .06s}.card:hover{border-color:var(--goud-gloed);box-shadow:var(--schaduw-diep)}.card:active{transform:scale(.99)}.card.aan{border-color:var(--goud);background:var(--goud-licht)}.card-tekst{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.card-tekst b{font-size:16.5px;font-weight:600;letter-spacing:-.005em}.card-tekst small{font-size:13.5px;font-weight:400;color:var(--inkt-zacht);line-height:1.4}.arrow{flex:0 0 auto;width:30px;height:30px;border-radius:50%;background:var(--creme-diep);color:var(--goud-diep);display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:700;transition:background .16s,color .16s}.card:hover .arrow,.card.aan .arrow{background:var(--goud);color:#fff}.plek-pill{display:inline-block;align-self:flex-start;margin-top:5px;background:#2f7a541a;color:var(--groen);font-size:11.5px;font-weight:600;padding:3px 9px;border-radius:999px}.bewijs{display:flex;gap:9px;margin-top:24px}.bewijs>div{flex:1 1 0;min-width:0;background:var(--wit);border:1px solid var(--lijn);border-radius:13px;padding:14px 10px;text-align:center}.bewijs b{display:block;font-family:Fraunces,Georgia,serif;font-size:15.5px;font-weight:600;line-height:1.18;color:var(--inkt);text-wrap:balance}.bewijs span{display:block;font-size:11px;color:var(--inkt-zacht);line-height:1.35;margin-top:5px}.bewijs-regel{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 16px;margin-top:22px;font-size:12.5px;color:var(--inkt-zacht);font-weight:500}.bewijs-regel span:before{content:"✓ ";color:var(--goud);font-weight:700}.field{margin-bottom:15px}.field label{display:block;font-weight:600;font-size:14px;margin-bottom:7px;color:var(--inkt)}.field input{width:100%;padding:15px 16px;font-size:16.5px;font-family:inherit;border:1.5px solid var(--lijn);border-radius:13px;background:var(--wit);color:var(--inkt);outline:none;transition:border-color .16s,box-shadow .16s}.field input:focus{border-color:var(--goud);box-shadow:0 0 0 3px #b3903a24}.btn{width:100%;padding:17px 20px;margin-top:12px;border:0;border-radius:999px;background:var(--goud);color:#fff;font-family:inherit;font-size:17px;font-weight:600;letter-spacing:.01em;cursor:pointer;box-shadow:0 4px 16px #b3903a47;transition:background .16s,transform .06s}.btn:hover{background:var(--goud-diep)}.btn:active{transform:scale(.99)}.btn:disabled{opacity:.5;cursor:default;box-shadow:none}.fout{background:#fbeae4;border:1px solid #ecc4b6;color:var(--rood);font-size:13.5px;font-weight:500;padding:10px 13px;border-radius:11px;margin:4px 0 12px}.hervat{background:var(--goud-licht);border:1px solid var(--goud-gloed);color:var(--goud-diep);font-size:13.5px;font-weight:500;padding:11px 14px;border-radius:12px;margin-bottom:16px;text-align:center}.laden{text-align:center;padding:46px 0 34px}.laden h1{margin-top:22px}.spinner{width:46px;height:46px;margin:0 auto;border-radius:50%;border:4px solid var(--goud-licht);border-top-color:var(--goud);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner{animation:none}.progress>div{transition:none}}.recap{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;margin:2px 0 20px}.recap span{background:var(--wit);border:1px solid var(--lijn);border-radius:999px;padding:6px 13px;font-size:12.5px;font-weight:500;color:var(--inkt)}.recap span:before{content:"✓ ";color:var(--goud);font-weight:700}.trust{margin-top:auto;padding-top:26px;text-align:center;color:var(--inkt-zacht);font-size:13px;line-height:1.65}.voet{border-top:1px solid var(--lijn);padding:16px 20px calc(16px + env(safe-area-inset-bottom));text-align:center;color:var(--inkt-zacht);font-size:11.5px;line-height:1.6}.voet a{color:var(--inkt-zacht);text-decoration:underline}