:root{--color-primary:#0a0e27;--color-primary-light:#1a1f3a;--color-accent:#6366f1;--color-accent-hover:#4f46e5;--color-accent-light:#818cf8;--color-background:#fafbfc;--color-surface:#fff;--color-border:#e5e7eb;--color-border-light:#f3f4f6;--color-text-primary:#0f172a;--color-text-secondary:#64748b;--color-text-tertiary:#94a3b8;--color-success:#10b981;--color-success-light:#d1fae5;--color-warning:#f59e0b;--color-warning-light:#fef3c7;--color-error:#ef4444;--color-error-light:#fee2e2;--color-info:#3b82f6;--color-info-light:#dbeafe;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,.25);--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:250ms cubic-bezier(0.4,0,0.2,1);--transition-slow:350ms cubic-bezier(0.4,0,0.2,1);--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--font-display:"Inter",var(--font-sans)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{background-color:#fafbfc;background-color:var(--color-background);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:var(--font-sans);line-height:1.6;overflow-x:hidden}body,h1,h2,h3,h4,h5,h6{color:#0f172a;color:var(--color-text-primary)}h1,h2,h3,h4,h5,h6{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:var(--font-display);font-weight:600;line-height:1.2;margin-bottom:1rem;margin-bottom:var(--spacing-md)}h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:700;letter-spacing:-.02em}h2{font-size:clamp(1.75rem,4vw,2.5rem);letter-spacing:-.01em}h3{font-size:clamp(1.5rem,3vw,2rem)}h4{font-size:clamp(1.25rem,2.5vw,1.5rem)}p{color:#64748b;color:var(--color-text-secondary);font-size:1rem;line-height:1.75;margin-bottom:1rem;margin-bottom:var(--spacing-md)}.container{margin:0 auto;max-width:1280px;padding:0 1.5rem;padding:0 var(--spacing-lg);width:100%}@media(min-width:768px){.container{padding:0 2rem;padding:0 var(--spacing-xl)}}@media(min-width:1024px){.container{padding:0 3rem;padding:0 var(--spacing-2xl)}}.container-sm{max-width:768px}.container-lg{max-width:1536px}.card{background:#fff;background:var(--color-surface);border:1px solid #f3f4f6;border:1px solid var(--color-border-light);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);box-shadow:var(--shadow-md);padding:2rem;padding:var(--spacing-xl);transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.card:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);box-shadow:var(--shadow-lg);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.card-header{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--color-border-light);padding-bottom:1.5rem;padding-bottom:var(--spacing-lg)}.card-body,.card-header{margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.card-footer{border-top:1px solid #f3f4f6;border-top:1px solid var(--color-border-light);margin-top:1.5rem;margin-top:var(--spacing-lg);padding-top:1.5rem;padding-top:var(--spacing-lg)}.btn{align-items:center;border:none;border-radius:.75rem;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-size:1rem;font-weight:500;gap:.5rem;gap:var(--spacing-sm);justify-content:center;line-height:1.5;padding:.5rem 1.5rem;padding:var(--spacing-sm) var(--spacing-lg);text-decoration:none;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;white-space:nowrap}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background:#6366f1;background:var(--color-accent);box-shadow:0 1px 2px 0 rgba(0,0,0,.05);box-shadow:var(--shadow-sm);color:#fff}.btn-primary:hover:not(:disabled){background:#4f46e5;background:var(--color-accent-hover);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);box-shadow:var(--shadow-md);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.btn-primary:active:not(:disabled){-webkit-transform:translateY(0);transform:translateY(0)}.btn-secondary{background:transparent;border:1.5px solid #6366f1;border:1.5px solid var(--color-accent);color:#6366f1;color:var(--color-accent)}.btn-secondary:hover:not(:disabled){background:#6366f1;background:var(--color-accent);color:#fff}.btn-ghost{background:transparent;color:#64748b;color:var(--color-text-secondary)}.btn-ghost:hover:not(:disabled){background:#f3f4f6;background:var(--color-border-light);color:#0f172a;color:var(--color-text-primary)}.btn-sm{font-size:.875rem;padding:.25rem 1rem;padding:var(--spacing-xs) var(--spacing-md)}.btn-lg{font-size:1.125rem;padding:1rem 2rem;padding:var(--spacing-md) var(--spacing-xl)}.form-group{margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.form-label{display:block;font-size:.875rem;font-weight:500;letter-spacing:.01em;margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.form-control,.form-label{color:#0f172a;color:var(--color-text-primary)}.form-control{background-color:#fff;background-color:var(--color-surface);border:1.5px solid #e5e7eb;border:1.5px solid var(--color-border);border-radius:.5rem;border-radius:var(--radius-md);font-size:1rem;line-height:1.5;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:100%}.form-control:focus{border-color:#6366f1;border-color:var(--color-accent);box-shadow:0 0 0 3px rgba(99,102,241,.1);outline:none}.form-control::-webkit-input-placeholder{color:#94a3b8;color:var(--color-text-tertiary)}.form-control::placeholder{color:#94a3b8;color:var(--color-text-tertiary)}textarea.form-control{min-height:120px;resize:vertical}.progress{background:#f3f4f6;background:var(--color-border-light);height:8px;overflow:hidden}.progress,.progress-bar{border-radius:9999px;border-radius:var(--radius-full)}.progress-bar{background:linear-gradient(90deg,#6366f1,#818cf8);background:linear-gradient(90deg,var(--color-accent),var(--color-accent-light));height:100%;transition:width .35s cubic-bezier(.4,0,.2,1);transition:width var(--transition-slow)}.badge{align-items:center;border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm);text-transform:uppercase}.badge-success{background:#d1fae5;background:var(--color-success-light);color:#10b981;color:var(--color-success)}.badge-warning{background:#fef3c7;background:var(--color-warning-light);color:#f59e0b;color:var(--color-warning)}.badge-error{background:#fee2e2;background:var(--color-error-light);color:#ef4444;color:var(--color-error)}.badge-info{background:#dbeafe;background:var(--color-info-light);color:#3b82f6;color:var(--color-info)}.alert{border-left:4px solid;border-radius:.75rem;border-radius:var(--radius-lg);margin-bottom:1.5rem;margin-bottom:var(--spacing-lg);padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg)}.alert-success{background:#d1fae5;background:var(--color-success-light);border-color:#10b981;border-color:var(--color-success);color:#10b981;color:var(--color-success)}.alert-warning{background:#fef3c7;background:var(--color-warning-light);border-color:#f59e0b;border-color:var(--color-warning);color:#f59e0b;color:var(--color-warning)}.alert-error{background:#fee2e2;background:var(--color-error-light);border-color:#ef4444;border-color:var(--color-error);color:#ef4444;color:var(--color-error)}.alert-info{background:#dbeafe;background:var(--color-info-light);border-color:#3b82f6;border-color:var(--color-info);color:#3b82f6;color:var(--color-info)}.nav{display:flex;gap:.5rem;gap:var(--spacing-sm)}.nav-link{border-radius:.5rem;border-radius:var(--radius-md);color:#64748b;color:var(--color-text-secondary);font-weight:500;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.nav-link:hover{background:#f3f4f6;background:var(--color-border-light);color:#0f172a;color:var(--color-text-primary)}.nav-link.active{background:rgba(99,102,241,.1);color:#6366f1;color:var(--color-accent)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-0{margin-top:0}.mt-1{margin-top:.25rem;margin-top:var(--spacing-xs)}.mt-2{margin-top:.5rem;margin-top:var(--spacing-sm)}.mt-3{margin-top:1rem;margin-top:var(--spacing-md)}.mt-4{margin-top:1.5rem;margin-top:var(--spacing-lg)}.mt-5{margin-top:2rem;margin-top:var(--spacing-xl)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:1rem;margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.mb-5{margin-bottom:2rem;margin-bottom:var(--spacing-xl)}.d-flex{display:flex}.flex-column{flex-direction:column}.align-items-center{align-items:center}.justify-content-between{justify-content:space-between}.justify-content-center{justify-content:center}.gap-1{gap:.25rem;gap:var(--spacing-xs)}.gap-2{gap:.5rem;gap:var(--spacing-sm)}.gap-3{gap:1rem;gap:var(--spacing-md)}.gap-4{gap:1.5rem;gap:var(--spacing-lg)}@-webkit-keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes slideIn{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideIn{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}.animate-fade-in{-webkit-animation:fadeIn ease-out .35s cubic-bezier(.4,0,.2,1);animation:fadeIn ease-out .35s cubic-bezier(.4,0,.2,1);-webkit-animation:fadeIn var(--transition-slow) ease-out;animation:fadeIn var(--transition-slow) ease-out}.animate-slide-in{-webkit-animation:slideIn ease-out .35s cubic-bezier(.4,0,.2,1);animation:slideIn ease-out .35s cubic-bezier(.4,0,.2,1);-webkit-animation:slideIn var(--transition-slow) ease-out;animation:slideIn var(--transition-slow) ease-out}@media(max-width:768px){html{font-size:14px}.card{padding:1.5rem;padding:var(--spacing-lg)}h1{font-size:2rem}h2{font-size:1.5rem}}@media(prefers-color-scheme:dark){:root{--color-background:#0f172a;--color-surface:#1e293b;--color-border:#334155;--color-border-light:#475569;--color-text-primary:#f1f5f9;--color-text-secondary:#cbd5e1;--color-text-tertiary:#94a3b8}}#straatwerkplan{background:#fafbfc;background:var(--color-background);display:flex;max-height:100vh;min-height:100vh;overflow:hidden;position:relative}.steps{align-items:center;background:#fff;background:var(--color-surface);border-right:1px solid #f3f4f6;border-right:1px solid var(--color-border-light);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;height:100vh;left:0;overflow-y:auto;padding:3rem 1.5rem;padding:var(--spacing-2xl) var(--spacing-lg);position:fixed;top:0;width:280px;z-index:100}.steps .sidebar-logo{border-radius:.75rem;border-radius:var(--radius-lg);display:block;margin-bottom:3rem;margin-bottom:var(--spacing-2xl);padding:1rem;padding:var(--spacing-md);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:100%}.steps .sidebar-logo:hover{background:#f3f4f6;background:var(--color-border-light);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);box-shadow:var(--shadow-md);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.steps .sidebar-logo img{display:block;height:auto;width:100%}.steps ul{counter-reset:step-counter;list-style:none;margin:0;padding:0;width:100%}.steps ul li{color:#94a3b8;color:var(--color-text-tertiary);counter-increment:step-counter;font-size:.9rem;font-weight:500;margin-bottom:.5rem;margin-bottom:var(--spacing-sm);position:relative}.steps ul li a,.steps ul li span{border-radius:.5rem;border-radius:var(--radius-md);color:inherit;display:block;font-size:inherit;font-weight:inherit;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.steps ul li a:before,.steps ul li span:before{content:counter(step-counter) ". ";font-weight:500;margin-right:.25rem;margin-right:var(--spacing-xs)}.steps ul li a:hover,.steps ul li span:hover{background:#f3f4f6;background:var(--color-border-light)}.steps ul li.active{color:#6366f1;color:var(--color-accent)}.steps ul li.active a,.steps ul li.active span{background:rgba(99,102,241,.1)}.steps ul li.answered{color:#64748b;color:var(--color-text-secondary)}.steps ul li.disabled{opacity:.5;pointer-events:none}@media(max-width:1024px){.steps{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--color-border-light);border-right:none;display:block;height:auto;max-height:30vh;padding:1.5rem;padding:var(--spacing-lg);position:static;width:100%}}.body{display:flex;flex:1 1;flex-direction:column;height:100vh;margin-left:280px;overflow:hidden}@media(max-width:1024px){.body{height:auto;margin-left:0;min-height:70vh}}.questions{-webkit-animation:fadeIn ease-out .35s cubic-bezier(.4,0,.2,1);animation:fadeIn ease-out .35s cubic-bezier(.4,0,.2,1);-webkit-animation:fadeIn var(--transition-slow) ease-out;animation:fadeIn var(--transition-slow) ease-out;display:flex;flex-direction:column;height:100%;width:100%}.questions .header{background:#fff;background:var(--color-surface);border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--color-border-light);flex-shrink:0;padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg);text-align:center}.questions .header h3{color:#0f172a;color:var(--color-text-primary);font-size:clamp(1.25rem,2.5vw,1.75rem);font-weight:700;line-height:1.2;margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.questions .header p{color:#64748b;color:var(--color-text-secondary);font-size:1rem;line-height:1.5;margin:0 auto;max-width:600px}.questions .answers{align-items:flex-start;display:flex;flex:1 1;justify-content:center;overflow-y:auto;padding:1rem;padding:var(--spacing-md)}.questions .answers>div{grid-gap:.5rem;grid-gap:var(--spacing-sm);display:grid;gap:.5rem;gap:var(--spacing-sm);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));max-width:900px;width:100%}.questions .answer{aspect-ratio:1/1;background:#fff;background:var(--color-surface);border:2px solid #e5e7eb;border:2px solid var(--color-border);border-radius:.5rem;border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:column;overflow:hidden;position:relative;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.questions .answer:hover{border-color:#818cf8;border-color:var(--color-accent-light);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);box-shadow:var(--shadow-md);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.questions .answer .header.bg-image{background-color:#f3f4f6;background-color:var(--color-border-light);background-image:var(--image);background-position:50%;background-repeat:no-repeat;background-size:contain;flex:1 1}.questions .answer .title{align-items:center;display:flex;flex-shrink:0;gap:.5rem;gap:var(--spacing-sm);padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md)}.questions .answer .title span:not(.radio){color:#0f172a;color:var(--color-text-primary);font-size:.9rem;font-weight:500;line-height:1.4}.questions .answer .radio{border:2px solid #e5e7eb;border:2px solid var(--color-border);border-radius:9999px;border-radius:var(--radius-full);flex-shrink:0;height:20px;position:relative;width:20px}.questions .answer .radio,.questions .answer .radio:after{transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.questions .answer .radio:after{background:#6366f1;background:var(--color-accent);border-radius:9999px;border-radius:var(--radius-full);content:"";height:10px;left:50%;opacity:0;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0);width:10px}.questions .buttons{background:#fff;background:var(--color-surface);border-top:1px solid #f3f4f6;border-top:1px solid var(--color-border-light);display:flex;flex-shrink:0;justify-content:center;padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg)}.questions .buttons>*{display:flex;gap:.5rem;gap:var(--spacing-sm);justify-content:space-between;max-width:900px;width:100%}@media(max-width:768px){.questions .buttons{flex-direction:column-reverse}}.questions .button{align-items:center;border:none;border-radius:.5rem;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;gap:var(--spacing-sm);justify-content:center;min-width:120px;padding:.5rem 1.5rem;padding:var(--spacing-sm) var(--spacing-lg);text-decoration:none;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.questions .button i{font-size:1rem}.questions .button-primary{background:#6366f1;background:var(--color-accent);box-shadow:0 1px 2px 0 rgba(0,0,0,.05);box-shadow:var(--shadow-sm);color:#fff;margin-left:auto}.questions .button-primary:hover{background:#4f46e5;background:var(--color-accent-hover);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);box-shadow:var(--shadow-md);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.questions .button-outline{background:transparent;border:2px solid #e5e7eb;border:2px solid var(--color-border);color:#64748b;color:var(--color-text-secondary)}.questions .button-outline:hover{background:rgba(99,102,241,.05);border-color:#6366f1;border-color:var(--color-accent);color:#6366f1;color:var(--color-accent)}.report{-webkit-animation:fadeIn ease-out .35s cubic-bezier(.4,0,.2,1);animation:fadeIn ease-out .35s cubic-bezier(.4,0,.2,1);-webkit-animation:fadeIn var(--transition-slow) ease-out;animation:fadeIn var(--transition-slow) ease-out}.report h2{margin-bottom:3rem;margin-bottom:var(--spacing-2xl);text-align:center}.report .report-section{background:#fff;background:var(--color-surface);border:1px solid #f3f4f6;border:1px solid var(--color-border-light);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);box-shadow:var(--shadow-md);margin-bottom:1.5rem;margin-bottom:var(--spacing-lg);padding:2rem;padding:var(--spacing-xl)}.conclusion{-webkit-animation:fadeIn ease-out .35s cubic-bezier(.4,0,.2,1);animation:fadeIn ease-out .35s cubic-bezier(.4,0,.2,1);-webkit-animation:fadeIn var(--transition-slow) ease-out;animation:fadeIn var(--transition-slow) ease-out;display:flex;flex-direction:column;height:100%;width:100%}.conclusion .header{background:#fff;background:var(--color-surface);border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--color-border-light);flex-shrink:0;padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg);text-align:center}.conclusion .header h3{color:#0f172a;color:var(--color-text-primary);font-size:clamp(1.25rem,2.5vw,1.75rem);font-weight:700;margin:0}.conclusion>table{border:1px solid #f3f4f6;border:1px solid var(--color-border-light);border-collapse:initial;border-radius:.75rem;border-radius:var(--radius-lg);border-spacing:0;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);box-shadow:var(--shadow-sm);flex:1 1;margin:1.5rem;margin:var(--spacing-lg);overflow-y:auto}.conclusion>table,.conclusion>table thead{background:#fff;background:var(--color-surface)}.conclusion>table thead{position:-webkit-sticky;position:sticky;top:0;z-index:10}.conclusion>table thead tr th{background:linear-gradient(180deg,#fafbfc,#fff);background:linear-gradient(to bottom,var(--color-background),var(--color-surface));border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--color-border);color:#0f172a;color:var(--color-text-primary);font-weight:600;padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg);text-align:left}.conclusion>table thead tr th:first-child{border-top-left-radius:.75rem;border-top-left-radius:var(--radius-lg)}.conclusion>table thead tr th:last-child{border-top-right-radius:.75rem;border-top-right-radius:var(--radius-lg)}.conclusion>table tbody tr{transition:background-color .15s cubic-bezier(.4,0,.2,1);transition:background-color var(--transition-fast)}.conclusion>table tbody tr:hover{background:#f3f4f6;background:var(--color-border-light)}.conclusion>table tbody tr.minor td{color:#64748b;color:var(--color-text-secondary);font-size:.9rem;padding-left:2rem;padding-left:var(--spacing-xl)}.conclusion>table tbody tr td{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--color-border-light);color:#0f172a;color:var(--color-text-primary);padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg)}.conclusion>table tbody tr td input[type=text]{border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:.5rem;border-radius:var(--radius-md);font-size:.9rem;padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:100%}.conclusion>table tbody tr td input[type=text]:focus{border-color:#6366f1;border-color:var(--color-accent);box-shadow:0 0 0 3px rgba(99,102,241,.1);outline:none}.conclusion>table tbody tr td .button-small{font-size:.85rem;min-width:auto;padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm)}.conclusion>table tbody tr td svg{color:#10b981;color:var(--color-success);font-size:1.1rem}.conclusion>table tbody tr td svg[data-icon=times]{color:#94a3b8;color:var(--color-text-tertiary)}.conclusion>table tbody tr:last-child td{border-bottom:none}.conclusion .buttons{background:#fff;background:var(--color-surface);border-top:1px solid #f3f4f6;border-top:1px solid var(--color-border-light);display:flex;flex-shrink:0;justify-content:center;padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg)}.conclusion .buttons.end{justify-content:flex-end;margin:0 auto;max-width:900px;width:100%}.form{-webkit-animation:fadeIn ease-out .35s cubic-bezier(.4,0,.2,1);animation:fadeIn ease-out .35s cubic-bezier(.4,0,.2,1);-webkit-animation:fadeIn var(--transition-slow) ease-out;animation:fadeIn var(--transition-slow) ease-out;display:flex;flex-direction:column;height:100%;overflow-y:auto;width:100%}.form,.form .group{padding:1.5rem;padding:var(--spacing-lg)}.form .group{background:#fff;background:var(--color-surface);border:1px solid #f3f4f6;border:1px solid var(--color-border-light);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 rgba(0,0,0,.05);box-shadow:var(--shadow-sm);margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.form .group .title{border-bottom:2px solid #f3f4f6;border-bottom:2px solid var(--color-border-light);color:#0f172a;color:var(--color-text-primary);font-size:1.125rem;font-weight:600;margin-bottom:1rem;margin-bottom:var(--spacing-md);padding-bottom:.5rem;padding-bottom:var(--spacing-sm)}.form .group .fields{grid-gap:1rem;grid-gap:var(--spacing-md);display:grid;gap:1rem;gap:var(--spacing-md);grid-template-columns:repeat(12,1fr)}.form .group .fields .field{grid-column:span 12;grid-column:span var(--columns,12)}.form .group .fields .field label{color:#64748b;color:var(--color-text-secondary);display:block;font-size:.9rem;font-weight:500;margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.form .group .fields .field input{background:#fafbfc;background:var(--color-background);border:2px solid #e5e7eb;border:2px solid var(--color-border);border-radius:.5rem;border-radius:var(--radius-md);color:#0f172a;color:var(--color-text-primary);font-size:.95rem;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:100%}.form .group .fields .field input:focus{border-color:#6366f1;border-color:var(--color-accent);box-shadow:0 0 0 3px rgba(99,102,241,.1);outline:none}.form .group .fields .field input::-webkit-input-placeholder{color:#94a3b8;color:var(--color-text-tertiary)}.form .group .fields .field input::placeholder{color:#94a3b8;color:var(--color-text-tertiary)}.form .group .checkboxes{display:flex;flex-direction:column;gap:.5rem;gap:var(--spacing-sm)}.form .group .checkboxes>div{align-items:center;border-radius:.5rem;border-radius:var(--radius-md);display:flex;gap:.5rem;gap:var(--spacing-sm);padding:.5rem;padding:var(--spacing-sm);transition:background-color .15s cubic-bezier(.4,0,.2,1);transition:background-color var(--transition-fast)}.form .group .checkboxes>div:hover{background:#f3f4f6;background:var(--color-border-light)}.form .group .checkboxes>div input[type=checkbox]{accent-color:#6366f1;accent-color:var(--color-accent);cursor:pointer;height:18px;width:18px}.form .group .checkboxes>div label{color:#0f172a;color:var(--color-text-primary);cursor:pointer;font-size:.95rem;margin:0}.form .group table{border:1px solid #f3f4f6;border:1px solid var(--color-border-light);border-collapse:initial;border-radius:.5rem;border-radius:var(--radius-md);border-spacing:0;margin-top:1rem;margin-top:var(--spacing-md);overflow:hidden;width:100%}.form .group table thead tr th{background:linear-gradient(180deg,#fafbfc,#fff);background:linear-gradient(to bottom,var(--color-background),var(--color-surface));border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--color-border);font-size:.9rem;font-weight:600;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);text-align:left}.form .group table tbody tr:hover{background:#f3f4f6;background:var(--color-border-light)}.form .group table tbody tr td{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--color-border-light);font-size:.9rem;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md)}.form .group table tbody tr:last-child td{border-bottom:none}.form>.buttons{background:#fafbfc;background:var(--color-background);border-top:1px solid #f3f4f6;border-top:1px solid var(--color-border-light);bottom:0;display:flex;gap:.5rem;gap:var(--spacing-sm);justify-content:space-between;margin-top:auto;padding:1rem 0;padding:var(--spacing-md) 0;padding-top:1.5rem;padding-top:var(--spacing-lg);position:-webkit-sticky;position:sticky}.final-form{-webkit-animation:fadeIn ease-out .35s cubic-bezier(.4,0,.2,1);animation:fadeIn ease-out .35s cubic-bezier(.4,0,.2,1);-webkit-animation:fadeIn var(--transition-slow) ease-out;animation:fadeIn var(--transition-slow) ease-out}.final-form .form-container{background:#fff;background:var(--color-surface);border:1px solid #f3f4f6;border:1px solid var(--color-border-light);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);box-shadow:var(--shadow-lg);margin:0 auto;max-width:600px;padding:3rem;padding:var(--spacing-2xl)}.final-form h2{margin-bottom:2rem;margin-bottom:var(--spacing-xl);text-align:center}.sent-notice{-webkit-animation:fadeIn ease-out .35s cubic-bezier(.4,0,.2,1);animation:fadeIn ease-out .35s cubic-bezier(.4,0,.2,1);-webkit-animation:fadeIn var(--transition-slow) ease-out;animation:fadeIn var(--transition-slow) ease-out;padding:4rem 1.5rem;padding:var(--spacing-3xl) var(--spacing-lg);text-align:center}.sent-notice .success-icon{align-items:center;background:#d1fae5;background:var(--color-success-light);border-radius:9999px;border-radius:var(--radius-full);display:flex;height:80px;justify-content:center;margin:0 auto 2rem;margin:0 auto var(--spacing-xl);width:80px}.sent-notice .success-icon i{color:#10b981;color:var(--color-success);font-size:2.5rem}.sent-notice h2{margin-bottom:1rem;margin-bottom:var(--spacing-md)}.sent-notice p{font-size:1.125rem;margin:0 auto 2rem;margin:0 auto var(--spacing-xl);max-width:600px}.loading{align-items:center;display:flex;justify-content:center;min-height:400px}.loading:after{-webkit-animation:spin .8s linear infinite;animation:spin .8s linear infinite;border:3px solid #f3f4f6;border-radius:9999px;border-radius:var(--radius-full);border-top-color:#6366f1;border:3px solid var(--color-border-light);border-top-color:var(--color-accent);content:"";height:40px;width:40px}@-webkit-keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@media(max-width:1024px){#straatwerkplan{flex-direction:column}.body{padding:2rem 1rem;padding:var(--spacing-xl) var(--spacing-md)}.questions .header{padding:1.5rem;padding:var(--spacing-lg)}.questions .header h3{font-size:1.5rem}.questions .header p{font-size:1rem}}@media(max-width:768px){.questions .answers{grid-template-columns:1fr}}
/*# sourceMappingURL=main.css.map*/