#about[data-astro-cid-neoywipn],#projects[data-astro-cid-neoywipn],#contact[data-astro-cid-neoywipn]{scroll-margin-top:calc(72px + var(--space-6))}.about-page[data-astro-cid-neoywipn]{flex-direction:column;display:flex}.section-heading[data-astro-cid-neoywipn]{margin-bottom:var(--space-6);font-size:1.5rem;font-weight:700}.focus-grid[data-astro-cid-neoywipn]{gap:var(--space-6);grid-template-columns:1fr;display:grid}@media (width>=640px){.focus-grid[data-astro-cid-neoywipn]{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.focus-grid[data-astro-cid-neoywipn]{grid-template-columns:repeat(4,1fr)}}.title-accent[data-astro-cid-neoywipn]{color:var(--accent-tertiary)}.heading-sparkle[data-astro-cid-neoywipn]{color:var(--accent-primary);vertical-align:middle;filter:drop-shadow(0 0 8px var(--accent-glow));margin-left:var(--space-2);font-size:.8em;display:inline-block}.focus-card[data-astro-cid-neoywipn]{background:var(--bg-surface);border:1px solid var(--border-subtle);padding:var(--space-6);border-radius:var(--radius-xl);position:relative;overflow:hidden}.focus-card[data-astro-cid-neoywipn]:before{content:"";background:linear-gradient(90deg, transparent, var(--card-accent,transparent), transparent);opacity:.5;height:1px;position:absolute;top:0;left:0;right:0}.focus-header[data-astro-cid-neoywipn]{align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.focus-icon-box[data-astro-cid-neoywipn]{border-radius:var(--radius-md);justify-content:center;align-items:center;width:40px;height:40px;display:flex}.focus-title[data-astro-cid-neoywipn]{margin:0;font-size:1.125rem;font-weight:700}.focus-desc[data-astro-cid-neoywipn]{color:var(--text-secondary);margin:0;font-size:.9375rem;line-height:1.6}.timeline-list[data-astro-cid-neoywipn]{gap:var(--space-8);flex-direction:column;display:flex;position:relative}.timeline-item[data-astro-cid-neoywipn]{gap:var(--space-6);display:flex}.timeline-dot-wrapper[data-astro-cid-neoywipn]{flex-direction:column;flex-shrink:0;align-items:center;width:24px;display:flex}.timeline-dot[data-astro-cid-neoywipn]{background:var(--bg-surface);border:2px solid var(--accent-primary);width:14px;height:14px;box-shadow:0 0 10px var(--accent-glow);z-index:2;border-radius:50%;margin-top:6px}.timeline-line[data-astro-cid-neoywipn]{background:linear-gradient(to bottom, var(--accent-primary), transparent);opacity:.5;flex:1;width:2px;margin-top:4px;margin-bottom:-32px}.timeline-item[data-astro-cid-neoywipn]:last-child .timeline-line[data-astro-cid-neoywipn]{display:none}.timeline-content-col[data-astro-cid-neoywipn]{padding-bottom:var(--space-4);flex:1}.timeline-period-col[data-astro-cid-neoywipn]{text-align:right;flex:0 0 120px;padding-top:4px;display:none}.timeline-period[data-astro-cid-neoywipn]{color:var(--text-secondary);margin:0;font-size:.875rem;font-weight:500}.timeline-period-mobile[data-astro-cid-neoywipn]{color:var(--text-secondary);margin:0 0 var(--space-4) 0;font-size:.875rem;font-weight:500;display:block}@media (width>=768px){.timeline-period-col[data-astro-cid-neoywipn]{display:block}.timeline-period-mobile[data-astro-cid-neoywipn]{display:none}}.timeline-role[data-astro-cid-neoywipn]{margin:0;font-size:1.25rem;font-weight:800}.timeline-company[data-astro-cid-neoywipn]{color:var(--accent-primary);margin-top:var(--space-1);font-size:1rem;font-weight:500}.timeline-bullets[data-astro-cid-neoywipn]{margin:var(--space-4) 0 0 0;color:var(--text-secondary);gap:var(--space-2);flex-direction:column;font-size:.9375rem;line-height:1.6;display:flex}.timeline-techs[data-astro-cid-neoywipn]{gap:var(--space-2);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.timeline-tech-tag[data-astro-cid-neoywipn]{background:var(--bg-inset);border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-primary);padding:4px 12px;font-size:.75rem;font-weight:500}.skills-grid[data-astro-cid-neoywipn]{gap:var(--space-8);grid-template-columns:1fr;display:grid}@media (width>=768px){.skills-grid[data-astro-cid-neoywipn]{grid-template-columns:repeat(2,1fr)}}.skill-group-card[data-astro-cid-neoywipn]{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-6);position:relative;overflow:hidden}.skill-group-card[data-astro-cid-neoywipn]:before{content:"";background:linear-gradient(90deg, transparent, var(--card-accent,transparent), transparent);opacity:.5;height:1px;position:absolute;top:0;left:0;right:0}.skill-category-header[data-astro-cid-neoywipn]{align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);display:flex}.skill-category-icon[data-astro-cid-neoywipn]{border-radius:var(--radius-md);justify-content:center;align-items:center;width:40px;height:40px;display:flex}.skill-category[data-astro-cid-neoywipn]{color:var(--text-primary);margin:0;font-size:1.125rem;font-weight:700}.skill-list[data-astro-cid-neoywipn]{gap:var(--space-3);flex-wrap:wrap;display:flex}.skill-text-item[data-astro-cid-neoywipn]{color:var(--text-secondary);font-size:.9375rem;font-weight:500}.projects-section[data-astro-cid-neoywipn]{gap:var(--space-4);flex-direction:column;display:flex}.section-title[data-astro-cid-neoywipn]{letter-spacing:-.02em;color:var(--text-primary);margin:0;font-size:2rem;font-weight:800}.section-subtitle[data-astro-cid-neoywipn]{color:var(--text-secondary);margin-top:0;margin-bottom:var(--space-2);font-size:1.125rem}.filter-pills[data-astro-cid-neoywipn]{gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.filter-pill[data-astro-cid-neoywipn]{border:1px solid var(--border-subtle);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;font-size:.875rem;font-weight:500}.filter-pill[data-astro-cid-neoywipn]:hover{border-color:var(--border-strong);color:var(--text-primary)}.filter-pill[data-astro-cid-neoywipn].active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;box-shadow:0 0 10px var(--accent-glow)}.projects-grid[data-astro-cid-neoywipn]{gap:var(--space-6);grid-template-columns:1fr;display:grid}@media (width>=640px){.projects-grid[data-astro-cid-neoywipn]{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.projects-grid[data-astro-cid-neoywipn]{grid-template-columns:repeat(3,1fr)}}.project-card[data-astro-cid-neoywipn]{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-6);gap:var(--space-4);transition:all var(--transition-base);--card-accent:var(--text-tertiary);flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.project-card[data-astro-cid-neoywipn]:before{content:"";background:linear-gradient(90deg, transparent, var(--card-accent,transparent), transparent);opacity:.5;height:1px;transition:opacity var(--transition-base), background var(--transition-base);position:absolute;top:0;left:0;right:0}.project-card[data-astro-cid-neoywipn]:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);--card-accent:var(--accent-primary);transform:translateY(-2px)}.project-card[data-astro-cid-neoywipn]:hover:before{opacity:1}.card-header[data-astro-cid-neoywipn]{justify-content:space-between;align-items:flex-start;display:flex}.project-icon-wrapper[data-astro-cid-neoywipn]{border-radius:var(--radius-md);background:var(--bg-inset);justify-content:center;align-items:center;width:48px;height:48px;display:flex;overflow:hidden}.project-icon[data-astro-cid-neoywipn]{object-fit:cover;width:100%;height:100%}.project-tags[data-astro-cid-neoywipn]{gap:var(--space-2);display:flex}.project-tag[data-astro-cid-neoywipn]{background:var(--bg-inset);border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-secondary);padding:2px 10px;font-size:.75rem;font-weight:500}.project-title[data-astro-cid-neoywipn]{color:var(--text-primary);margin:0;font-size:1.25rem;font-weight:800}.project-description[data-astro-cid-neoywipn]{color:var(--text-secondary);flex-grow:1;margin:0;font-size:.9375rem;line-height:1.6}.card-footer[data-astro-cid-neoywipn]{padding-top:var(--space-4);border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;margin-top:auto;display:flex}.demo-link[data-astro-cid-neoywipn]{align-items:center;gap:var(--space-2);color:var(--accent-primary);transition:opacity var(--transition-fast);font-size:.875rem;font-weight:600;text-decoration:none;display:flex}.demo-link[data-astro-cid-neoywipn]:hover{opacity:.8}.github-link[data-astro-cid-neoywipn]{color:var(--text-tertiary);transition:color var(--transition-fast)}.github-link[data-astro-cid-neoywipn]:hover{color:var(--text-primary)}.contact-page[data-astro-cid-neoywipn]{gap:var(--space-6);flex-direction:column;display:flex}.page-header[data-astro-cid-neoywipn]{margin-bottom:var(--space-8)}.page-title[data-astro-cid-neoywipn]{letter-spacing:-.02em;margin:0;font-size:2.5rem;font-weight:800}.page-subtitle[data-astro-cid-neoywipn]{color:var(--text-secondary);margin-top:var(--space-2);font-size:1.125rem}.section-heading[data-astro-cid-neoywipn]{margin-bottom:var(--space-4);color:var(--text-primary);font-size:1.25rem;font-weight:700}.email-card[data-astro-cid-neoywipn]{background:var(--bg-surface);border:1px solid var(--border-subtle);padding:var(--space-4) var(--space-6);border-radius:var(--radius-xl);transition:all var(--transition-base);--card-accent:var(--text-tertiary);justify-content:space-between;align-items:center;max-width:480px;display:flex;position:relative;overflow:hidden}.email-card[data-astro-cid-neoywipn]:before{content:"";background:linear-gradient(90deg, transparent, var(--card-accent,transparent), transparent);opacity:.5;height:1px;transition:opacity var(--transition-base), background var(--transition-base);position:absolute;top:0;left:0;right:0}.email-card[data-astro-cid-neoywipn]:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);--card-accent:var(--accent-primary);transform:translateY(-2px)}.email-card[data-astro-cid-neoywipn]:hover:before{opacity:1}.email-info[data-astro-cid-neoywipn]{align-items:center;gap:var(--space-4);display:flex}.email-icon-wrapper[data-astro-cid-neoywipn]{background:var(--accent-primary-bg);width:48px;height:48px;color:var(--accent-primary);border-radius:50%;justify-content:center;align-items:center;display:flex}.email-icon[data-astro-cid-neoywipn]{color:inherit}.email-label[data-astro-cid-neoywipn]{color:var(--text-secondary);margin:0 0 2px;font-size:.875rem}.email-address[data-astro-cid-neoywipn]{color:var(--text-primary);margin:0;font-size:1.125rem;font-weight:600}.copy-btn[data-astro-cid-neoywipn]{align-items:center;gap:var(--space-2);background:var(--bg-inset);border:1px solid var(--border-subtle);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);font-size:.875rem;font-weight:500;display:flex}.copy-btn[data-astro-cid-neoywipn]:hover{background:var(--bg-surface);border-color:var(--text-secondary)}.socials-grid[data-astro-cid-neoywipn]{gap:var(--space-6);grid-template-columns:1fr;display:grid}@media (width>=640px){.socials-grid[data-astro-cid-neoywipn]{grid-template-columns:repeat(2,1fr)}}.social-card{background:var(--bg-surface);border:1px solid var(--border-subtle);padding:var(--space-4) var(--space-6);border-radius:var(--radius-xl);color:inherit;transition:all var(--transition-base);--card-accent:var(--text-tertiary);justify-content:space-between;align-items:center;text-decoration:none;display:flex;position:relative;overflow:hidden}.social-card:before{content:"";background:linear-gradient(90deg, transparent, var(--card-accent,transparent), transparent);opacity:.5;height:1px;transition:opacity var(--transition-base), background var(--transition-base);position:absolute;top:0;left:0;right:0}.social-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);--card-accent:var(--accent-primary);transform:translateY(-2px)}.social-card:hover:before{opacity:1}.social-card-content{align-items:center;gap:var(--space-4);min-width:0;display:flex}.social-text{flex-direction:column;min-width:0;display:flex}.social-icon-wrapper{border-radius:var(--radius-md);background:var(--bg-inset);width:48px;height:48px;color:var(--text-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.social-platform-name{white-space:nowrap;text-overflow:ellipsis;margin:0 0 2px;font-size:1.125rem;font-weight:700;overflow:hidden}.social-handle{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.external-icon{flex-shrink:0}.social-desc[data-astro-cid-neoywipn]{color:var(--text-secondary);margin:0;font-size:.875rem}.external-icon[data-astro-cid-neoywipn]{color:var(--text-tertiary);transition:color var(--transition-fast)}.social-card[data-astro-cid-neoywipn]:hover .external-icon[data-astro-cid-neoywipn]{color:var(--text-primary)}.site-footer[data-astro-cid-neoywipn]{margin-top:var(--space-16);border-top:1px solid var(--border-subtle);padding:var(--space-8) 0;text-align:center;color:var(--text-secondary);font-size:.875rem}.scroll-top-btn[data-astro-cid-neoywipn]{bottom:var(--space-8);right:var(--space-8);background:var(--bg-surface);border:1px solid var(--border-subtle);width:44px;height:44px;color:var(--text-primary);cursor:pointer;box-shadow:var(--shadow-sm);transition:all var(--transition-base);opacity:0;visibility:hidden;z-index:50;border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed}.scroll-top-btn[data-astro-cid-neoywipn].visible{opacity:1;visibility:visible}.scroll-top-btn[data-astro-cid-neoywipn]:hover{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;box-shadow:0 0 15px var(--accent-glow);transform:translateY(-2px)}