/* Global Fast CSS - Geoptimaliseerd voor maximale snelheid */
*{margin:0;padding:0;box-sizing:border-box;}
:root{--primary:#667eea;--primary-dark:#5a67d8;--secondary:#764ba2;--accent:#f093fb;--accent-2:#fbbf24;--dark:#1a202c;--dark-lighter:#2d3748;--gray:#718096;--gray-light:#a0aec0;--white:#ffffff;--gray-bg:#f7fafc;}
body{font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;color:var(--dark);background:var(--gray-bg);}
.container{max-width:1200px;margin:0 auto;padding:0 20px;}
.btn{display:inline-flex;align-items:center;gap:0.5rem;padding:0.75rem 1.5rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all 0.3s ease;text-decoration:none;}
.btn-primary{background:var(--primary);color:white;}
.btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px);}
.btn-secondary{background:var(--secondary);color:white;}
.btn-secondary:hover{background:var(--accent);transform:translateY(-1px);}
.hero{padding:clamp(4rem,10vw,8rem) 0;text-align:center;}
.hero h1{font-size:clamp(2rem,5vw,4rem);font-weight:700;color:var(--dark);margin-bottom:1.5rem;}
.hero p{font-size:clamp(1rem,2.5vw,1.25rem);color:var(--gray);max-width:800px;margin:0 auto 2rem;}
.section{padding:4rem 0;}
.card{background:white;border-radius:12px;padding:2rem;box-shadow:0 4px 20px rgba(0,0,0,0.08);border:1px solid #e2e8f0;transition:transform 0.3s ease,box-shadow 0.3s ease;}
.card:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,0.15);}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;}
.text-center{text-align:center;}
.mb-2{margin-bottom:1rem;}
.mb-4{margin-bottom:2rem;}
.fade-in{animation:fadeIn 0.6s ease;}
@keyframes fadeIn{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}
@media (max-width:768px){.container{padding:0 15px;}.hero{padding:3rem 0;}.section{padding:3rem 0;}.grid{grid-template-columns:1fr;gap:1.5rem;}}