.skills-grid.svelte-1f1pl16{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;width:100%;display:grid}.skill-card.svelte-1f1pl16{-webkit-backdrop-filter:blur(8px);text-align:left;background:#fff9;border:1px solid #e4e4e7;border-radius:1.5rem;flex-direction:column;height:100%;padding:2.5rem;transition:all .3s;display:flex;position:relative}.skill-card.svelte-1f1pl16:hover{background:#fff;border-color:#d4d4d8;transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000000d,0 8px 10px -6px #00000003}.skill-icon-wrapper.svelte-1f1pl16{color:#3f3f46;background-color:#f4f4f5;border-radius:1rem;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;margin-bottom:1.5rem;transition:all .3s;display:inline-flex}.skill-card.svelte-1f1pl16:hover .skill-icon-wrapper:where(.svelte-1f1pl16){color:#fff;background-color:#18181b;transform:scale(1.1)}.tool-badge.svelte-1f1pl16{color:#3f3f46;letter-spacing:.025em;background-color:#f4f4f5;border:1px solid #e4e4e7;border-radius:.375rem;padding:.375rem .75rem;font-size:.6875rem;font-weight:600}.tools-container.svelte-1f1pl16{flex-wrap:wrap;gap:.5rem;margin-top:auto;display:flex}.dark .skill-card.svelte-1f1pl16{background:#18181b99;border-color:#27272a}.dark .skill-card.svelte-1f1pl16:hover{background:#18181b;border-color:#3f3f46;box-shadow:0 20px 25px -5px #00000080}.dark .skill-card.svelte-1f1pl16 h4:where(.svelte-1f1pl16){color:#fff!important}.dark .skill-card.svelte-1f1pl16 p:where(.svelte-1f1pl16){color:#a1a1aa!important}.dark .skill-icon-wrapper.svelte-1f1pl16{color:#d4d4d8;background-color:#27272a}.dark .skill-card.svelte-1f1pl16:hover .skill-icon-wrapper:where(.svelte-1f1pl16){color:#18181b;background-color:#fafafa}.dark .tool-badge.svelte-1f1pl16{color:#d4d4d8;background-color:#27272a;border-color:#3f3f46}.projects-grid.svelte-1tes396{grid-template-columns:1fr;gap:1.5rem;width:100%;display:grid}@media (width>=640px){.projects-grid.svelte-1tes396{grid-template-columns:repeat(2,1fr)}}.project-card.svelte-1tes396{-webkit-backdrop-filter:blur(8px);background:#fff9;border:1px solid #e4e4e7;border-radius:1.5rem;flex-direction:column;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.project-card.svelte-1tes396:hover{background:#fff;border-color:#a1a1aa;transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000000d,0 8px 10px -6px #00000005}.project-thumbnail.svelte-1tes396{background:linear-gradient(135deg,#f4f4f5,#e4e4e7);justify-content:center;align-items:center;width:100%;height:10rem;display:flex;overflow:hidden}.project-thumbnail-img.svelte-1tes396{object-fit:cover;width:100%;height:100%}.project-thumbnail-placeholder.svelte-1tes396{color:#a1a1aa;justify-content:center;align-items:center;display:flex}.project-content.svelte-1tes396{flex-direction:column;flex:1;padding:1.5rem;display:flex}.project-title.svelte-1tes396{color:#18181b;margin-bottom:.5rem;font-size:1.25rem;font-weight:700;transition:color .2s}.project-card.svelte-1tes396:hover .project-title:where(.svelte-1tes396){color:#09090b}.project-excerpt.svelte-1tes396{color:#52525b;flex:1;margin:0 0 1rem;font-size:.875rem;line-height:1.625}.project-tech.svelte-1tes396{flex-wrap:wrap;gap:.5rem;display:flex}.project-tech-badge.svelte-1tes396{color:#52525b;text-transform:uppercase;letter-spacing:.025em;background-color:#f4f4f5;border-radius:9999px;padding:.25rem .625rem;font-size:.7rem;font-weight:600}.project-arrow.svelte-1tes396{color:#a1a1aa;opacity:0;background-color:#ffffffe6;border:1px solid #e4e4e7;border-radius:50%;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:1rem;right:1rem;transform:scale(.8)}.project-card.svelte-1tes396:hover .project-arrow:where(.svelte-1tes396){opacity:1;color:#fff;background-color:#18181b;border-color:#0000;transform:scale(1)}.view-all-link.svelte-1tes396{color:#52525b;border:1px solid #e4e4e7;border-radius:9999px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.view-all-link.svelte-1tes396:hover{color:#18181b;background-color:#f4f4f5;border-color:#a1a1aa;transform:translate(4px)}.dark .project-card.svelte-1tes396{background:#18181b99;border-color:#27272a}.dark .project-card.svelte-1tes396:hover{background:#18181b;border-color:#3f3f46;box-shadow:0 20px 25px -5px #00000080}.dark .project-thumbnail.svelte-1tes396{background:linear-gradient(135deg,#27272a,#18181b)}.dark .project-thumbnail-placeholder.svelte-1tes396{color:#52525b}.dark .project-title.svelte-1tes396{color:#fff}.dark .project-card.svelte-1tes396:hover .project-title:where(.svelte-1tes396){color:#e4e4e7}.dark .project-excerpt.svelte-1tes396{color:#a1a1aa}.dark .project-tech-badge.svelte-1tes396{color:#d4d4d8;background-color:#27272a}.dark .project-arrow.svelte-1tes396{color:#a1a1aa;background-color:#18181be6;border-color:#3f3f46}.dark .project-card.svelte-1tes396:hover .project-arrow:where(.svelte-1tes396){color:#18181b;background-color:#fafafa}.dark .view-all-link.svelte-1tes396{color:#a1a1aa;border-color:#3f3f46}.dark .view-all-link.svelte-1tes396:hover{color:#fff;background-color:#27272a;border-color:#52525b}.blog-container.svelte-10b28qo{text-align:left;flex-direction:column;gap:1.5rem;width:100%;display:flex}.blog-card.svelte-10b28qo{-webkit-backdrop-filter:blur(8px);background:#fff9;border:1px solid #e4e4e7;border-radius:1.5rem;padding:2rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:block;position:relative}.blog-card.svelte-10b28qo:hover{background:#fff;border-color:#a1a1aa;transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000000d,0 8px 10px -6px #00000005}.blog-layout.svelte-10b28qo{flex-direction:column;gap:1.5rem;display:flex}@media (width>=640px){.blog-layout.svelte-10b28qo{flex-direction:row;justify-content:space-between;align-items:center;gap:2rem}}.blog-content.svelte-10b28qo{flex:1}.blog-meta.svelte-10b28qo{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.blog-date.svelte-10b28qo{color:#71717a;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:700}.blog-dot.svelte-10b28qo{background-color:#d4d4d8;border-radius:50%;width:4px;height:4px}.blog-tags.svelte-10b28qo{gap:.5rem;display:flex}.blog-tag.svelte-10b28qo{color:#52525b;background-color:#f4f4f5;border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.blog-title.svelte-10b28qo{color:#18181b;margin-bottom:.75rem;font-size:1.5rem;font-weight:700;transition:color .2s}.blog-card.svelte-10b28qo:hover .blog-title:where(.svelte-10b28qo){color:#09090b}.blog-excerpt.svelte-10b28qo{color:#52525b;margin:0;font-size:1rem;line-height:1.625}.blog-arrow.svelte-10b28qo{display:none}@media (width>=640px){.blog-arrow.svelte-10b28qo{color:#a1a1aa;background-color:#f4f4f5;border:1px solid #e4e4e7;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.blog-card.svelte-10b28qo:hover .blog-arrow:where(.svelte-10b28qo){color:#fff;background-color:#18181b;border-color:#0000;transform:rotate(-45deg)scale(1.1)}}.view-all-link.svelte-10b28qo{color:#52525b;border:1px solid #e4e4e7;border-radius:9999px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.view-all-link.svelte-10b28qo:hover{color:#18181b;background-color:#f4f4f5;border-color:#a1a1aa;transform:translate(4px)}.dark .blog-card.svelte-10b28qo{background:#18181b99;border-color:#27272a}.dark .blog-card.svelte-10b28qo:hover{background:#18181b;border-color:#3f3f46;box-shadow:0 20px 25px -5px #00000080}.dark .blog-title.svelte-10b28qo{color:#fff}.dark .blog-card.svelte-10b28qo:hover .blog-title:where(.svelte-10b28qo){color:#e4e4e7}.dark .blog-date.svelte-10b28qo{color:#a1a1aa}.dark .blog-dot.svelte-10b28qo{background-color:#52525b}.dark .blog-tag.svelte-10b28qo{color:#d4d4d8;background-color:#27272a}.dark .blog-excerpt.svelte-10b28qo{color:#a1a1aa}.dark .blog-arrow.svelte-10b28qo{color:#d4d4d8;background-color:#27272a;border-color:#3f3f46}.dark .blog-card.svelte-10b28qo:hover .blog-arrow:where(.svelte-10b28qo){color:#18181b;background-color:#fafafa}.dark .view-all-link.svelte-10b28qo{color:#a1a1aa;border-color:#3f3f46}.dark .view-all-link.svelte-10b28qo:hover{color:#fff;background-color:#27272a;border-color:#52525b}