.coding-page.svelte-11afpyn{max-width:1200px;margin:0 auto;padding:0 1rem}.page-header.svelte-11afpyn{text-align:center;margin-bottom:4rem}.page-header.svelte-11afpyn h1:where(.svelte-11afpyn){font-size:3rem;margin-bottom:1.5rem}.intro.svelte-11afpyn{font-size:1.2rem;color:var(--color-text-secondary);max-width:600px;margin:0 auto;line-height:1.7}.skills.svelte-11afpyn{margin:4rem 0}.skills.svelte-11afpyn h2:where(.svelte-11afpyn){text-align:center;margin-bottom:3rem;font-size:2rem}.skills-grid.svelte-11afpyn{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:4rem}.skill-category.svelte-11afpyn{background:var(--color-bg);border:1px solid var(--color-border);border-radius:12px;padding:2rem;transition:border-color .3s ease}.skill-category.svelte-11afpyn:hover{border-color:var(--color-accent)}.skill-category.svelte-11afpyn h3:where(.svelte-11afpyn){margin:0 0 1rem;color:var(--color-text);font-size:1.25rem}.skill-category.svelte-11afpyn ul:where(.svelte-11afpyn){margin:0;padding-left:1.2rem}.skill-category.svelte-11afpyn li:where(.svelte-11afpyn){margin-bottom:.5rem;line-height:1.4;color:var(--color-text-secondary)}.projects.svelte-11afpyn{margin:4rem 0}.projects.svelte-11afpyn h2:where(.svelte-11afpyn){text-align:center;margin-bottom:3rem;font-size:2rem}.project-grid.svelte-11afpyn{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-bottom:4rem}.project-card.svelte-11afpyn{background:var(--color-bg);border:1px solid var(--color-border);border-radius:12px;padding:2rem;transition:border-color .3s ease,box-shadow .3s ease}.project-card.svelte-11afpyn:hover{border-color:var(--color-accent);box-shadow:0 10px 30px #3b82f61a}.project-header.svelte-11afpyn{display:flex;align-items:center;margin-bottom:1rem}.project-card.svelte-11afpyn h3:where(.svelte-11afpyn){margin:0;color:var(--color-text);font-size:1.25rem}.project-card.svelte-11afpyn p:where(.svelte-11afpyn){margin:0 0 1rem;line-height:1.6;color:var(--color-text-secondary)}.project-links.svelte-11afpyn{display:flex;gap:1rem}.project-status.svelte-11afpyn{display:inline-block;background:var(--color-accent);color:#fff;padding:.5rem 1rem;border-radius:4px;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.approach.svelte-11afpyn{margin:4rem 0}.approach.svelte-11afpyn h2:where(.svelte-11afpyn){text-align:center;margin-bottom:3rem;font-size:2rem}.approach-grid.svelte-11afpyn{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:4rem}.approach-card.svelte-11afpyn{background:var(--color-bg);border:1px solid var(--color-border);border-radius:12px;padding:2rem;transition:border-color .3s ease}.approach-card.svelte-11afpyn:hover{border-color:var(--color-accent)}.approach-card.svelte-11afpyn h3:where(.svelte-11afpyn){margin:0 0 1rem;color:var(--color-text);font-size:1.25rem}.approach-card.svelte-11afpyn p:where(.svelte-11afpyn){margin:0;line-height:1.6;color:var(--color-text-secondary)}.contact-section.svelte-11afpyn{text-align:center;margin-top:4rem;padding:3rem;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:12px}.contact-section.svelte-11afpyn h2:where(.svelte-11afpyn){margin-bottom:1rem}.contact-section.svelte-11afpyn p:where(.svelte-11afpyn){margin-bottom:2rem;color:var(--color-text-secondary);max-width:500px;margin-left:auto;margin-right:auto}.cta-button.svelte-11afpyn{display:inline-block;background:var(--color-accent);color:#fff;padding:.75rem 1.5rem;border-radius:6px;text-decoration:none;font-weight:600;transition:background .3s ease}.cta-button.svelte-11afpyn:hover{background:var(--color-accent-hover);text-decoration:none}@media (max-width: 768px){.page-header.svelte-11afpyn h1:where(.svelte-11afpyn){font-size:2.5rem}.skills-grid.svelte-11afpyn,.project-grid.svelte-11afpyn,.approach-grid.svelte-11afpyn{grid-template-columns:1fr}}