:root{--bg:#1a1a2e;--surface:#25253d;--text:#e8e6f0;--muted:#8a87a3;--accent:#7b61ff;--accent-2:#00e5ff;--gradient:linear-gradient(135deg, #7b61ff, #00e5ff);--btn-primary:#6b4fe6;--btn-primary-hover:#7b61ff;--font-display:"General Sans", -apple-system, sans-serif;--font-body:"DM Sans", -apple-system, sans-serif;--font-mono:"IBM Plex Mono", monospace;--radius-sm:4px;--radius-md:8px;--radius-lg:12px}[data-theme=light]{--bg:#f2f0f7;--surface:#fff;--text:#1a1a2e;--muted:#6b6880;--accent:#6b4fe6;--accent-2:#00b8d4;--gradient:linear-gradient(135deg, #6b4fe6, #00b8d4)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:14px}body{font-family:var(--font-body);background:var(--bg);color:var(--text);line-height:1.7;transition:background .3s,color .3s}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-2)}.container{max-width:720px;margin:0 auto;padding:0 24px}section{padding:48px 0}section+section{border-top:1px solid #8a87a326}h1,h2,h3{font-family:var(--font-display)}h2{letter-spacing:-.5px;margin-bottom:24px;font-size:1.75rem;font-weight:600}.hero{padding:80px 0 48px}.hero-header{align-items:flex-start;gap:24px;margin-bottom:8px;display:flex}.hero-header-text{flex:1}.hero-avatar{object-fit:cover;opacity:0;border:2px solid #8a87a333;border-radius:50%;flex-shrink:0;width:120px;height:120px;transition:border-color .15s ease-out,box-shadow .15s ease-out;animation:.4s ease-out .1s forwards heroScaleIn}.hero-avatar:hover{border-color:var(--accent);box-shadow:0 0 20px #7b61ff4d}.hero-name{letter-spacing:-1px;margin-bottom:8px;font-size:2.8rem;font-weight:600;line-height:1.1;position:relative}.hero-name:after{content:"";filter:blur(30px);z-index:-1;pointer-events:none;background:radial-gradient(#7b61ff26 0%,#00e5ff14 40%,#0000 70%);width:120%;height:180%;animation:4s ease-in-out infinite heroGlowPulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-title{color:var(--muted);opacity:0;margin-bottom:4px;font-size:1.1rem;animation:.4s ease-out .2s forwards heroSlideUp}.hero-location{font-family:var(--font-mono);color:var(--muted);letter-spacing:.05em;text-transform:uppercase;opacity:0;margin-bottom:16px;font-size:.78rem;animation:.4s ease-out .4s forwards heroTypeIn}.hero-summary{color:var(--muted);opacity:0;max-width:600px;margin-bottom:24px;font-size:.95rem;line-height:1.7;animation:.4s ease-out .5s forwards heroFadeIn}.hero-actions{opacity:0;flex-wrap:wrap;gap:12px;animation:.4s ease-out .6s forwards heroScaleIn;display:flex}@keyframes heroFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes heroSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes heroTypeIn{0%{opacity:0;clip-path:inset(0 100% 0 0)}to{opacity:1;clip-path:inset(0)}}@keyframes heroScaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes heroGlowPulse{0%,to{opacity:.5}50%{opacity:.9}}.hero-entrance{z-index:1;pointer-events:none;width:100%;height:560px;position:absolute;top:0;left:0}.hero{z-index:2;position:relative}.hero:before{content:"";-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:var(--radius-lg);z-index:-1;pointer-events:none;opacity:0;background:#1a1a2e00;transition:opacity .7s ease-out;position:absolute;inset:16px -28px 8px}html[data-ambient] .hero:before{opacity:1}.hero-word{white-space:pre;display:inline-block}.hero-letter-mask{vertical-align:bottom;margin-bottom:-.2em;padding-bottom:.2em;display:inline-block;overflow:hidden}.hero-letter{display:inline-block}.hero-glint{opacity:0;pointer-events:none;mix-blend-mode:screen;filter:blur(7px);background:linear-gradient(100deg,#0000,#7b61ff80,#00e5ffb8,#0000);width:120px;position:absolute;top:0;bottom:0}.hero-glint.from-right{background:linear-gradient(260deg,#0000,#7b61ff80,#00e5ffb8,#0000)}html[data-theme=light] .hero-glint{mix-blend-mode:multiply;background:linear-gradient(100deg,#0000,#6b4fe652,#00b8d466,#0000)}html[data-theme=light] .hero-glint.from-right{background:linear-gradient(260deg,#0000,#6b4fe652,#00b8d466,#0000)}html[data-intro] .hero-letter{animation:.42s ease-out both heroLetterRise;animation-delay:calc(var(--i) * 34ms)}html[data-intro] .hero-glint{animation:1.2s ease-in-out 1s both heroGlintLeft}html[data-intro] .hero-glint.from-right{animation:1.2s ease-in-out 1s both heroGlintRight}@keyframes heroLetterRise{0%{opacity:0;transform:translateY(112%)}to{opacity:1;transform:translateY(0)}}@keyframes heroGlintLeft{0%{opacity:0;left:-120px}50%{opacity:.45}to{opacity:0;left:150px}}@keyframes heroGlintRight{0%{opacity:0;right:-120px}50%{opacity:.45}to{opacity:0;right:150px}}.exp-role{margin-bottom:4px;font-size:1.1rem;font-weight:700}.exp-company{color:var(--muted);margin-bottom:8px;font-size:.92rem}.exp-company-row{align-items:center;gap:8px;display:flex}.exp-logo{border-radius:var(--radius-sm);object-fit:contain;flex-shrink:0;width:48px;height:48px}.exp-desc{color:var(--muted);font-size:.92rem;line-height:1.6}.exp-highlights{margin:8px 0 0;padding:0;list-style:none}.exp-highlights li{color:var(--muted);padding-left:16px;font-size:.85rem;line-height:1.5;position:relative}.exp-highlights li:before{content:"·";color:var(--accent);position:absolute;left:4px}.skill-group{margin-bottom:16px}.skill-category{font-family:var(--font-mono);color:var(--muted);letter-spacing:.05em;text-transform:uppercase;margin-bottom:8px;font-size:.78rem;font-weight:500}.skill-tags{flex-wrap:wrap;gap:8px;display:flex}.project-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.project-name{margin-bottom:8px;font-size:1rem;font-weight:700}.project-name a{color:inherit}.project-name a:hover{color:var(--accent)}.project-desc{color:var(--muted);margin-bottom:12px;font-size:.88rem;line-height:1.6}.edu-item{margin-bottom:20px}.edu-degree{margin-bottom:2px;font-size:1rem;font-weight:700}.edu-school{color:var(--muted);font-size:.92rem}.edu-school-row{align-items:center;gap:8px;display:flex}.edu-logo{border-radius:var(--radius-sm);object-fit:contain;flex-shrink:0;width:48px;height:48px}.logo-light{display:none}.logo-dark,[data-theme=light] .logo-light{display:inline}[data-theme=light] .logo-dark{display:none}.edu-date{font-family:var(--font-mono);color:var(--muted);letter-spacing:.05em;font-size:.78rem}.nav{z-index:50;background:var(--bg);font-family:var(--font-mono);letter-spacing:.03em;border-bottom:1px solid #8a87a31a;padding:12px 24px;font-size:.78rem;position:sticky;top:0}.nav-scroll{justify-content:center;gap:24px;display:flex}.nav-link{color:var(--muted);text-decoration:none;transition:color .15s}.nav-link:hover{color:var(--accent)}.theme-toggle{z-index:100;background:var(--surface);cursor:pointer;width:40px;height:40px;color:var(--text);border:1px solid #8a87a333;border-radius:50%;justify-content:center;align-items:center;font-size:18px;transition:all .15s ease-out;display:flex;position:fixed;top:24px;right:24px}.theme-toggle:hover{border-color:var(--accent)}.animation-toggle{z-index:100;background:var(--surface);cursor:pointer;width:40px;height:40px;color:var(--text);border:1px solid #8a87a333;border-radius:50%;justify-content:center;align-items:center;font-size:18px;transition:all .15s ease-out;display:flex;position:fixed;top:24px;right:72px}.animation-toggle:hover{border-color:var(--accent)}.lang-toggle{z-index:100;background:var(--surface);cursor:pointer;letter-spacing:.03em;width:40px;height:40px;color:var(--text);border:1px solid #8a87a333;border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:600;transition:all .15s ease-out;display:flex;position:fixed;top:24px;right:120px}.lang-toggle:hover{border-color:var(--accent)}.pdf-float{z-index:100;background:var(--gradient);color:#fff;border-radius:var(--radius-lg);justify-content:center;align-items:center;width:52px;height:52px;font-size:20px;text-decoration:none;transition:all .15s ease-out;animation:4s ease-in-out infinite float-glow;display:flex;position:fixed;bottom:32px;right:32px;box-shadow:0 4px 20px #7b61ff66,0 0 40px #00e5ff26}@keyframes float-glow{0%,to{box-shadow:0 4px 20px #7b61ff4d,0 0 30px #00e5ff1a}50%{box-shadow:0 4px 24px #7b61ff80,0 0 50px #00e5ff40}}.pdf-float:hover{color:#fff;transform:translateY(-3px)rotate(3deg);box-shadow:0 8px 32px #7b61ff99,0 0 60px #00e5ff4d}.drive-float{z-index:100;background:var(--gradient);color:#fff;border-radius:var(--radius-lg);justify-content:center;align-items:center;width:52px;height:52px;font-size:22px;text-decoration:none;transition:all .15s ease-out;animation:4s ease-in-out infinite float-glow;display:flex;position:fixed;bottom:32px;left:32px;box-shadow:0 4px 20px #7b61ff66,0 0 40px #00e5ff26}.drive-float:hover{color:#fff;transform:translateY(-3px)rotate(-3deg);box-shadow:0 8px 32px #7b61ff99,0 0 60px #00e5ff4d}.btn-primary{background:var(--btn-primary);color:#fff;border-radius:var(--radius-md);font-family:var(--font-mono);letter-spacing:.02em;cursor:pointer;border:none;align-items:center;gap:8px;padding:10px 20px;font-size:.85rem;font-weight:500;text-decoration:none;transition:all .15s ease-out;display:inline-flex;box-shadow:0 0 16px #7b61ff40}.btn-primary:hover{background:var(--btn-primary-hover);color:#fff;transform:translateY(-2px);box-shadow:0 4px 24px #7b61ff66}.btn-secondary{color:var(--text);border-radius:var(--radius-md);font-family:var(--font-mono);cursor:pointer;background:0 0;border:1px solid #8a87a34d;align-items:center;gap:8px;padding:10px 20px;font-size:.85rem;transition:all .15s ease-out;display:inline-flex}.btn-secondary:hover{border-color:var(--accent);color:var(--accent)}.tag{font-family:var(--font-mono);letter-spacing:.03em;background:var(--surface);color:var(--text);border-radius:var(--radius-sm);border:1px solid #8a87a326;padding:6px 14px;font-size:.78rem;transition:all .15s ease-out}.tag:hover{border-color:var(--accent);color:var(--accent);box-shadow:0 0 12px #7b61ff33}.exp-card{background:var(--surface);border-radius:var(--radius-md);border-left:3px solid #0000;border-image:linear-gradient(#7b61ff,#00e5ff) 1;margin-bottom:16px;padding:20px 24px;transition:all .2s ease-out;position:relative}.exp-card:before{content:"";opacity:.5;filter:blur(4px);background:linear-gradient(#7b61ff,#00e5ff);width:3px;animation:3s ease-in-out infinite glow-pulse;position:absolute;top:0;bottom:0;left:-3px}@keyframes glow-pulse{0%,to{opacity:.3}50%{opacity:.8}}.exp-card:hover{transform:translate(4px);box-shadow:-4px 0 20px #7b61ff26}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@supports (animation-timeline:view()){section:not(.hero){animation:.4s ease-out both fadeInUp;animation-timeline:view();animation-range:entry entry 30%}.exp-card{animation:.4s ease-out both fadeInUp;animation-timeline:view();animation-range:entry entry 25%}.exp-card:nth-child(2){animation-delay:.1s}.exp-card:nth-child(3){animation-delay:.2s}.exp-card:nth-child(4){animation-delay:.3s}.exp-card:nth-child(5){animation-delay:.4s}.project-card{animation:.4s ease-out both fadeInUp;animation-timeline:view();animation-range:entry entry 25%}.project-card:nth-child(2){animation-delay:.1s}.project-card:nth-child(3){animation-delay:.2s}.skill-group{animation:.25s ease-out both fadeIn;animation-timeline:view();animation-range:entry entry 20%}.edu-item{animation:.4s ease-out both fadeInUp;animation-timeline:view();animation-range:entry entry 25%}}.exp-card .date{font-family:var(--font-mono);color:var(--muted);letter-spacing:.05em;text-transform:uppercase;margin-bottom:4px;font-size:.78rem}.project-card{background:var(--surface);border-radius:var(--radius-md);border:1px solid #8a87a31a;padding:20px;transition:all .15s ease-out}.project-card:hover{border-color:var(--accent);transform:translateY(-3px)perspective(600px)rotateX(1deg);box-shadow:0 8px 30px #7b61ff26,0 0 20px #00e5ff14}.project-gallery{gap:8px;margin-bottom:12px;display:flex;overflow:hidden}.project-thumb{object-fit:cover;border-radius:var(--radius-sm);cursor:pointer;border:1px solid #8a87a326;width:80px;height:60px;transition:all .15s ease-out}.project-thumb:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 0 12px #7b61ff33}.project-gallery-more{background:var(--surface);border-radius:var(--radius-sm);width:80px;height:60px;font-family:var(--font-mono);color:var(--muted);cursor:pointer;border:1px solid #8a87a326;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;transition:all .15s ease-out;display:flex}.project-gallery-more:hover{border-color:var(--accent);color:var(--accent)}.lightbox-overlay{z-index:200;cursor:pointer;background:#000000e6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lightbox-content{cursor:default;flex-direction:column;align-items:center;gap:12px;display:flex}.lightbox-img{object-fit:contain;border-radius:var(--radius-md);max-width:90vw;max-height:85vh}.lightbox-counter{font-family:var(--font-mono);color:#fff9;letter-spacing:.05em;font-size:.85rem}.lightbox-close{color:#ffffffb3;cursor:pointer;background:0 0;border:none;font-size:2.5rem;line-height:1;transition:color .15s ease-out;position:fixed;top:20px;right:24px}.lightbox-close:hover{color:#fff}.lightbox-prev,.lightbox-next{color:#fff9;cursor:pointer;background:0 0;border:none;padding:16px;font-size:3rem;transition:color .15s ease-out;position:fixed;top:50%;transform:translateY(-50%)}.lightbox-prev:hover,.lightbox-next:hover{color:#fff}.lightbox-prev{left:16px}.lightbox-next{right:16px}.footer{text-align:center;color:var(--muted);border-top:1px solid #8a87a31a;padding:48px 24px;font-size:.85rem}.cv-graph-container{z-index:0;pointer-events:none;opacity:.45;will-change:transform, opacity;width:100vw;height:100vh;position:fixed;top:0;left:0}.cv-graph{width:100%;height:100%}@supports (animation-timeline:scroll()){.cv-graph-container{animation:linear both graphScrollSettle;animation-timeline:scroll();animation-range:0 100vh}}@keyframes graphScrollSettle{0%{opacity:.45}to{opacity:.24}}@supports (animation-timeline:scroll()){.hero-name{will-change:transform;animation:linear both heroParallax;animation-timeline:scroll();animation-range:0 50vh}}@keyframes heroParallax{0%{transform:translateY(0)}to{transform:translateY(25px)}}@media (width<=600px){.nav{padding:8px 24px;position:sticky}.nav-scroll{scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;justify-content:flex-start;gap:8px;overflow-x:auto}.nav-scroll::-webkit-scrollbar{display:none}.nav:after{content:"";pointer-events:none;background:linear-gradient(to right, transparent, var(--bg));width:48px;position:absolute;top:0;bottom:0;right:0}.nav-link{scroll-snap-align:start;border:1px solid #0000;border-radius:9999px;flex:none;padding:8px 14px;transition:color .15s ease-out,background .15s ease-out,border-color .15s ease-out}.nav-link:hover,.nav-link:focus-visible{color:var(--text);background:#7b61ff29;border-color:#7b61ff80}.theme-toggle{top:64px;right:24px}.animation-toggle{top:64px;right:72px}.lang-toggle{top:64px;right:120px}.pdf-float,.drive-float{background:var(--surface);width:40px;height:40px;color:var(--text);box-shadow:none;border:1px solid #8a87a333;border-radius:50%;font-size:18px;animation:none;top:64px;bottom:auto;left:auto}.pdf-float{right:168px}.drive-float{right:216px}.pdf-float:hover,.drive-float:hover{box-shadow:none;color:var(--text);border-color:var(--accent);transform:none}}@media (width<=480px){.cv-graph-container{display:none}.hero-header{text-align:center;flex-direction:column;align-items:center}.hero-avatar{width:96px;height:96px}.lightbox-prev,.lightbox-next{padding:8px;font-size:2rem}}@media (width>=481px) and (width<=768px){.cv-graph-container{opacity:.2}}@media (width>=1024px){.cv-graph-container{opacity:.7;width:calc(50vw - 384px);animation:none;left:auto;right:24px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}