nav[data-astro-cid-5blmo7yk]{position:sticky;top:0;z-index:100;background:transparent;border-bottom:1px solid transparent;padding:1.5rem 0;transition:all .3s ease}nav[data-astro-cid-5blmo7yk].scrolled{background:#0a0a0ae6;backdrop-filter:blur(12px);border-bottom:1px solid var(--border);padding:1rem 0}nav[data-astro-cid-5blmo7yk].menu-open{background:#0a0a0af2;backdrop-filter:blur(12px);border-bottom:1px solid var(--border);padding:1rem 0}.container[data-astro-cid-5blmo7yk]{max-width:900px;margin:0 auto;display:flex;justify-content:center;align-items:center;padding:0 1.5rem;position:relative}ul[data-astro-cid-5blmo7yk].desktop-menu{display:flex;gap:2rem;list-style:none;margin:0;padding:0}.desktop-menu[data-astro-cid-5blmo7yk] a[data-astro-cid-5blmo7yk],.mobile-link[data-astro-cid-5blmo7yk]{position:relative;color:var(--text-main);text-decoration:none;font-size:.95rem;font-weight:500;opacity:.8;transition:all .2s ease;display:inline-block}.desktop-menu[data-astro-cid-5blmo7yk] a[data-astro-cid-5blmo7yk]:hover,.mobile-link[data-astro-cid-5blmo7yk]:hover{opacity:1;color:#fff;text-shadow:0 0 10px rgba(255,255,255,.3)}.desktop-menu[data-astro-cid-5blmo7yk] a[data-astro-cid-5blmo7yk]:after,.mobile-link[data-astro-cid-5blmo7yk]:after{content:"";position:absolute;width:0;height:2px;bottom:-4px;left:50%;transform:translate(-50%);background-color:var(--accent);box-shadow:0 0 8px var(--accent);transition:width .3s ease-in-out}.desktop-menu[data-astro-cid-5blmo7yk] a[data-astro-cid-5blmo7yk]:hover:after,.mobile-link[data-astro-cid-5blmo7yk]:hover:after{width:100%}.hamburger[data-astro-cid-5blmo7yk]{display:none;flex-direction:column;justify-content:center;gap:6px;background:none;border:none;cursor:pointer;padding:0;z-index:101;width:30px;height:30px}.line[data-astro-cid-5blmo7yk]{width:24px;height:2px;background-color:var(--text-main);border-radius:4px;transition:all .3s ease;align-self:flex-end}.hamburger[data-astro-cid-5blmo7yk]:hover .line[data-astro-cid-5blmo7yk]{background-color:var(--accent);box-shadow:0 0 8px var(--accent-glow)}.mobile-menu[data-astro-cid-5blmo7yk]{position:absolute;top:100%;left:0;width:100%;height:auto;background:#0a0a0af2;backdrop-filter:blur(12px);border-bottom:1px solid var(--border);display:flex;flex-direction:column;align-items:center;padding:2rem 0;gap:1.5rem;transform:translateY(-20px);opacity:0;pointer-events:none;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 30px -10px #00000080}nav[data-astro-cid-5blmo7yk].menu-open .mobile-menu[data-astro-cid-5blmo7yk]{transform:translateY(0);opacity:1;pointer-events:auto}.mobile-link[data-astro-cid-5blmo7yk]{font-size:1.1rem}nav[data-astro-cid-5blmo7yk].menu-open .line[data-astro-cid-5blmo7yk]:nth-child(1){transform:translateY(8px) rotate(45deg);background-color:var(--accent)}nav[data-astro-cid-5blmo7yk].menu-open .line[data-astro-cid-5blmo7yk]:nth-child(2){transform:translateY(0) rotate(-45deg);background-color:var(--accent)}@media(max-width:768px){ul[data-astro-cid-5blmo7yk].desktop-menu{display:none}.hamburger[data-astro-cid-5blmo7yk]{display:flex}.container[data-astro-cid-5blmo7yk]{justify-content:flex-end}}.card[data-astro-cid-mspuyifq]{background:var(--card-bg);border:1px solid var(--border);border-radius:24px;overflow:hidden;transition:transform .2s;position:relative}.card[data-astro-cid-mspuyifq]:after{content:"";position:absolute;inset:0;border-radius:24px;border:2px solid transparent;pointer-events:none;z-index:100;transition:border-color .2s}.card[data-astro-cid-mspuyifq]:hover:after{border-color:var(--accent)}.media-window[data-astro-cid-mspuyifq]{width:100%;aspect-ratio:16 / 9;background:#000;position:relative;overflow:hidden}.live-demo-btn[data-astro-cid-mspuyifq]{position:absolute;top:10px;right:10px;width:40px;height:40px;background:#0009;backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:var(--text-main);text-decoration:none;z-index:60;transition:all .2s ease;cursor:pointer}.live-demo-btn[data-astro-cid-mspuyifq]:hover{background:var(--accent);color:#000;transform:scale(1.1);box-shadow:0 0 15px var(--accent-glow);border-color:var(--accent)}.carousel-wrapper[data-astro-cid-mspuyifq]{position:relative;width:100%;height:100%}.carousel[data-astro-cid-mspuyifq]{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;height:100%}.carousel[data-astro-cid-mspuyifq]::-webkit-scrollbar{display:none}.slide[data-astro-cid-mspuyifq]{flex:0 0 100%;width:100%;height:100%;scroll-snap-align:start;position:relative;display:flex;align-items:center;justify-content:center;background:#000;overflow:hidden}.media-fit[data-astro-cid-mspuyifq]{width:100%;height:100%;object-fit:cover;border:none;display:block}.video-container[data-astro-cid-mspuyifq]{width:100%;height:100%}.nav-btn[data-astro-cid-mspuyifq]{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;background:#0009;border:1px solid rgba(255,255,255,.2);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .2s,background .2s;z-index:50}.carousel-wrapper[data-astro-cid-mspuyifq]:hover .nav-btn[data-astro-cid-mspuyifq]{opacity:1}.prev[data-astro-cid-mspuyifq]{left:10px}.next[data-astro-cid-mspuyifq]{right:10px}.nav-btn[data-astro-cid-mspuyifq]:hover{background:#000000e6;border-color:#fff}.fallback[data-astro-cid-mspuyifq]{display:flex;align-items:center;justify-content:center;background:#1a1a1a;color:#666;height:100%}.content[data-astro-cid-mspuyifq]{padding:1.5rem}h3[data-astro-cid-mspuyifq]{margin:0 0 .5rem;color:var(--text-main)}p[data-astro-cid-mspuyifq]{font-size:.9rem;color:var(--text-muted);margin-bottom:1rem}.card-bullets[data-astro-cid-mspuyifq]{list-style:none;padding:0;margin:0 0 1rem}.card-bullets[data-astro-cid-mspuyifq] li[data-astro-cid-mspuyifq]{position:relative;padding-left:1rem;margin-bottom:.3rem;font-size:.9rem;color:var(--text-muted)}.card-bullets[data-astro-cid-mspuyifq] li[data-astro-cid-mspuyifq]:before{content:"/";position:absolute;left:0;color:var(--accent)}.link[data-astro-cid-mspuyifq]{color:var(--accent);text-decoration:none;font-weight:700;font-size:.85rem}:root{--bg-color: #0a0a0a;--card-bg: #121212;--text-main: #fcfcfc;--text-muted: #a1a1aa;--accent: #38bdf8;--accent-secondary: #818cf8;--accent-glow: rgba(56, 189, 248, .3);--border: #27272a;--radius-lg: 24px}html{scroll-behavior:smooth}body{visibility:visible!important;opacity:1!important;transition:opacity .4s ease-in;background-color:transparent;color:var(--text-main);font-family:system-ui,-apple-system,sans-serif;margin:0;line-height:1.6;overflow-x:hidden;position:relative}.gradient-text{background:linear-gradient(to right,var(--accent),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200% auto;animation:shine 5s linear infinite}@keyframes shine{to{background-position:200% center}}section{opacity:0;transform:translateY(30px);transition:all .8s ease-out;padding-top:2rem}section.visible{opacity:1;transform:translateY(0)}.background-glow{position:fixed;top:0;left:0;width:100vw;height:100vh;background:radial-gradient(circle at 50% -20%,var(--accent-glow),transparent 60%);pointer-events:none;z-index:-1}main{max-width:900px;margin:0 auto;padding:0 1.5rem 4rem}section{padding-top:2rem}.section-title{font-size:1.8rem;margin-bottom:2.5rem;color:var(--text-main)}.section-description{color:var(--text-main);font-size:1.05rem;margin-top:-1.5rem;margin-bottom:2.5rem;max-width:600px;line-height:1.6}.hero-section{display:flex;flex-direction:column-reverse;align-items:center;gap:3rem;padding-bottom:0;position:relative;z-index:10}.hero-section .content{width:100%}.hero-section p{text-align:left;max-width:100%}.reach-out-link{color:var(--accent);text-decoration:none;font-weight:600;display:inline-flex;align-items:center;gap:.25rem;transition:color .2s}.reach-out-link:hover{color:var(--accent-secondary)}.reach-out-link .arrow{display:inline-block;transition:transform .2s}.reach-out-link:hover .arrow{transform:translate(4px)}@media(min-width:768px){.hero-section{flex-direction:row;justify-content:space-between;text-align:left;padding-bottom:0}.content{max-width:55%}.profile-frame{width:280px!important;height:280px!important}}.profile-frame{position:relative;width:200px;height:200px;border-radius:50%;border:2px solid var(--border);box-shadow:0 0 50px -10px var(--accent-glow);overflow:hidden;flex-shrink:0}.profile-frame img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .5s ease-in-out;pointer-events:none}.profile-frame img.active{opacity:1}.profile-btn{position:absolute;top:50%;transform:translateY(-50%);background:#0009;border:1px solid rgba(255,255,255,.3);color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:all .2s;z-index:10}.profile-frame:hover .profile-btn{opacity:1}.profile-btn:hover{background:var(--accent);border-color:var(--accent)}.prev{left:10px}.next{right:10px}h1{font-size:3rem;line-height:1.1;margin-bottom:1rem;letter-spacing:-1px}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.skill-category h3{font-size:1.1rem;margin-top:-1.1rem;margin-bottom:1rem;color:var(--accent)}.skill-tags{display:flex;flex-wrap:wrap;gap:.75rem}.skill-tag{background:var(--card-bg);border:1px solid var(--border);padding:.4rem .8rem;border-radius:100px;font-size:.85rem;color:var(--text-muted);transition:all .2s}.skill-tag:hover{border-color:var(--accent);color:var(--text-main);transform:translateY(-2px)}.contact-container{text-align:center;background:var(--card-bg);border:1px solid var(--border);padding:1.5rem 2rem;border-radius:var(--radius-lg)}.contact-container p{color:var(--text-muted);margin-top:0;margin-bottom:1rem;max-width:500px;margin-left:auto;margin-right:auto}.contact-details{display:flex;justify-content:center;align-items:center;gap:1rem;flex-wrap:wrap;margin-top:1rem}.contact-detail-item{display:inline-flex;align-items:center;gap:.5rem;background:var(--bg-color);border:1px solid var(--border);padding:.6rem 1.2rem;border-radius:12px;color:var(--text-main);text-decoration:none;font-size:.95rem;font-weight:500;transition:all .2s}.contact-detail-item:hover{border-color:var(--accent);background:#38bdf80d;transform:translateY(-2px)}.contact-detail-item svg{color:var(--accent);flex-shrink:0}.contact-detail-value{color:inherit;text-decoration:none}.copy-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:.2rem;margin-left:.25rem;border-radius:4px;display:flex;align-items:center;justify-content:center;position:relative;transition:all .2s}.copy-btn:hover{color:var(--accent);background:#ffffff0d}.copy-btn .tooltip{position:absolute;bottom:125%;left:50%;transform:translate(-50%) translateY(4px);background:var(--border);color:var(--text-main);font-size:.7rem;padding:.2rem .4rem;border-radius:4px;white-space:nowrap;opacity:0;pointer-events:none;transition:all .2s}.copy-btn:hover .tooltip{opacity:1;transform:translate(-50%) translateY(0)}#experience{position:relative;z-index:1}.job{border-left:2px solid var(--border);padding-left:1.5rem;margin-bottom:3rem;position:relative;scroll-margin-top:35vh}.job:last-of-type{margin-bottom:0}.job:before{content:"";position:absolute;left:-6px;top:0;width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent)}.job-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1rem}.meta-wrapper{display:flex;align-items:center;gap:.75rem}.location{font-size:.8rem;color:var(--text-muted);font-family:monospace;opacity:.8;display:flex;align-items:center;gap:.75rem}.location:before{content:"|";color:var(--text-muted);opacity:.5}.job h3{margin:0;font-size:1.2rem}.period{font-size:.9rem;color:var(--text-muted);font-family:monospace}.company{color:var(--accent);margin:0;font-weight:500}.job-bullets{list-style:none;padding:0;margin:.8rem 0 0}.job-bullets li{position:relative;padding-left:1.2rem;margin-bottom:.5rem;color:var(--text-muted);font-size:.9rem;line-height:1.5}.job-bullets li a{color:var(--accent);text-decoration:none;transition:color .2s ease}.job-bullets li a:hover{text-decoration:underline}.job-bullets li:before{content:"";position:absolute;left:0;top:9px;width:6px;height:6px;background-color:var(--accent);border-radius:1px}.company-header-wrapper{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.company-logos{display:flex;gap:.5rem;align-items:center}.company-logo-wrapper{width:32px;height:32px;border:1px solid var(--border);border-radius:6px;overflow:hidden;display:block}.company-logo{width:100%;height:100%;object-fit:cover;display:block}.company-title{color:var(--accent);font-size:1.3rem;margin:0}.sub-role{margin-bottom:1rem;margin-top:1rem;position:relative}.sub-role h4{margin:0;font-size:1.1rem;color:var(--text-main)}.sub-role .period{font-size:.85rem}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}footer{border-top:1px solid var(--border);margin-top:4rem;padding:2rem 0;text-align:center;color:var(--text-muted);font-size:.9rem}@media(max-width:600px){h1{font-size:2.2rem}section{padding-top:3rem}.job-header{flex-direction:column}.period{margin-top:.2rem}.meta-wrapper{align-items:center;margin-top:.2rem}}.starfield{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none;overflow:hidden}.star{position:absolute;background:#fff;border-radius:50%;opacity:0;animation:twinkle var(--duration) ease-in-out infinite;animation-delay:var(--delay);box-shadow:0 0 6px var(--accent)}@media(max-width:900px){.experience-margin-star{display:none!important}}.timeline-toggle-container{display:flex;justify-content:flex-start;margin:1.5rem 0 0}.toggle-timeline-btn{background:var(--card-bg);border:1px solid var(--border);color:var(--text-main);padding:.6rem 1.2rem;border-radius:10px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #0000004d}.toggle-timeline-btn:hover{border-color:var(--accent);box-shadow:0 0 12px var(--accent-glow);transform:translateY(-2px)}.timeline-scroll-hint{display:none;font-size:.7rem;color:var(--text-muted);text-align:center;font-family:monospace;letter-spacing:.05em;margin-bottom:.5rem;opacity:.8}@media(max-width:767px){.timeline-scroll-hint{display:block}}.journey-timeline-wrapper{max-height:500px;opacity:1;margin-top:2rem;margin-bottom:0;position:relative;z-index:20;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .4s ease,margin .4s ease}.journey-timeline-wrapper.hidden{max-height:0;opacity:0;margin-top:0;margin-bottom:0;pointer-events:none;overflow:hidden}.history-timeline-container{width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;padding:10px 0}.history-timeline-container::-webkit-scrollbar{display:none}@media(max-width:767px){.history-timeline-container{scrollbar-width:auto;-ms-overflow-style:auto;padding:10px 0 1.5rem}.history-timeline-container::-webkit-scrollbar{display:block;height:6px}.history-timeline-container::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.history-timeline-container::-webkit-scrollbar-thumb{background:var(--accent);border-radius:10px}.history-timeline-container::-webkit-scrollbar-thumb:hover{background:var(--accent-secondary)}}.history-timeline{position:relative;width:100%;height:220px;display:flex;align-items:center}@media(max-width:767px){.history-timeline{min-width:950px}}.history-horizontal-line{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:2px;border-top:2px dashed var(--border);z-index:0}.history-nodes{display:flex;justify-content:space-between;width:100%;position:relative;z-index:1;padding:0 60px}@media(max-width:767px){.history-nodes{padding:0 15px}}.history-node{position:relative;display:flex;flex-direction:column;align-items:center;width:70px;height:220px;flex-shrink:1;pointer-events:none}.history-card,.history-card-link,.history-dot,.history-timeline-date,.history-connector{pointer-events:auto}.node-half{height:50%;width:100%;display:flex;flex-direction:column;align-items:center}.node-half-top{justify-content:flex-end;padding-bottom:10px}.node-half-bottom{justify-content:flex-start;padding-top:10px}.history-timeline-date{font-size:.65rem;font-family:monospace;color:var(--text-muted);white-space:nowrap;transition:color .3s}.history-node:hover .history-timeline-date{color:var(--accent)}.history-dot{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:12px;height:12px;border-radius:50%;background:var(--bg-color);border:2px solid var(--border);display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10}.history-node:hover .history-dot{border-color:var(--accent);box-shadow:0 0 10px var(--accent-glow)}.history-dot-inner{width:4px;height:4px;border-radius:50%;background:var(--border);transition:all .3s ease}.history-node:hover .history-dot-inner{background:var(--accent)}.history-connector{width:2px;height:40px;border-left:2px dotted var(--border);transition:all .3s ease}.history-node:hover .history-connector{border-left-color:var(--accent)}.history-content-wrapper{display:flex;flex-direction:column;align-items:center}.history-card{background:var(--card-bg);border:1px solid var(--border);padding:.35rem .45rem;border-radius:8px;display:flex;flex-direction:column;align-items:center;gap:.2rem;box-shadow:0 4px 12px #0006;transition:all .3s cubic-bezier(.4,0,.2,1);width:max-content;position:relative}.history-card:after{content:"";position:absolute;inset:-15px;z-index:-1}.history-node:hover .history-card{border-color:var(--accent);transform:translateY(var(--translate-y-hover));box-shadow:0 8px 20px #38bdf826}.node-half-top .history-card{--translate-y-hover: -4px}.node-half-bottom .history-card{--translate-y-hover: 4px}.history-card-link{text-decoration:none;color:inherit;display:block}.history-logo-wrapper{display:flex;gap:.2rem;justify-content:center;flex-shrink:0}.history-logo{width:18px;height:18px;border-radius:4px;object-fit:cover;border:1px solid var(--border)}.history-text{display:flex;flex-direction:column;gap:.05rem;width:100%;text-align:center;overflow:hidden}.history-company{font-size:.55rem;font-weight:600;color:var(--text-main);line-height:1.15;white-space:nowrap}.history-role{font-size:.48rem;color:var(--accent);line-height:1.15;white-space:nowrap}@keyframes twinkle{0%{transform:translateY(0) scale(1);opacity:0}50%{opacity:var(--opacity)}to{transform:translateY(-20px) scale(0);opacity:0}}