h3[data-v-2fd328e6]{margin:40px 0 0}ul[data-v-2fd328e6]{list-style-type:none;padding:0}li[data-v-2fd328e6]{display:inline-block;margin:0 10px}a[data-v-2fd328e6]{color:#42b983}.page-view h1{font-size:clamp(2rem,4vw,3rem);font-weight:500;color:var(--text-primary)}.page-view h2{margin:0;font-weight:400;color:var(--text-secondary);max-width:700px;line-height:1.5}.page-view .accent{background:linear-gradient(90deg,#2d86d4,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}.page-view a{display:inline-block;margin-top:1rem;padding:.6rem 1.2rem;border-radius:var(--radius-sm);background:linear-gradient(90deg,#2d86d4,#3b82f6);color:#fff;text-decoration:none;font-weight:500;transition:all .2s ease}.page-view a:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(45,134,212,.3)}@media (max-width:700px){.page-view h1{font-size:clamp(1.75rem,8vw,2.4rem)}.page-view h2{max-width:100%;font-size:1rem}.page-view a{width:100%;text-align:center}}:root{--bg:#0a0a0a;--surface:#141414;--surface-hover:#1c1c1c;--text-primary:#f5f5f5;--text-secondary:#b3b3b3;--border-subtle:hsla(0,0%,100%,.05);--shadow-soft:0 4px 14px rgba(0,0,0,.35);--radius-lg:20px;--radius-sm:8px;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--layout-gap:3rem;--layout-padding:clamp(.5rem,2vw,2rem);--sidebar-width:clamp(180px,15vw,240px);--aside-width:clamp(180px,20vw,280px)}*,:after,:before{box-sizing:border-box}#app,body,html{min-height:100%;margin:0}body{background-color:var(--bg);color:var(--text-primary);font-family:Arial,Helvetica,sans-serif}#app{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h4{margin:0;color:var(--text-primary);text-align:left;font-size:1.25rem;font-weight:600}.top-nav,mobile-nav,nav-side{background-color:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft)}.top-nav{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);margin:var(--layout-padding) var(--layout-padding) 0}.brand{margin-right:auto}.hidden{display:none}.top-nav a,mobile-nav-menu a{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--text-secondary);text-decoration:none;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);transition:background-color .2s ease,color .2s ease}.top-nav a:hover{color:var(--text-primary);background-color:var(--surface-hover)}.top-nav a img,mobile-nav-menu a img{width:18px;height:18px;-o-object-fit:contain;object-fit:contain}layout{display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr) var(--aside-width);gap:var(--layout-gap);margin:var(--space-5) var(--layout-padding) var(--layout-padding);min-height:calc(100vh - 110px)}nav-side{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-5);height:78vh}nav-side a{display:block;color:var(--text-secondary);text-decoration:none;text-align:left;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);transition:background-color .2s ease,color .2s ease}nav-side a.router-link-exact-active,nav-side a:hover{color:var(--text-primary);background-color:var(--surface-hover)}nav-side .contact{margin-top:auto;display:block;text-align:center;padding:var(--space-3);border-radius:var(--radius-sm);background:linear-gradient(90deg,#2d86d4,#3b82f6);color:#fff;text-decoration:none;font-weight:500;transition:all .2s ease}mobile-nav,mobile-nav-menu{display:none}.fixed-sidebar{position:fixed;top:var(--layout-padding);left:var(--layout-padding);width:var(--sidebar-width)}@media (max-width:1000px){layout{grid-template-columns:var(--sidebar-width) minmax(0,1fr)}}@media (max-width:700px){.page-view{width:100%;max-width:100%;min-width:0}.top-nav{flex-wrap:wrap;margin:var(--space-4) var(--space-4) 0}.top-nav,nav-side{display:none}mobile-nav{align-items:center;gap:var(--space-4)}mobile-nav,mobile-nav-menu{display:flex;padding:var(--space-4) var(--space-5);margin:var(--layout-padding) var(--layout-padding) 0}mobile-nav-menu{position:fixed;width:100%;height:100%;background-color:#000;top:0;left:0;flex-direction:column;z-index:100}mobile-nav-menu a{display:block;color:var(--text-secondary);text-decoration:none;text-align:left;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);transition:background-color .2s ease,color .2s ease}.brand{width:100%;margin-right:0}layout{grid-template-columns:1fr;margin:var(--space-5);min-height:auto}}.page-enter-active,.page-leave-active{transition:all .3s ease}.page-enter-from,.page-leave-to{opacity:0;transform:translateY(8px)}.pill{display:inline-block;padding:4px 10px;margin:3px;border-radius:999px;background:var(--surface-hover);color:var(--text-primary);font-size:.85rem}.top-nav .brand-wrap{display:flex;align-items:center;gap:.6rem}.brand-wrap img{width:32px;height:32px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.skills[data-v-a027be2c]{display:flex;flex-direction:column;gap:2rem}.skills-grid[data-v-a027be2c]{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem}.skill-card[data-v-a027be2c]{background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-soft);transition:all .2s ease}.skill-card[data-v-a027be2c]:hover{transform:translateY(-3px);background:var(--surface-hover)}.skill-card h3[data-v-a027be2c]{margin:0 0 .5rem 0;color:var(--text-primary)}.skill-card p[data-v-a027be2c]{margin:0;color:var(--text-secondary);line-height:1.5}.projects[data-v-4d987ecb]{display:flex;flex-direction:column;gap:2rem}.projects-grid[data-v-4d987ecb]{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem}@media (max-width:700px){.projects-grid[data-v-4d987ecb]{display:flex;flex-direction:column}.project-links a[data-v-4d987ecb]{margin-left:0!important}}.project-card[data-v-4d987ecb]{background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-soft);display:flex;flex-direction:column;gap:1rem;transition:all .2s ease}.project-card[data-v-4d987ecb]:hover{transform:translateY(-4px);background:var(--surface-hover)}.project-card h3[data-v-4d987ecb]{margin:0;color:var(--text-primary)}.project-card p[data-v-4d987ecb]{margin:0;color:var(--text-secondary);line-height:1.5}.project-links[data-v-4d987ecb]{margin-top:auto}.project-links a[data-v-4d987ecb]{font-size:.9rem;text-decoration:none;margin-left:10px}.project-links a[href][data-v-4d987ecb]{color:#fff}.project-links a[href][data-v-4d987ecb]:hover{text-decoration:underline}.project-links a[data-v-4d987ecb]:not([href]){color:var(--text-secondary);cursor:default;background:var(--surface-hover);padding:4px 10px;border-radius:999px}.project-card[data-v-4d987ecb]{cursor:pointer}.filter-bar[data-v-4d987ecb]{display:flex;flex-wrap:wrap;gap:.75rem}.filter-pill[data-v-4d987ecb]{padding:.5rem .9rem;border:1px solid var(--border-subtle);border-radius:999px;background:var(--surface);color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.filter-pill[data-v-4d987ecb]:hover{color:var(--text-primary);background:var(--surface-hover)}.filter-pill.active[data-v-4d987ecb]{background:linear-gradient(90deg,#2d86d4,#3b82f6);color:#fff;border-color:transparent}.experience[data-v-8ed6ae8e]{display:flex;flex-direction:column;gap:1.5rem}.experience-intro[data-v-8ed6ae8e]{margin:0;max-width:700px;color:var(--text-secondary);line-height:1.6}.timeline[data-v-8ed6ae8e]{position:relative;display:flex;flex-direction:column;gap:2rem;margin-top:1rem;padding-left:2rem}.timeline[data-v-8ed6ae8e]:before{content:"";position:absolute;top:0;left:.55rem;width:2px;height:100%;background:var(--border-subtle)}.timeline[data-v-8ed6ae8e]:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:80px;background:linear-gradient(to bottom,hsla(0,0%,4%,0) 0,var(--bg) 100%);pointer-events:none}.timeline-item[data-v-8ed6ae8e]{position:relative}.timeline-marker[data-v-8ed6ae8e]{position:absolute;left:-1.8rem;top:.35rem;width:14px;height:14px;border-radius:50%;background:linear-gradient(90deg,#2d86d4,#3b82f6);box-shadow:0 0 0 4px var(--surface)}.timeline-content[data-v-8ed6ae8e]{background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);padding:var(--space-5)}.timeline-date[data-v-8ed6ae8e]{margin:0 0 .5rem;color:var(--text-secondary);font-size:.9rem}.timeline-content h3[data-v-8ed6ae8e]{margin:0;color:var(--text-primary)}.timeline-content h4[data-v-8ed6ae8e]{margin:.35rem 0 1rem;color:var(--text-secondary);font-weight:500}.timeline-content ul[data-v-8ed6ae8e]{margin:0;padding-left:1.2rem;color:var(--text-secondary);line-height:1.6}.timeline-content li+li[data-v-8ed6ae8e]{margin-top:.5rem}@media (max-width:700px){.timeline[data-v-8ed6ae8e]{padding-left:1.5rem}.timeline-marker[data-v-8ed6ae8e]{left:-1.5rem}.timeline-content[data-v-8ed6ae8e]{padding:var(--space-4)}}.education{display:flex;flex-direction:column;gap:1.5rem}.education-extra{margin:.5rem 0 1rem;color:var(--text-secondary)}.timeline{position:relative;display:flex;flex-direction:column;gap:2rem;margin-top:1rem;padding-left:2rem}.timeline:before{content:"";position:absolute;top:0;left:.55rem;width:2px;height:100%;background:var(--border-subtle)}.timeline:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:80px;background:linear-gradient(to bottom,hsla(0,0%,4%,0) 0,var(--bg) 100%);pointer-events:none}.timeline-item{position:relative}.timeline-marker{position:absolute;left:-1.8rem;top:.35rem;width:14px;height:14px;border-radius:50%;background:linear-gradient(90deg,#2d86d4,#3b82f6);box-shadow:0 0 0 4px var(--surface)}.timeline-content{background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);padding:var(--space-5)}.timeline-date{margin:0 0 .5rem;color:var(--text-secondary);font-size:.9rem}.timeline-content h3{margin:0;color:var(--text-primary)}.timeline-content h4{margin:.35rem 0 1rem;color:var(--text-secondary);font-weight:500}.timeline-content ul{margin:0;padding-left:1.2rem;color:var(--text-secondary);line-height:1.6}.timeline-content li+li{margin-top:.5rem}@media (max-width:700px){.timeline{padding-left:1.5rem}.timeline-marker{left:-1.5rem}.timeline-content{padding:var(--space-4)}}.project-images[data-v-65c2ba24]{display:flex;flex-direction:column;gap:1rem}.image-grid[data-v-65c2ba24]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.image-grid img[data-v-65c2ba24]{width:100%;display:block;border-radius:var(--radius-lg);border:1px solid var(--border-subtle);box-shadow:var(--shadow-soft);-o-object-fit:cover;object-fit:cover}