*,:before,:after{box-sizing:border-box}:root{--header-height:72px}body{color:#111827;--text-primary:#111827;--text-secondary:#374151;--text-muted:#6b7280;--text-faint:#9ca3af;--link:#2563eb;--surface:#fff;--surface-border:#e5e7eb;--badge-bg:#f9fafb;--badge-border:#d1d5db;--badge-text:#374151;background:#f9fafb;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;transition:background .3s,color .3s}#hero,#experience,#projects{scroll-margin-top:var(--header-height)}body.dark{color:#f1f5f9;--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--text-faint:#64748b;--link:#60a5fa;--surface:#1e293b;--surface-border:#334155;--badge-bg:#334155;--badge-border:#475569;--badge-text:#e2e8f0;background:#0f172a}.projects-grid{grid-template-columns:1fr;gap:24px;display:grid}@media (width>=640px){.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=960px){.projects-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.header-nav-link{color:var(--text-muted);font-size:14px;font-weight:500;text-decoration:none;transition:color .18s}.header-nav-link:hover{color:var(--link)}.header-nav-link--active{color:var(--link);font-weight:600}.app-header{padding:16px 24px;transition:background-color .25s,border-color .25s,-webkit-backdrop-filter .25s,backdrop-filter .25s}.header-nav{pointer-events:auto;gap:20px;display:flex}@media (width<=479px){.app-header{padding:12px 16px}.header-nav{gap:10px}.header-nav-link{font-size:12px}.theme-toggle-btn{padding:4px 10px!important;font-size:12px!important}}.app-header--scrolled{background-color:color-mix(in srgb, var(--surface) 94%, transparent);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--surface-border)}.theme-toggle-btn{padding:6px 14px;font-size:14px;transition:opacity .2s,border-color .2s,transform .15s}.theme-toggle-btn:hover{opacity:1!important}@media (prefers-reduced-motion:no-preference){.theme-toggle-btn:hover{transform:scale(1.02)}}@keyframes page-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.page-transition{animation:.22s page-fade-in}@media (prefers-reduced-motion:reduce){.page-transition{animation:none}}@keyframes reveal-circle{0%{clip-path:circle(0% at var(--vt-x,50%) var(--vt-y,50%))}to{clip-path:circle(150% at var(--vt-x,50%) var(--vt-y,50%))}}::view-transition-new(root){animation:1s ease-out reveal-circle}::view-transition-old(root){animation:none}@media (prefers-reduced-motion:reduce){::view-transition-new(root){animation:none}::view-transition-old(root){animation:none}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.hero-cursor{color:var(--link);margin-left:1px;font-weight:300;animation:.9s step-end infinite blink;display:inline-block}@media (prefers-reduced-motion:reduce){.hero-cursor{display:none}}.hero-cta-link{text-underline-offset:3px;font-size:15px;font-weight:500;text-decoration:none;transition:color .2s,opacity .2s}.hero-cta-link:hover{opacity:.92;text-decoration:underline}.projects-intro-reveal{transition:opacity .55s,transform .55s}.project-card{transition:opacity .5s,transform .5s,box-shadow .22s,border-color .22s}.project-card:hover{border-color:color-mix(in srgb, var(--link) 28%, var(--surface-border));box-shadow:0 12px 32px #0f172a1a}body.dark .project-card:hover{box-shadow:0 12px 36px #00000073}.project-card-link{text-underline-offset:2px;text-decoration:none;transition:color .18s,opacity .18s}.project-card-link:hover{opacity:.95;text-decoration:underline}.project-card-link--muted{color:var(--text-muted)}.project-card-link--muted:hover{color:var(--link)}.tech-badge{transition:border-color .18s,background-color .18s,color .18s,transform .15s}.tech-badge:hover{border-color:color-mix(in srgb, var(--link) 40%, var(--badge-border));transform:translateY(-1px)}.tech-filter-chip{cursor:pointer;border:1px solid var(--surface-border);color:var(--text-muted);background:0 0;border-radius:999px;padding:6px 12px;font-size:13px;transition:border-color .2s,background-color .2s,color .2s,transform .15s}.tech-filter-chip:hover{border-color:color-mix(in srgb, var(--link) 45%, var(--surface-border));color:var(--text-secondary)}@media (prefers-reduced-motion:no-preference){.tech-filter-chip:hover{transform:translateY(-1px)}}.tech-filter-chip--active{border-color:var(--link);background:color-mix(in srgb, var(--link) 12%, transparent);color:var(--link)}.hero-cta-link:focus-visible,.header-nav-link:focus-visible,.project-card-link:focus-visible,.tech-filter-chip:focus-visible,.theme-toggle-btn:focus-visible,.back-to-top-btn:focus-visible{outline:2px solid var(--link);outline-offset:3px;border-radius:4px}@media (prefers-reduced-motion:reduce){.hero-cta-link,.header-nav-link,.theme-toggle-btn,.projects-intro-reveal,.project-card,.project-card-link,.tech-badge,.tech-filter-chip,.app-header{transition-duration:.01ms!important}.tech-badge:hover,.tech-filter-chip:hover,.theme-toggle-btn:hover{transform:none!important}}