[data-v-3be2d210]{box-sizing:border-box;margin:0;padding:0}.page[data-v-3be2d210]{color:#1a1a2e;scroll-behavior:smooth;background-color:#fff;min-height:100vh;font-family:Segoe UI,system-ui,sans-serif}.nav[data-v-3be2d210]{-webkit-backdrop-filter:blur(12px);z-index:50;background:#ffffffd9;border-bottom:1px solid #e5e7eb;position:fixed;top:0;left:0;right:0}.nav-container[data-v-3be2d210]{justify-content:space-between;align-items:center;max-width:1280px;height:64px;margin:0 auto;padding:0 1.5rem;display:flex}.nav-brand[data-v-3be2d210]{background:linear-gradient(90deg,#2563eb,#7c3aed,#db2777);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.1rem;font-weight:600}.nav-links[data-v-3be2d210]{gap:2rem;display:flex}.nav-link[data-v-3be2d210]{color:#4b5563;font-size:.95rem;text-decoration:none;transition:color .2s}.nav-link[data-v-3be2d210]:hover{color:#111827}.top[data-v-3be2d210]{background:linear-gradient(135deg,#eff6ff 0%,#f5f3ff 50%,#fdf2f8 100%);justify-content:center;align-items:center;min-height:100vh;padding:5rem 1.5rem 2rem;display:flex}.top-content[data-v-3be2d210]{text-align:center;max-width:48rem}.title[data-v-3be2d210]{color:#111827;margin-bottom:1rem;font-size:clamp(1.8rem,5vw,3.25rem);font-weight:700;line-height:1.2}.title-gradient[data-v-3be2d210]{background:linear-gradient(90deg,#2563eb,#7c3aed,#db2777);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.under-title[data-v-3be2d210]{color:#4b5563;margin-bottom:1.25rem;font-size:clamp(1rem,2.5vw,1.4rem);font-weight:400}.top-description[data-v-3be2d210]{color:#6b7280;max-width:38rem;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;font-size:1.05rem;line-height:1.7}.top-buttons[data-v-3be2d210]{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.btn-primary[data-v-3be2d210]{color:#fff;background:linear-gradient(90deg,#2563eb,#7c3aed);border-radius:.5rem;padding:.75rem 2rem;font-weight:500;text-decoration:none;transition:opacity .2s,box-shadow .2s;box-shadow:0 4px 15px #6366f159}.btn-primary[data-v-3be2d210]:hover{opacity:.9;box-shadow:0 6px 20px #6366f173}.btn-secondary[data-v-3be2d210]{color:#374151;border:2px solid #c4b5fd;border-radius:.5rem;padding:.75rem 2rem;font-weight:500;text-decoration:none;transition:border-color .2s,background-color .2s}.btn-secondary[data-v-3be2d210]:hover{background-color:#f5f3ff;border-color:#a78bfa}.section-container[data-v-3be2d210]{max-width:1152px;margin:0 auto;padding:0 1.5rem}.technische-vaardigheden[data-v-3be2d210]{background-color:#f9fafb;padding:5rem 1.5rem}.technische-vaardigheden-title[data-v-3be2d210]{text-align:center;color:#111827;margin-bottom:.75rem;font-size:clamp(1.6rem,3.5vw,2.25rem);font-weight:700}.technische-vaardigheden-undertitle[data-v-3be2d210]{text-align:center;color:#6b7280;margin-bottom:3rem;font-size:1rem;font-weight:400}.frontend-development[data-v-3be2d210],.backend-en-database[data-v-3be2d210],.tools-en-workflow[data-v-3be2d210]{margin-bottom:2.5rem}.frontend-title[data-v-3be2d210],.backend-en-database-title[data-v-3be2d210],.tools-en-workflow-title[data-v-3be2d210]{color:#111827;align-items:center;gap:.6rem;margin-bottom:1rem;font-size:1.15rem;font-weight:600;display:flex}.group-icon[data-v-3be2d210]{border-radius:.5rem;flex-shrink:0;width:2rem;height:2rem;display:inline-block}.group-icon--blue[data-v-3be2d210]{background:linear-gradient(135deg,#3b82f6,#8b5cf6)}.group-icon--green[data-v-3be2d210]{background:linear-gradient(135deg,#10b981,#059669)}.group-icon--pink[data-v-3be2d210]{background:linear-gradient(135deg,#ec4899,#f97316)}.skill-grid[data-v-3be2d210]{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem;display:grid}.skill-box[data-v-3be2d210]{text-align:center;cursor:default;background:#fff;border:2px solid #0000;border-radius:.6rem;padding:1rem;transition:box-shadow .2s,transform .2s;box-shadow:0 1px 4px #00000012}.skill-box[data-v-3be2d210]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000001a}.title-box[data-v-3be2d210]{color:#111827;margin-bottom:.4rem;font-size:.85rem;font-weight:600}.type-box[data-v-3be2d210]{background-color:#f5f3ff;border-radius:9999px;padding:.2rem .6rem;font-size:.72rem;font-weight:500;display:inline-block}#framework[data-v-3be2d210]{color:#7c3aed}#database[data-v-3be2d210]{color:#3abded}#styling[data-v-3be2d210]{color:#eda53a}#core[data-v-3be2d210]{color:#ed3a3a}#integration[data-v-3be2d210]{color:#3aed58}#version-control[data-v-3be2d210]{color:#ed943a}#containers[data-v-3be2d210]{color:#07f}#ide[data-v-3be2d210]{color:#ed3a99}#package-manager[data-v-3be2d210]{color:#c40202}#workflow[data-v-3be2d210]{color:#6f00ff}#mobile-first[data-v-3be2d210]{color:#00cc87}.wat-ik-bied[data-v-3be2d210]{background-color:#fff;padding:5rem 1.5rem}.wat-ik-bied-title[data-v-3be2d210]{text-align:center;color:#111827;margin-bottom:.75rem;font-size:clamp(1.6rem,3.5vw,2.25rem);font-weight:700}.wat-ik-bied-undertitle[data-v-3be2d210]{text-align:center;color:#6b7280;margin-bottom:3rem;font-size:1rem;font-weight:400}.qualities-grid[data-v-3be2d210]{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.5rem;display:grid}.quality-card[data-v-3be2d210]{background:#fff;border:1px solid #f3f4f6;border-radius:.75rem;padding:1.5rem;transition:box-shadow .25s,transform .25s;box-shadow:0 1px 4px #0000000f}.quality-card[data-v-3be2d210]:hover{transform:translateY(-3px);box-shadow:0 12px 30px #0000001a}.quality-icon[data-v-3be2d210]{border-radius:.75rem;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;margin-bottom:1rem;font-size:1.5rem;transition:transform .2s;display:flex}.quality-card:hover .quality-icon[data-v-3be2d210]{transform:scale(1.1)}.quality-icon--yellow[data-v-3be2d210]{background:linear-gradient(135deg,#facc15,#f97316)}.quality-icon--blue[data-v-3be2d210]{background:linear-gradient(135deg,#3b82f6,#8b5cf6)}.quality-icon--green[data-v-3be2d210]{background:linear-gradient(135deg,#10b981,#059669)}.quality-icon--pink[data-v-3be2d210]{background:linear-gradient(135deg,#ec4899,#ef4444)}.quality-title[data-v-3be2d210]{-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.6rem;font-size:1rem;font-weight:600}.quality-title--yellow[data-v-3be2d210]{background:linear-gradient(90deg,#f59e0b,#f97316);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.quality-title--blue[data-v-3be2d210]{background:linear-gradient(90deg,#3b82f6,#8b5cf6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.quality-title--green[data-v-3be2d210]{background:linear-gradient(90deg,#10b981,#059669);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.quality-title--pink[data-v-3be2d210]{background:linear-gradient(90deg,#ec4899,#ef4444);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.quality-description[data-v-3be2d210]{color:#6b7280;font-size:.875rem;line-height:1.6}.projecten[data-v-3be2d210]{background-color:#f9fafb;padding:5rem 1.5rem}.projecten-title[data-v-3be2d210]{text-align:center;color:#111827;margin-bottom:.75rem;font-size:clamp(1.6rem,3.5vw,2.25rem);font-weight:700}.projecten-undertitle[data-v-3be2d210]{text-align:center;color:#6b7280;margin-bottom:3rem;font-size:1rem;font-weight:400}.projects-grid[data-v-3be2d210]{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:2rem;display:grid}.project-card[data-v-3be2d210]{background:#fff;border-radius:.75rem;transition:box-shadow .25s,transform .25s;overflow:hidden;box-shadow:0 1px 4px #00000012}.project-card[data-v-3be2d210]:hover{transform:translateY(-4px);box-shadow:0 16px 40px #0000001f}.project-image-wrapper[data-v-3be2d210]{aspect-ratio:16/9;position:relative;overflow:hidden}.project-image[data-v-3be2d210]{object-fit:cover;width:100%;height:100%;transition:transform .35s}.project-card:hover .project-image[data-v-3be2d210]{transform:scale(1.05)}.project-image-overlay[data-v-3be2d210]{opacity:0;transition:opacity .35s;position:absolute;inset:0}.project-card:hover .project-image-overlay[data-v-3be2d210]{opacity:.2}.project-image-overlay--blue[data-v-3be2d210]{background:linear-gradient(135deg,#3b82f6,#06b6d4)}.project-image-overlay--purple[data-v-3be2d210]{background:linear-gradient(135deg,#8b5cf6,#ec4899)}.project-image-overlay--green[data-v-3be2d210]{background:linear-gradient(135deg,#10b981,#059669)}.project-content[data-v-3be2d210]{padding:1.5rem}.project-card-title[data-v-3be2d210]{color:#111827;margin-bottom:.6rem;font-size:1.15rem;font-weight:600}.project-card-description[data-v-3be2d210]{color:#6b7280;margin-bottom:1rem;font-size:.875rem;line-height:1.6}.project-tags[data-v-3be2d210]{flex-wrap:wrap;gap:.4rem;margin-bottom:1rem;display:flex}.project-tag[data-v-3be2d210]{border-radius:9999px;padding:.2rem .7rem;font-size:.75rem;font-weight:500}.project-tag--blue[data-v-3be2d210]{color:#1d4ed8;background-color:#dbeafe}.project-tag--purple[data-v-3be2d210]{color:#6d28d9;background-color:#ede9fe}.project-tag--pink[data-v-3be2d210]{color:#be185d;background-color:#fce7f3}.project-tag--green[data-v-3be2d210]{color:#065f46;background-color:#d1fae5}.project-link[data-v-3be2d210]{-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:.875rem;font-weight:500;text-decoration:none;transition:opacity .2s}.project-link[data-v-3be2d210]:hover{opacity:.75}.project-link--blue[data-v-3be2d210]{background:linear-gradient(90deg,#3b82f6,#06b6d4);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.project-link--purple[data-v-3be2d210]{background:linear-gradient(90deg,#8b5cf6,#ec4899);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.project-link--green[data-v-3be2d210]{background:linear-gradient(90deg,#10b981,#059669);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.contact[data-v-3be2d210]{background:linear-gradient(135deg,#f5f3ff 0%,#fdf2f8 50%,#eff6ff 100%);padding:5rem 1.5rem}.contact-container[data-v-3be2d210]{text-align:center}.contact-title[data-v-3be2d210]{color:#111827;margin-bottom:.75rem;font-size:clamp(1.6rem,3.5vw,2.25rem);font-weight:700}.contact-undertitle[data-v-3be2d210]{color:#6b7280;max-width:36rem;margin:0 auto 2.5rem;font-size:1rem;line-height:1.7}.contact-links[data-v-3be2d210]{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.contact-email-btn[data-v-3be2d210]{color:#fff;background:linear-gradient(90deg,#2563eb,#7c3aed);border-radius:.5rem;align-items:center;gap:.4rem;padding:.75rem 1.5rem;font-weight:500;text-decoration:none;transition:opacity .2s,box-shadow .2s;display:inline-flex;box-shadow:0 4px 15px #6366f14d}.contact-email-btn[data-v-3be2d210]:hover{opacity:.9;box-shadow:0 6px 20px #6366f166}.contact-phone[data-v-3be2d210]{color:#374151;font-size:.95rem;text-decoration:none;transition:color .2s}.contact-phone[data-v-3be2d210]:hover{color:#7c3aed}.contact-socials[data-v-3be2d210]{justify-content:center;gap:1rem;display:flex}.social-btn[data-v-3be2d210]{color:#fff;border-radius:9999px;padding:.65rem 1.4rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:box-shadow .2s,transform .2s;box-shadow:0 3px 10px #00000026}.social-btn[data-v-3be2d210]:hover{transform:translateY(-2px);box-shadow:0 6px 18px #0003}.social-btn--github[data-v-3be2d210]{background-color:#1f2937}.social-btn--linkedin[data-v-3be2d210]{background-color:#2563eb}.footer[data-v-3be2d210]{background-color:#f9fafb;border-top:1px solid #e5e7eb;padding:2rem 1.5rem}.footer-container[data-v-3be2d210]{text-align:center;max-width:1152px;margin:0 auto}.footer-text[data-v-3be2d210]{color:#6b7280;font-size:.875rem}@media (width<=768px){.nav-links[data-v-3be2d210]{display:none}.top-buttons[data-v-3be2d210]{flex-direction:column;align-items:center}.qualities-grid[data-v-3be2d210]{grid-template-columns:1fr 1fr}.projects-grid[data-v-3be2d210]{grid-template-columns:1fr}}@media (width<=480px){.qualities-grid[data-v-3be2d210]{grid-template-columns:1fr}.skill-grid[data-v-3be2d210]{grid-template-columns:repeat(2,1fr)}}