.post-card.svelte-v1upfp.svelte-v1upfp{display:flex;flex-direction:column;background:#fff;border-radius:.75rem;overflow:hidden;box-shadow:0 4px 12px #0000001a;text-decoration:none;color:inherit;transition:transform .2s,box-shadow .2s;height:100%}.post-card.svelte-v1upfp.svelte-v1upfp:hover{transform:translateY(-5px);box-shadow:0 8px 20px #00000026}.post-card.featured.svelte-v1upfp.svelte-v1upfp{border:1px solid rgba(37,99,235,.3)}.card-image.svelte-v1upfp.svelte-v1upfp{height:180px;background-color:#f3f4f6;overflow:hidden}.card-image.svelte-v1upfp img.svelte-v1upfp{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.post-card.svelte-v1upfp:hover .card-image img.svelte-v1upfp{transform:scale(1.05)}.placeholder.svelte-v1upfp.svelte-v1upfp{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f3f4f6,#e5e7eb)}.placeholder-content.svelte-v1upfp.svelte-v1upfp{font-size:2rem;color:#9ca3af}.card-content.svelte-v1upfp.svelte-v1upfp{padding:1.5rem;display:flex;flex-direction:column;flex:1}.categories.svelte-v1upfp.svelte-v1upfp{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.category.svelte-v1upfp.svelte-v1upfp{font-size:.75rem;padding:.25rem .75rem;background-color:#f3f4f6;color:#4b5563;border-radius:1rem}h3.svelte-v1upfp.svelte-v1upfp{margin:0 0 .75rem;font-size:1.25rem;color:#1f2937;line-height:1.4}.description.svelte-v1upfp.svelte-v1upfp{color:#6b7280;font-size:.95rem;line-height:1.6;margin-bottom:1rem;flex:1}.meta.svelte-v1upfp.svelte-v1upfp{display:flex;justify-content:space-between;font-size:.8rem;color:#9ca3af;margin-top:auto}.skill-bar.svelte-xc2y2m{display:flex;flex-direction:column;gap:.5rem;width:100%}.skill-info.svelte-xc2y2m{display:flex;justify-content:space-between;align-items:center}.skill-name.svelte-xc2y2m{font-weight:500;color:var(--heading-color)}.skill-details.svelte-xc2y2m{font-size:.8rem;color:var(--secondary-text-color)}.skill-progress.svelte-xc2y2m{background-color:var(--skill-bar-background);height:8px;border-radius:4px;overflow:hidden}.skill-progress-bar.svelte-xc2y2m{height:100%;background:var(--skill-bar-fill);border-radius:4px;transition:width .5s ease}.project-card.svelte-blggfj.svelte-blggfj{background:#fff;border-radius:.75rem;overflow:hidden;box-shadow:0 4px 12px #0000001a;transition:transform .2s,box-shadow .2s;height:100%;display:flex;flex-direction:column}.project-card.svelte-blggfj.svelte-blggfj:hover{transform:translateY(-5px);box-shadow:0 8px 20px #00000026}.card-content.svelte-blggfj.svelte-blggfj{padding:1.5rem 1.5rem 1rem;display:flex;flex-direction:column;flex:1;text-decoration:none;color:inherit}.card-image.svelte-blggfj.svelte-blggfj{height:180px;background-color:#f3f4f6;margin:-1.5rem -1.5rem 1.5rem;overflow:hidden}.card-image.svelte-blggfj img.svelte-blggfj{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.project-card.svelte-blggfj:hover .card-image img.svelte-blggfj{transform:scale(1.05)}.placeholder.svelte-blggfj.svelte-blggfj{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f3f4f6,#e5e7eb)}.placeholder-content.svelte-blggfj.svelte-blggfj{font-size:2rem;color:#9ca3af}h3.svelte-blggfj.svelte-blggfj{margin:0 0 .75rem;font-size:1.25rem;color:#1f2937;line-height:1.4}.description.svelte-blggfj.svelte-blggfj{color:#6b7280;font-size:.95rem;line-height:1.6;margin-bottom:1rem;flex:1}.technologies.svelte-blggfj.svelte-blggfj{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:auto;padding-bottom:.5rem}.tech-badge.svelte-blggfj.svelte-blggfj{font-size:.75rem;padding:.25rem .5rem;background-color:#f3f4f6;color:#4b5563;border-radius:.25rem}.card-actions.svelte-blggfj.svelte-blggfj{display:flex;border-top:1px solid #f3f4f6;margin-top:auto}.action-link.svelte-blggfj.svelte-blggfj{flex:1;padding:.75rem;display:flex;align-items:center;justify-content:center;gap:.5rem;text-decoration:none;font-size:.9rem;font-weight:500;transition:background-color .2s}.action-link.svelte-blggfj.svelte-blggfj:first-child{border-right:1px solid #f3f4f6}.github.svelte-blggfj.svelte-blggfj{color:#4b5563}.demo.svelte-blggfj.svelte-blggfj{color:#2563eb}.action-link.svelte-blggfj.svelte-blggfj:hover{background-color:#f9fafb}.home-page.svelte-11a9n2f.svelte-11a9n2f{max-width:100%;margin:0 auto;padding:0;overflow-x:hidden}.home-page.svelte-11a9n2f.svelte-11a9n2f{display:flex;flex-direction:column;gap:6rem;max-width:var(--content-width, 1200px);margin:0 auto;padding:0 1rem;box-sizing:border-box}.section-header.svelte-11a9n2f.svelte-11a9n2f{margin-bottom:2.5rem;text-align:center}.section-header.svelte-11a9n2f h2.svelte-11a9n2f{font-size:2rem;margin-bottom:.5rem;color:var(--heading-color)}.divider.svelte-11a9n2f.svelte-11a9n2f{height:4px;width:70px;background-color:var(--accent-color);margin:0 auto;border-radius:2px}.hero.svelte-11a9n2f.svelte-11a9n2f{background:linear-gradient(135deg,var(--hero-gradient-start),var(--hero-gradient-end));padding:6rem 1rem;color:#fff;text-align:center;margin:0;position:relative;width:100vw;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;border-bottom-left-radius:30% 5%;border-bottom-right-radius:30% 5%;z-index:1}.hero-content.svelte-11a9n2f.svelte-11a9n2f{max-width:800px;margin:0 auto}.profile-picture.svelte-11a9n2f.svelte-11a9n2f{width:150px;height:150px;border-radius:50%;overflow:hidden;margin:0 auto 1.5rem;border:4px solid rgba(255,255,255,.3);box-shadow:0 8px 16px #0003;position:relative}.profile-picture.svelte-11a9n2f img.svelte-11a9n2f{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0}.profile-placeholder.svelte-11a9n2f.svelte-11a9n2f{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#fff3;color:#fff}.hero.svelte-11a9n2f h1.svelte-11a9n2f{font-size:3rem;margin-bottom:.5rem;font-weight:700}.tagline.svelte-11a9n2f.svelte-11a9n2f{font-size:1.5rem;margin-bottom:1.5rem;opacity:.9}.description.svelte-11a9n2f.svelte-11a9n2f{font-size:1.1rem;max-width:600px;margin:0 auto 2rem;opacity:.9;line-height:1.6}.tech-stack.svelte-11a9n2f.svelte-11a9n2f{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-bottom:2rem}.tech-badge.svelte-11a9n2f.svelte-11a9n2f{background:#fff3;padding:.4rem 1rem;border-radius:2rem;font-size:.9rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.social-links.svelte-11a9n2f.svelte-11a9n2f{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.social-links.svelte-11a9n2f a.svelte-11a9n2f{width:118px}.social-links.svelte-11a9n2f>.svelte-11a9n2f:first-child{justify-self:end}.social-link.svelte-11a9n2f.svelte-11a9n2f{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff3;border-radius:2rem;color:#fff;text-decoration:none;transition:var(--transition-hover)}.social-link.svelte-11a9n2f.svelte-11a9n2f:hover{background:#ffffff4d;transform:translateY(-2px)}.icon.svelte-11a9n2f.svelte-11a9n2f{display:flex;align-items:center}.hero-actions.svelte-11a9n2f.svelte-11a9n2f{display:flex;justify-content:center;gap:1rem;margin-top:1.5rem}.btn.secondary.svelte-11a9n2f.svelte-11a9n2f{background-color:#fff3;color:#fff;border:1px solid rgba(255,255,255,.4);padding:.6rem 1.2rem}.btn.secondary.svelte-11a9n2f.svelte-11a9n2f:hover{background-color:#ffffff4d}.about-content.svelte-11a9n2f.svelte-11a9n2f{display:flex;flex-direction:column;gap:2rem}.about-text.svelte-11a9n2f.svelte-11a9n2f{font-size:1.1rem;line-height:1.8;color:var(--secondary-text-color)}.about-text.svelte-11a9n2f p.svelte-11a9n2f{max-width:77ch;text-align:center;margin:0 auto}.skills-grid.svelte-11a9n2f.svelte-11a9n2f{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin-top:2rem}.skill-group.svelte-11a9n2f.svelte-11a9n2f{margin-bottom:0}.skill-group.svelte-11a9n2f h4.svelte-11a9n2f{margin-bottom:1rem;color:#4b5563;font-size:1.2rem}.skill-bars.svelte-11a9n2f.svelte-11a9n2f{display:flex;flex-direction:column;gap:1rem}.projects-section.svelte-11a9n2f.svelte-11a9n2f{display:flex;flex-direction:column;align-items:center;text-align:center}.projects-grid.svelte-11a9n2f.svelte-11a9n2f{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,400px));gap:2rem;width:100%;max-width:1200px;margin:0 auto;justify-content:center}.project-item.svelte-11a9n2f.svelte-11a9n2f{background:var(--card-background);border-radius:.75rem;overflow:hidden;box-shadow:var(--card-shadow);transition:transform var(--transition-time-fast) var(--transition-ease),box-shadow var(--transition-time-fast) var(--transition-ease);padding:1.5rem;text-align:center;width:100%;display:flex;flex-direction:column}.project-item.svelte-11a9n2f a.svelte-11a9n2f{text-decoration:none;color:inherit;display:block;flex:1;display:flex;flex-direction:column}.see-more.svelte-11a9n2f.svelte-11a9n2f{display:flex;justify-content:center;margin-top:2rem;width:100%}.project-item.svelte-11a9n2f a.svelte-11a9n2f{text-decoration:none;color:inherit;display:block}.contact-section.svelte-11a9n2f.svelte-11a9n2f{padding:0rem 1rem;position:relative;width:100vw;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;background:var(--contact-section-background, #f9fafb);box-sizing:border-box}.contact-cards.svelte-11a9n2f.svelte-11a9n2f{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;max-width:900px;margin:0 auto 2rem}.contact-card.svelte-11a9n2f.svelte-11a9n2f{padding:2rem;border-radius:.75rem;background:var(--contact-card-background, white);box-shadow:var(--contact-card-shadow, 0 4px 12px rgba(0, 0, 0, .1));text-align:center;transition:transform .3s,box-shadow .3s}.contact-card.svelte-11a9n2f.svelte-11a9n2f:hover{transform:translateY(-5px);box-shadow:var(--card-shadow)}.contact-icon.svelte-11a9n2f.svelte-11a9n2f{margin-bottom:1.5rem;color:var(--contact-icon-color, var(--accent-color));display:flex;justify-content:center}.contact-card.svelte-11a9n2f h3.svelte-11a9n2f{margin:0 0 .75rem;font-size:1.5rem;color:var(--heading-color)}.contact-card.svelte-11a9n2f p.svelte-11a9n2f{color:var(--secondary-text-color);margin-bottom:1.5rem}.contact-link.svelte-11a9n2f.svelte-11a9n2f{color:var(--accent-color);text-decoration:none;font-weight:500;display:inline-block;padding:.5rem 1.5rem;border:1px solid var(--accent-color);border-radius:.5rem;transition:var(--transition-hover)}.contact-link.svelte-11a9n2f.svelte-11a9n2f:hover{background-color:var(--accent-color);color:var(--button-text-color);transform:translateY(-2px)}.contact-message.svelte-11a9n2f.svelte-11a9n2f{text-align:center;max-width:600px;margin:0 auto}.contact-message.svelte-11a9n2f h3.svelte-11a9n2f{font-size:1.5rem;color:var(--heading-color);margin-bottom:1rem}.contact-message.svelte-11a9n2f p.svelte-11a9n2f{color:var(--secondary-text-color);font-size:1.1rem;line-height:1.7}@media (max-width: 768px){.visitor-metrics.svelte-11a9n2f.svelte-11a9n2f{margin-bottom:2rem}}.visitor-metrics.svelte-11a9n2f.svelte-11a9n2f{text-align:center;margin-top:0;opacity:.8}.fish-counter.svelte-11a9n2f.svelte-11a9n2f{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#2563eb1a,#4f46e51a);padding:.5rem 1rem;border-radius:2rem;color:#4b5563;font-size:.9rem}.fish-icon.svelte-11a9n2f.svelte-11a9n2f{font-size:1.2rem;animation:svelte-11a9n2f-swim 3s ease-in-out infinite!important;display:inline-block}@keyframes svelte-11a9n2f-swim{0%{transform:translate(0) rotate(0)}50%{transform:translate(5px) rotate(10deg)}to{transform:translate(0) rotate(0)}}.btn.svelte-11a9n2f.svelte-11a9n2f{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;text-align:center;text-decoration:none;border-radius:.5rem;cursor:pointer;transition:var(--transition-button);transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease}.btn.svelte-11a9n2f.svelte-11a9n2f:hover{transform:translateY(-2px)}.btn.outline.svelte-11a9n2f.svelte-11a9n2f{background-color:transparent;color:#2563eb;border:1px solid #2563eb}.btn.outline.svelte-11a9n2f.svelte-11a9n2f:hover{background-color:#2563eb;color:#fff}.project-item.svelte-11a9n2f.svelte-11a9n2f{background:var(--card-background);border-radius:.75rem;overflow:hidden;box-shadow:var(--card-shadow);transition:transform .2s,box-shadow .2s;padding:1.5rem;text-align:center}.project-item.svelte-11a9n2f.svelte-11a9n2f:hover{transform:translateY(-5px);box-shadow:0 8px 20px #00000026}.project-item.svelte-11a9n2f h3.svelte-11a9n2f{margin:0 0 .75rem;font-size:1.25rem;color:#1f2937}.project-item.svelte-11a9n2f p.svelte-11a9n2f{color:#6b7280;margin-bottom:1rem}@media (max-width: 768px){.home-page.svelte-11a9n2f.svelte-11a9n2f{gap:4rem;padding:0 .5rem}.btn.svelte-11a9n2f.svelte-11a9n2f{margin:0 1.5rem}.hero.svelte-11a9n2f.svelte-11a9n2f{padding:4rem 1rem}.hero.svelte-11a9n2f h1.svelte-11a9n2f{font-size:2.5rem}.tagline.svelte-11a9n2f.svelte-11a9n2f{font-size:1.25rem}.about-content.svelte-11a9n2f.svelte-11a9n2f{grid-template-columns:1fr;gap:2rem}.skills-grid.svelte-11a9n2f.svelte-11a9n2f{grid-template-columns:1fr;gap:1.5rem}.contact-cards.svelte-11a9n2f.svelte-11a9n2f{grid-template-columns:1fr}.hero-actions.svelte-11a9n2f.svelte-11a9n2f{flex-direction:column;gap:.75rem}.projects-grid.svelte-11a9n2f.svelte-11a9n2f{grid-template-columns:1fr}}@media (min-width: 1200px){.projects-grid.svelte-11a9n2f.svelte-11a9n2f{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));max-width:1200px}}@media (min-width: 1020px){.skills-grid.svelte-11a9n2f.svelte-11a9n2f{grid-template-columns:repeat(4,1fr)}.skill-group.svelte-11a9n2f.svelte-11a9n2f{grid-column:span 2}.skill-group.svelte-11a9n2f.svelte-11a9n2f:last-child:nth-child(odd){grid-column:2 / span 2}}@media (min-width: 550px){.hero-actions.svelte-11a9n2f.svelte-11a9n2f{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.hero-actions.svelte-11a9n2f>.svelte-11a9n2f:first-child{justify-self:end}.hero-actions.svelte-11a9n2f>.svelte-11a9n2f:last-child{justify-self:start}.btn.svelte-11a9n2f.svelte-11a9n2f{margin:0}}@media (max-width: 769px){.about-section.svelte-11a9n2f.svelte-11a9n2f,.contact-section.svelte-11a9n2f.svelte-11a9n2f,.visitor-metrics.svelte-11a9n2f.svelte-11a9n2f{padding:2rem 1.5rem;padding-bottom:0;padding-top:0}.projects-grid.svelte-11a9n2f.svelte-11a9n2f{grid-template-columns:1fr;max-width:100%}}