:root{--nachtblauw: #1A2E44;--merkblauw: #1A5FA8;--merkblauw-hover: #155290;--merkgroen: #4CAF7D;--merkgroen-hover: #3F9A6C;--lichtblauw: #D6E8F7;--lichtgroen: #E8F5EE;--offwhite: #F0F5FA;--tekstblauw: #334E68;--gedempd: #7B93A8;--primary: var(--merkblauw);--primary-hover: var(--merkblauw-hover);--primary-light: var(--lichtblauw);--accent: var(--merkgroen);--accent-hover: var(--merkgroen-hover);--dark: var(--nachtblauw);--dark-gray: #243B53;--gray: var(--gedempd);--text: var(--tekstblauw);--light-gray: var(--offwhite);--white: #FFFFFF;--green: var(--merkgroen);--red: #E53E3E;--border: #D2DCE6;--orange: var(--merkblauw);--orange-hover: var(--merkblauw-hover);--orange-light: var(--lichtblauw);--shadow-sm: 0 2px 12px rgba(26, 46, 68, .06);--shadow-md: 0 4px 20px rgba(26, 46, 68, .08);--shadow-lg: 0 8px 40px rgba(26, 46, 68, .1);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--text);background:var(--light-gray);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--primary);text-decoration:none;transition:color .2s}a:hover{color:var(--primary-hover)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--gray)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:4px}input,button{font-family:inherit}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.fade-in{animation:fadeIn .4s ease-out}.slide-down{animation:slideDown .3s ease-out}