body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary:#2563eb;--primary-dark:#1d4ed8;--primary-light:#3b82f6;--secondary:#f59e0b;--secondary-dark:#d97706;--success:#10b981;--error:#ef4444;--warning:#f59e0b;--background:#fff;--surface:#f8fafc;--text-primary:#1e293b;--text-secondary:#64748b;--text-light:#94a3b8;--border:#e2e8f0;--shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--radius:12px;--radius-lg:16px;--gradient-primary:linear-gradient(135deg,#667eea,#764ba2);--gradient-secondary:linear-gradient(135deg,#f093fb,#f5576c);--gradient-success:linear-gradient(135deg,#4facfe,#00f2fe)}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#667eea,#764ba2);color:#1e293b;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}.App,body{min-height:100vh}.App{display:flex;flex-direction:column}.App-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex:1 1;justify-content:center;overflow:hidden;padding:2rem 1rem;position:relative}.App-header:before{animation:float 20s ease-in-out infinite;background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18a7 7 0 1 0 0-14 7 7 0 0 0 0 14zm48 25a7 7 0 1 0 0-14 7 7 0 0 0 0 14zm-43-7a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm63 31a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM34 90a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm56-76a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21a2 2 0 1 0 .001-3.999A2 2 0 0 0 80 29zM60 91a2 2 0 1 0 .001-3.999A2 2 0 0 0 60 91zM35 41a2 2 0 1 0 .001-3.999A2 2 0 0 0 35 41zM12 60a2 2 0 1 0 .001-3.999A2 2 0 0 0 12 60z' fill='%23fff' fill-opacity='.03' fill-rule='evenodd'/%3E%3C/svg%3E");bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(180deg)}}.container{margin:0 auto;max-width:480px;width:100%}.conversion-step{animation:slideUp .6s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;background:var(--background);border:1px solid #fff3;border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-xl);padding:2.5rem;position:relative;z-index:10}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.urgency-badge{align-items:center;animation:pulse 2s infinite;background:linear-gradient(135deg,#f093fb,#f5576c);background:var(--gradient-secondary);border-radius:50px;color:#fff;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 1rem}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:800;line-height:1.2;margin-bottom:.75rem}h2{color:#1e293b;color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.subtitle{color:#64748b;color:var(--text-secondary);font-size:1.1rem;line-height:1.5;margin-bottom:2rem}.service-highlight{margin:2rem 0}.service-badge{align-items:center;background:#f8fafc;background:var(--surface);border:2px solid #e2e8f0;border:2px solid var(--border);border-radius:12px;border-radius:var(--radius);display:flex;gap:.75rem;padding:1.25rem;text-align:left}.service-badge strong{color:#1e293b;color:var(--text-primary);display:block;font-size:1.1rem;margin-bottom:.25rem}.service-badge span{color:#64748b;color:var(--text-secondary);font-size:.9rem}.cta-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);border:none;border-radius:12px;border-radius:var(--radius);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:.75rem;justify-content:center;margin:2rem 0;overflow:hidden;padding:1.25rem 2rem;position:relative;transition:all .3s ease;width:100%}.cta-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.cta-button:hover:before{left:100%}.cta-button:hover{box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-xl);transform:translateY(-2px)}.benefits{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr;margin:2.5rem 0}.benefit-card{background:#f8fafc;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);overflow:hidden;padding:1.5rem;position:relative;text-align:center;transition:all .3s ease}.benefit-card:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);content:"";height:3px;left:0;position:absolute;right:0;top:0}.benefit-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-5px)}.benefit-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);border-radius:50%;color:#fff;display:flex;height:64px;justify-content:center;margin:0 auto 1rem;width:64px}.benefit-card h3{color:#1e293b;color:var(--text-primary);font-size:1.1rem;margin-bottom:.5rem}.benefit-card p{color:#64748b;color:var(--text-secondary);font-size:.9rem}.process{border-top:1px solid #e2e8f0;border-top:1px solid var(--border);margin-top:2.5rem;padding-top:2rem}.process h3{color:#1e293b;color:var(--text-primary);font-size:1.2rem;margin-bottom:1.5rem;text-align:center}.process-steps{display:flex;flex-direction:column;gap:1rem}.process-step{align-items:flex-start;background:#f8fafc;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);display:flex;gap:1rem;padding:1rem}.step-number{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.9rem;font-weight:700;height:32px;justify-content:center;width:32px}.step-content strong{color:#1e293b;color:var(--text-primary);display:block;margin-bottom:.25rem}.step-content p{color:#64748b;color:var(--text-secondary);font-size:.9rem}.klus-form{margin-top:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{align-items:center;color:#1e293b;color:var(--text-primary);display:flex;font-weight:600;gap:.5rem;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{background:#fff;background:var(--background);border:2px solid #e2e8f0;border:2px solid var(--border);border-radius:12px;border-radius:var(--radius);font-size:1rem;padding:1rem;transition:all .3s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#2563eb;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a;outline:none}.form-group input:disabled,.form-group textarea:disabled{background:#f8fafc;background:var(--surface);cursor:not-allowed;opacity:.7}.address-group{position:relative}.address-loading{align-items:center;color:#94a3b8;color:var(--text-light);display:flex;font-size:.875rem;gap:.5rem;position:absolute;right:1rem;top:50%;transform:translateY(-50%)}.spinner{animation:spin 1s linear infinite}.address-hint{color:#94a3b8;color:var(--text-light);font-size:.75rem;margin-top:.5rem}.address-suggestions{background:#fff;border:2px solid #e2e8f0;border:2px solid var(--border);border-radius:0 0 12px 12px;border-radius:0 0 var(--radius) var(--radius);border-top:none;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.suggestion-item{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);padding:1rem;transition:background-color .2s ease}.suggestion-item:hover{background:var(--surface)}.suggestion-item:last-child{border-bottom:none}.suggestion-text{color:var(--text-primary)}.error-message{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;border-radius:var(--radius);color:#ef4444;color:var(--error);display:flex;font-weight:500;gap:.5rem;margin-bottom:1.5rem;padding:1rem}.service-explanation{margin:2rem 0}.service-alert{align-items:flex-start;background:#f0f9ff;border:1px solid #bae6fd;border-radius:12px;border-radius:var(--radius);display:flex;gap:1rem;padding:1.5rem}.service-alert strong{color:#1e293b;color:var(--text-primary);display:block;margin-bottom:.5rem}.service-alert p{color:#64748b;color:var(--text-secondary);font-size:.9rem;line-height:1.5}.submit-button{align-items:center;background:linear-gradient(135deg,#4facfe,#00f2fe);background:var(--gradient-success);border:none;border-radius:12px;border-radius:var(--radius);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:.75rem;justify-content:center;margin:2rem 0;padding:1.25rem 2rem;transition:all .3s ease;width:100%}.submit-button:hover:not(:disabled){box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-xl);transform:translateY(-2px)}.submit-button:disabled{transform:none}.security-notice{color:#64748b;color:var(--text-secondary);font-size:.875rem;gap:.5rem}.success-message{padding:1rem;text-align:center}.success-icon{animation:bounce 1s ease-in-out;color:#10b981;color:var(--success);margin:0 auto 1.5rem}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.success-details{margin:2.5rem 0;text-align:left}.success-details h3{color:#1e293b;color:var(--text-primary);margin-bottom:1.5rem;text-align:center}.contact-info{background:#f8fafc;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);margin:2rem 0;padding:1.5rem;text-align:center}.contact-info h3{color:#1e293b;color:var(--text-primary);margin-bottom:.5rem}.contact-info p{color:#64748b;color:var(--text-secondary)}.cookie-banner-simple{background:#1e293b;background:var(--text-primary);bottom:0;color:#fff;left:0;padding:1rem;position:fixed;right:0;text-align:center;z-index:1000}.cookie-banner-simple p{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin:0}.cookie-accept-btn{background:#2563eb;background:var(--primary);border:none;border-radius:12px;border-radius:var(--radius);color:#fff;cursor:pointer;font-weight:600;padding:.5rem 1.5rem;transition:background-color .3s ease}.cookie-accept-btn:hover{background:#1d4ed8;background:var(--primary-dark)}@media (max-width:768px){.container{max-width:100%;padding:0 1rem}.conversion-step{margin:1rem;padding:1.5rem}h1{font-size:1.75rem}h2{font-size:1.35rem}.benefits{gap:1rem;grid-template-columns:1fr}.cta-button,.submit-button{font-size:1rem;padding:1rem 1.5rem}.service-badge{gap:.5rem}.process-step,.service-badge{flex-direction:column;text-align:center}.process-step{gap:.75rem}.cookie-banner-simple p{flex-direction:column;gap:.75rem}}@media (max-width:480px){.conversion-step{margin:.5rem;padding:1.25rem}h1{font-size:1.5rem}.subtitle{font-size:1rem}.benefit-card{padding:1.25rem}}.loading{opacity:.7;pointer-events:none}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #2563eb;outline:2px solid var(--primary);outline-offset:2px}@media print{.cookie-banner-simple,.cta-button,.submit-button{display:none}.conversion-step{border:1px solid #000;box-shadow:none}}.progress-bar{background:#e2e8f0;border-radius:2px;height:4px;margin-bottom:2rem;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#10b981,#3b82f6);border-radius:2px;height:100%;transition:width .8s ease-in-out}.social-proof{margin:1.5rem 0;text-align:center}.rating{align-items:center;background:#fff;border-radius:50px;box-shadow:0 2px 8px #0000001a;display:inline-flex;gap:.5rem;padding:.75rem 1.5rem}.stars{color:#f59e0b;display:flex}.benefits-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin:2rem 0}.benefit-item{align-items:center;background:#f8fafc;border-radius:12px;display:flex;font-size:.9rem;font-weight:500;gap:.75rem;padding:1rem}.benefit-item svg{color:#10b981}.trust-signals{grid-gap:1rem;border-top:1px solid #e2e8f0;display:grid;gap:1rem;grid-template-columns:1fr 1fr 1fr;margin-top:2rem;padding-top:2rem}.trust-item{text-align:center}.trust-number{color:#1e293b;font-size:1.5rem;font-weight:800;margin-bottom:.25rem}.trust-label{color:#64748b;font-size:.75rem}.step-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.back-button{background:none;border:none;color:#64748b;cursor:pointer;font-size:.9rem;padding:.5rem}.back-button:hover{color:#374151}.step-indicator{color:#64748b;font-size:.875rem;font-weight:500}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.description-hint{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;font-size:.875rem;margin-bottom:1rem;padding:1rem}.description-hint ul{margin:.5rem 0 0 1rem;padding:0}.description-hint li{line-height:1.4;margin-bottom:.25rem}.character-hint{color:#64748b;font-size:.75rem;margin-top:.25rem;text-align:right}.completion-benefits{background:#f0f9ff;border:1px solid #bae6fd;border-radius:12px;margin:2rem 0;padding:1.5rem}.completion-benefits h4{color:#1e293b;margin-bottom:1rem}.benefit-steps{display:flex;flex-direction:column;gap:1rem}.benefit-step{align-items:flex-start;display:flex;gap:1rem}.step-icon{align-items:center;background:#3b82f6;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.75rem;font-weight:600;height:24px;justify-content:center;width:24px}.success-step{text-align:center}.success-icon-wrapper{align-items:center;background:#f0fdf4;border:4px solid #dcfce7;border-radius:50%;display:flex;height:100px;justify-content:center;margin:0 auto 2rem;width:100px}.success-icon{color:#16a34a}.timeline{margin:2rem 0;text-align:left}.timeline-item{align-items:flex-start;display:flex;gap:1rem;margin-bottom:1.5rem}.timeline-marker{background:#3b82f6;border-radius:50%;flex-shrink:0;height:12px;margin-top:.25rem;width:12px}.timeline-content strong{color:#1e293b;display:block;margin-bottom:.25rem}.timeline-content p{color:#64748b;font-size:.9rem}.contact-support{background:#f8fafc;border-radius:12px;margin:2rem 0;padding:1.5rem}.contact-support h4{color:#1e293b;margin-bottom:.5rem}.contact-support strong{color:#3b82f6;font-size:1.1rem}.contact-support small{color:#64748b;font-size:.8rem}.action-buttons{display:flex;gap:1rem;margin-top:2rem}.action-buttons .cta-button{flex:1 1}.cta-button.secondary{background:#fff;border:2px solid #e5e7eb;color:#374151}.cta-button.secondary:hover{background:#f9fafb;border-color:#d1d5db}.security-notice{align-items:center;background:#f8fafc;border-radius:8px;display:flex;gap:.75rem;justify-content:center;margin-top:1rem;padding:1rem}.security-notice div{align-items:center;display:flex;flex-direction:column;gap:.25rem}.security-notice strong{color:#1e293b;font-size:.9rem}.security-notice span{color:#64748b;font-size:.8rem}.suggestion-item{align-items:flex-start;border-bottom:1px solid #f1f5f9;cursor:pointer;display:flex;gap:.75rem;padding:.75rem 1rem;transition:all .2s ease}.suggestion-item:hover{background:#f8fafc}.suggestion-item svg{color:#64748b;flex-shrink:0;margin-top:.125rem}.suggestion-text{color:#1e293b;font-size:.9rem;line-height:1.4}@media (max-width:768px){.benefits-grid,.form-row,.trust-signals{grid-template-columns:1fr}.trust-signals{gap:1.5rem}.action-buttons{flex-direction:column}}.form-group input:focus,.form-group textarea:focus{box-shadow:0 4px 12px #3b82f626;transform:translateY(-1px)}.submit-button:disabled{cursor:not-allowed;opacity:.7;transform:none!important}.terms-popup-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.terms-popup{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-height:80vh;max-width:600px;width:100%}.terms-popup-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:1.5rem 2rem}.terms-popup-header h2{color:#1e293b;color:var(--text-primary);font-size:1.5rem;margin:0}.close-button{background:none;border:none;border-radius:12px;border-radius:var(--radius);color:#64748b;color:var(--text-secondary);cursor:pointer;padding:.5rem;transition:all .3s ease}.close-button:hover{background:#f8fafc;background:var(--surface);color:#1e293b;color:var(--text-primary)}.terms-popup-content{flex:1 1;overflow-y:auto;padding:2rem}.terms-popup-footer{border-top:1px solid #e2e8f0;border-top:1px solid var(--border);display:flex;justify-content:flex-end;padding:1.5rem 2rem}.terms-content{margin-top:2rem}.terms-content h3{color:#1e293b;color:var(--text-primary);font-size:1.25rem;margin-bottom:1rem}.terms-section{margin-bottom:2rem}.terms-section h4{color:#1e293b;color:var(--text-primary);font-size:1rem;margin:1.5rem 0 .5rem}.terms-section p{color:#64748b;color:var(--text-secondary);line-height:1.6;margin-bottom:1rem}.terms-acceptance{margin:1.5rem 0}.checkbox-label{align-items:flex-start;color:#1e293b;color:var(--text-primary);cursor:pointer;display:flex;font-size:.9rem;gap:.75rem;line-height:1.4}.checkbox-label input[type=checkbox]{display:none}.checkmark{align-items:center;border:2px solid #e2e8f0;border:2px solid var(--border);border-radius:4px;display:flex;flex-shrink:0;height:20px;justify-content:center;margin-top:.125rem;transition:all .3s ease;width:20px}.checkbox-label input[type=checkbox]:checked+.checkmark{background:#2563eb;background:var(--primary);border-color:#2563eb;border-color:var(--primary)}.checkbox-label input[type=checkbox]:checked+.checkmark:after{color:#fff;content:"✓";font-size:14px;font-weight:700}.checkbox-label:hover .checkmark{border-color:#2563eb;border-color:var(--primary)}.terms-link{background:none;border:none;color:#2563eb;color:var(--primary);cursor:pointer;font:inherit;padding:0;text-decoration:underline}.terms-link:hover{color:#1d4ed8;color:var(--primary-dark)}@media (max-width:768px){.terms-popup{margin:1rem;max-height:90vh}.terms-popup-header{padding:1.25rem 1.5rem}.terms-popup-content{padding:1.5rem}.terms-popup-footer{padding:1.25rem 1.5rem}.terms-popup-header h2{font-size:1.25rem}}.terms-popup-content .service-alert{background:#f0f9ff;border:1px solid #bae6fd;border-radius:12px;border-radius:var(--radius);margin-bottom:2rem;padding:1.5rem}.terms-popup-content .service-alert strong{color:#1e293b;color:var(--text-primary);display:block;font-size:1.1rem;margin-bottom:.75rem}.terms-popup-content .service-alert p{color:#64748b;color:var(--text-secondary);line-height:1.6;margin:0}.header-actions{gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.header-actions,.vakman-button{align-items:center;display:flex}.vakman-button{background:#0000;border:2px solid #e2e8f0;border:2px solid var(--border);border-radius:50px;color:#64748b;color:var(--text-secondary);cursor:pointer;font-size:.875rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.vakman-button:hover{background:#f8fafc;background:var(--surface);border-color:#2563eb;border-color:var(--primary);color:#2563eb;color:var(--primary)}.vakman-page{max-width:800px}.meldingen-stats{margin:2rem 0}.stat-card{align-items:center;background:#f8fafc;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);display:flex;gap:1rem;padding:1.5rem}.stat-card svg{color:#2563eb;color:var(--primary)}.stat-card strong{color:#1e293b;color:var(--text-primary);display:block;font-size:2rem}.stat-card span{font-size:.9rem}.loading-meldingen,.stat-card span{color:#64748b;color:var(--text-secondary)}.loading-meldingen{padding:3rem;text-align:center}.meldingen-list{display:flex;flex-direction:column;gap:1.5rem;margin-top:2rem}.melding-card{background:#f8fafc;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);padding:1.5rem;transition:all .3s ease}.melding-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.melding-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.melding-header h3{color:#1e293b;color:var(--text-primary);font-size:1.1rem;margin:0}.melding-date{align-items:center;color:#64748b;color:var(--text-secondary);display:flex;font-size:.875rem;gap:.5rem}.melding-content{margin-bottom:1.5rem}.melding-field{margin-bottom:1rem}.melding-field strong{color:#1e293b;color:var(--text-primary);display:block;margin-bottom:.5rem}.melding-field p{color:#64748b;color:var(--text-secondary);line-height:1.5;margin:0}.melding-field p svg{color:#94a3b8;color:var(--text-light);margin-right:.5rem}.melding-contact{grid-gap:1rem;border-top:1px solid #e2e8f0;border-top:1px solid var(--border);display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-top:1.5rem;padding-top:1rem}.contact-info{align-items:center;color:#64748b;color:var(--text-secondary);display:flex;font-size:.9rem;gap:.5rem}.cta-button.small{font-size:.9rem;padding:.75rem 1.5rem}.no-meldingen{color:#64748b;color:var(--text-secondary);padding:3rem;text-align:center}.no-meldingen svg{color:#94a3b8;color:var(--text-light);margin-bottom:1rem}.no-meldingen h3{color:#1e293b;color:var(--text-primary);margin-bottom:.5rem}@media (max-width:768px){.header-actions{align-items:stretch;flex-direction:column}.vakman-button{justify-content:center;order:-1}.melding-header{align-items:flex-start;flex-direction:column;gap:.5rem}.melding-contact{grid-template-columns:1fr}.melding-actions{justify-content:stretch}.cta-button.small{width:100%}}.payment-modal{max-width:500px}.payment-info{text-align:center}.payment-icon{color:#2563eb;color:var(--primary);margin-bottom:1.5rem}.payment-info h3{color:#1e293b;color:var(--text-primary);margin-bottom:1rem}.payment-info p{color:#64748b;color:var(--text-secondary);line-height:1.6;margin-bottom:2rem}.payment-details{background:#f8fafc;background:var(--surface);border-radius:12px;border-radius:var(--radius);margin-bottom:2rem;padding:1.5rem;text-align:left}.payment-detail{align-items:flex-start;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.payment-detail:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.payment-detail strong{color:#1e293b;color:var(--text-primary);flex:1 1}.payment-detail span{color:#64748b;color:var(--text-secondary);flex:1 1;text-align:right}.payment-amount{color:#2563eb!important;color:var(--primary)!important;font-size:1.25rem;font-weight:700}.contact-details-locked{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;border-radius:var(--radius);margin:1rem 0;padding:1rem}.locked-info{align-items:center;color:#64748b;color:var(--text-secondary);display:flex;font-size:.9rem;gap:.5rem;margin-bottom:.75rem}.locked-info svg{color:#94a3b8;color:var(--text-light)}.contact-placeholder{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr}.placeholder-item{align-items:center;background:#fff;border-radius:4px;color:#94a3b8;color:var(--text-light);display:flex;font-size:.875rem;gap:.5rem;padding:.5rem}.payment-explanation{align-items:flex-start;background:#f0f9ff;border:1px solid #bae6fd;border-radius:12px;border-radius:var(--radius);display:flex;gap:1rem;margin-top:1rem;padding:1.5rem}.payment-explanation svg{color:#2563eb;color:var(--primary);margin-top:.25rem}.payment-explanation strong{color:#1e293b;color:var(--text-primary);display:block;margin-bottom:.5rem}.payment-explanation p{color:#64748b;color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin:0}.melding-card{position:relative}.melding-actions{border-top:1px solid #e2e8f0;border-top:1px solid var(--border);display:flex;justify-content:flex-end;margin-top:1rem;padding-top:1rem}@media (max-width:768px){.contact-placeholder{grid-template-columns:1fr}.payment-detail{flex-direction:column;gap:.5rem}.payment-detail span{text-align:left}.terms-popup-footer{flex-direction:column;gap:.75rem}.terms-popup-footer .cta-button{width:100%}}.success-details-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:2000}.success-details-modal{animation:slideUp .4s ease-out;background:#fff;border:1px solid #fff3;border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-height:90vh;max-width:600px;width:100%}.success-details-header{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);border-radius:16px 16px 0 0;border-radius:var(--radius-lg) var(--radius-lg) 0 0;color:#fff;display:flex;justify-content:space-between;padding:1.5rem 2rem}.success-details-header h2{color:#fff;font-size:1.5rem;margin:0}.success-details-content{flex:1 1;overflow-y:auto;padding:2rem}.success-details-footer{border-top:1px solid #e2e8f0;border-top:1px solid var(--border);display:flex;justify-content:center;padding:1.5rem 2rem}.success-alert{align-items:flex-start;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;border-radius:var(--radius);display:flex;gap:1rem;margin-bottom:2rem;padding:1.5rem}.success-alert svg{color:#16a34a;flex-shrink:0;margin-top:.125rem}.success-alert strong{color:#15803d;display:block;font-size:1.1rem;margin-bottom:.5rem}.success-alert p{color:#166534;line-height:1.5;margin:0}.melding-complete-details{margin-bottom:2rem}.melding-complete-details h3{border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border);color:#1e293b;color:var(--text-primary);font-size:1.25rem;margin-bottom:1.5rem;padding-bottom:.5rem;text-align:center}.detail-section{margin-bottom:2rem}.detail-section h4{color:#1e293b;color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:1rem}.detail-field{align-items:center;background:#f8fafc;background:var(--surface);border-radius:12px;border-radius:var(--radius);display:flex;gap:.75rem;padding:1rem;*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.App,body{min-height:100vh}.App{display:flex;flex-direction:column}.App-header{align-items:center;display:flex;flex:1 1;justify-content:center;padding:20px;width:100%}.container{margin:0 auto;max-width:500px;width:100%}.conversion-step{animation:fadeInUp .6s ease-out;background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;padding:40px 30px;width:100%}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.progress-bar{background:#e9ecef;border-radius:2px;height:4px;margin-bottom:30px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#10b981,#059669);border-radius:2px;height:100%;transition:width .8s ease-in-out}.header-actions{gap:15px;justify-content:space-between;margin-bottom:30px}.header-actions,.urgency-badge{align-items:center;display:flex}.urgency-badge{background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:50px;box-shadow:0 4px 12px #f59e0b4d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;gap:8px;padding:10px 16px;transition:all .3s ease}.urgency-badge:hover{box-shadow:0 6px 16px #f59e0b66;transform:translateY(-2px)}.vakman-button{align-items:center;background:#0000;border:2px solid #e5e7eb;border-radius:50px;color:#6b7280;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 16px;transition:all .3s ease}.vakman-button:hover{border-color:#9ca3af;color:#374151}h1{font-size:32px;font-weight:700;line-height:1.2;margin-bottom:12px;text-align:center}h1,h2{color:#1f2937}h2{font-size:24px;font-weight:600;margin-bottom:8px}.subtitle{color:#6b7280;font-size:16px;line-height:1.5;margin-bottom:30px;text-align:center}.social-proof{display:flex;justify-content:center;margin-bottom:30px}.rating{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:50px;display:flex;gap:12px;padding:12px 20px}.stars{color:#f59e0b;display:flex;gap:2px}.benefits-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr;margin-bottom:30px}.benefit-item{align-items:center;background:#f8fafc;border-radius:12px;color:#374151;display:flex;font-size:14px;font-weight:500;gap:10px;padding:12px}.benefit-item svg{color:#10b981}.cta-button{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;justify-content:center;padding:16px 24px;text-decoration:none;transition:all .3s ease;width:100%}.cta-button.primary{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d;color:#fff}.cta-button.primary:hover{box-shadow:0 6px 16px #10b98166;transform:translateY(-2px)}.cta-button.secondary{background:#fff;border:2px solid #e5e7eb;color:#374151}.cta-button.secondary:hover{background:#f9fafb;border-color:#9ca3af}.cta-button.small{font-size:14px;padding:12px 20px}.cta-button:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.step-header{justify-content:space-between;margin-bottom:30px}.back-button,.step-header{align-items:center;display:flex}.back-button{background:none;border:none;color:#6b7280;cursor:pointer;font-size:14px;gap:6px;padding:8px 0;transition:color .3s ease}.back-button:hover{color:#374151}.step-indicator{color:#9ca3af;font-size:14px;font-weight:500}.klus-form{display:flex;flex-direction:column;gap:20px}.form-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{align-items:center;color:#374151;display:flex;font-size:14px;font-weight:600;gap:8px}.form-group input,.form-group textarea{border:2px solid #e5e7eb;border-radius:12px;font-family:inherit;font-size:16px;padding:12px 16px;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:#9ca3af}.form-group input:disabled,.form-group textarea:disabled{background-color:#f9fafb;cursor:not-allowed}.address-group{position:relative}.address-loading{align-items:center;color:#6b7280;display:flex;font-size:14px;gap:6px;position:absolute;right:16px;top:50%;transform:translateY(-50%)}.address-suggestions{background:#fff;border:2px solid #e5e7eb;border-radius:0 0 12px 12px;border-top:none;box-shadow:0 4px 12px #0000001a;left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:10}.suggestion-item{align-items:center;border-bottom:1px solid #f3f4f6;cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:background-color .2s ease}.suggestion-item:hover{background-color:#f9fafb}.suggestion-item:last-child{border-bottom:none}.suggestion-item svg{color:#6b7280;flex-shrink:0}.suggestion-text{color:#374151;font-size:14px}.character-hint{color:#9ca3af;font-size:12px;margin-top:4px;text-align:right}.terms-acceptance{background:#f8fafc;border-radius:12px;margin:10px 0;padding:20px}.checkbox-label{align-items:flex-start;cursor:pointer;display:flex;font-size:14px;gap:12px;line-height:1.4;margin-top:8px}.checkbox-label input{margin-top:2px}.terms-link{background:none;border:none;color:#10b981;cursor:pointer;font-size:inherit;text-decoration:underline}.terms-link:hover{color:#059669}.submit-button{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;justify-content:center;margin-top:10px;padding:16px 24px;transition:all .3s ease}.submit-button:hover:not(:disabled){box-shadow:0 6px 16px #10b98166;transform:translateY(-2px)}.submit-button:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.security-notice{align-items:center;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;display:flex;gap:12px;margin-top:20px;padding:16px}.security-notice svg{color:#10b981;flex-shrink:0}.security-notice div{display:flex;flex-direction:column;gap:2px}.security-notice strong{color:#065f46;font-size:14px}.security-notice span{color:#047857;font-size:12px}.success-step{text-align:center}.success-message{align-items:center;display:flex;flex-direction:column;gap:20px}.success-icon-wrapper{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;display:flex;height:100px;justify-content:center;margin-bottom:10px;width:100px}.success-icon-wrapper.large{height:120px;width:120px}.success-icon{color:#fff}.action-buttons{display:flex;gap:15px;margin-top:20px}.action-buttons .cta-button{min-width:200px;width:auto}.error-message{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;color:#dc2626;display:flex;font-size:14px;gap:10px;margin-bottom:20px;padding:16px}.error-message svg{flex-shrink:0}.spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.terms-popup-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.terms-popup{animation:popIn .3s ease-out;background:#fff;border-radius:20px;box-shadow:0 25px 50px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:600px;width:100%}@keyframes popIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.terms-popup-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:30px 30px 20px}.terms-popup-header h2{font-size:24px;margin:0}.close-button{background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;padding:8px;transition:all .3s ease}.close-button:hover{background:#f3f4f6;color:#374151}.terms-popup-content{flex:1 1;overflow-y:auto;padding:30px}.terms-popup-footer{border-top:1px solid #e5e7eb;display:flex;gap:15px;justify-content:flex-end;padding:20px 30px}.service-explanation{margin-bottom:30px}.service-alert{background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;display:flex;gap:15px;padding:20px}.service-alert svg{color:#3b82f6;flex-shrink:0;margin-top:2px}.service-alert strong{color:#1e40af;display:block;margin-bottom:8px}.service-alert p{color:#374151;line-height:1.6}.terms-content h3{color:#1f2937;margin-bottom:20px}.terms-section{display:flex;flex-direction:column;gap:20px}.terms-section h4{color:#374151;font-size:16px;margin-bottom:8px}.terms-section p{color:#6b7280;font-size:14px;line-height:1.6}.paid-meldingen-page,.vakman-page{max-width:800px}.meldingen-stats{display:flex;flex-direction:column;gap:15px;margin-bottom:30px}.stat-card{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:15px;padding:20px}.stat-card.success{background:#f0fdf4;border-color:#bbf7d0}.stat-card svg{color:#6b7280}.stat-card.success svg{color:#10b981}.stat-card div{display:flex;flex-direction:column;gap:4px}.stat-card strong{color:#1f2937;font-size:24px}.stat-card span{color:#6b7280;font-size:14px}.payment-explanation{align-items:flex-start;background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;display:flex;gap:15px;padding:20px}.payment-explanation.success{background:#f0fdf4;border-color:#bbf7d0}.payment-explanation svg{color:#3b82f6;flex-shrink:0;margin-top:2px}.payment-explanation.success svg{color:#10b981}.payment-explanation div{flex:1 1}.payment-explanation strong{color:#1e40af;display:block;margin-bottom:4px}.payment-explanation.success strong{color:#065f46}.payment-explanation p{color:#374151;font-size:14px;line-height:1.5}.text-link{background:none;border:none;color:#10b981;cursor:pointer;font-size:inherit;text-decoration:underline}.text-link:hover{color:#059669}.meldingen-list{display:flex;flex-direction:column;gap:20px}.melding-card{background:#fff;border:2px solid #e5e7eb;border-radius:16px;padding:24px;transition:all .3s ease}.melding-card:hover{border-color:#d1d5db;box-shadow:0 4px 12px #0000000d}.melding-card.paid{background:#f0fdf4;border-color:#10b981}.melding-header{align-items:flex-start;display:flex;gap:15px;justify-content:space-between;margin-bottom:20px}.melding-header h3{color:#1f2937;font-size:18px;margin:0}.melding-date{color:#6b7280;font-size:14px;white-space:nowrap}.melding-date,.paid-badge{align-items:center;display:flex;gap:6px}.paid-badge{background:#10b981;border-radius:20px;color:#fff;font-size:12px;font-weight:600;padding:6px 12px}.paid-badge.large{font-size:14px;padding:8px 16px}.melding-content{display:flex;flex-direction:column;gap:16px}.melding-field strong{color:#374151;display:block;font-size:14px;margin-bottom:6px}.melding-field p{color:#6b7280;line-height:1.5;margin:0}.contact-details-locked,.contact-details-unlocked{background:#f8fafc;border-radius:12px;padding:20px}.locked-info,.unlocked-info{align-items:center;color:#6b7280;display:flex;font-size:14px;gap:8px;margin-bottom:15px}.unlocked-info{color:#065f46}.contact-placeholder{display:flex;flex-direction:column;gap:10px}.placeholder-item{align-items:center;color:#9ca3af;display:flex;font-size:14px;gap:10px}.melding-contact-details{background:#fff;border-radius:8px;padding:0}.detail-section{padding:0}.detail-section h4{color:#374151;font-size:16px;margin-bottom:15px}.detail-field{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;gap:12px;padding:12px 0}.detail-field:last-child{border-bottom:none}.detail-field.copyable{align-items:center;display:flex;justify-content:space-between}.detail-field.copyable code,.detail-field.copyable span{color:#374151;flex:1 1;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px}.copy-button{align-items:center;background:#f3f4f6;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:12px;gap:4px;padding:6px 12px;transition:all .3s ease}.copy-button:hover{background:#e5e7eb;color:#374151}.melding-actions{display:flex;justify-content:flex-end;margin-top:20px}.loading-meldingen,.no-meldingen,.no-paid-meldingen{align-items:center;color:#6b7280;display:flex;flex-direction:column;gap:16px;padding:60px 20px}.no-meldingen,.no-paid-meldingen{text-align:center}.no-meldingen svg,.no-paid-meldingen svg{color:#d1d5db}.paid-page-header{margin-bottom:40px;text-align:center}.paid-stats{display:flex;justify-content:center;margin-bottom:30px}.payment-modal{max-width:500px}.payment-info{text-align:center}.payment-icon{margin-bottom:20px}.payment-icon svg{color:#10b981}.payment-info h3{color:#1f2937;margin-bottom:12px}.payment-info p{color:#6b7280;line-height:1.6;margin-bottom:25px}.payment-details{display:flex;flex-direction:column;gap:12px;margin-bottom:25px}.payment-detail{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:12px 0}.payment-detail:last-child{border-bottom:none}.payment-detail strong{color:#374151}.payment-amount{color:#10b981;font-size:18px;font-weight:700}.cookie-banner-simple{background:#1f2937;bottom:0;color:#fff;left:0;padding:16px 20px;position:fixed;right:0;text-align:center;z-index:1000}.cookie-banner-simple p{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:0}.cookie-accept-btn{background:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:8px 16px;transition:background-color .3s ease}.cookie-accept-btn:hover{background:#059669}@media (max-width:768px){.App-header{padding:15px}.conversion-step{border-radius:16px;padding:30px 20px}h1{font-size:28px}h2{font-size:22px}.header-actions{flex-direction:column;gap:12px}.urgency-badge,.vakman-button{justify-content:center;width:100%}.benefits-grid,.form-row{grid-template-columns:1fr}.action-buttons{flex-direction:column}.action-buttons .cta-button{width:100%}.melding-header{align-items:flex-start;flex-direction:column;gap:10px}.melding-date{align-self:flex-start}.terms-popup{margin:20px;max-height:calc(100vh - 40px)}.terms-popup-content,.terms-popup-footer,.terms-popup-header{padding:20px}.terms-popup-footer{flex-direction:column}.cookie-banner-simple p{flex-direction:column;gap:12px}}@media (max-width:480px){.container{padding:0 10px}.conversion-step{padding:25px 15px}h1{font-size:24px}.stat-card{gap:12px}.payment-explanation,.service-alert,.stat-card{flex-direction:column;text-align:center}.payment-explanation{gap:12px}}@media print{.App-header{background:#fff!important}.conversion-step{border:1px solid #ddd!important;box-shadow:none!important}.back-button,.cta-button,.urgency-badge,.vakman-button{display:none!important}}}
/*# sourceMappingURL=main.71891051.css.map*/