@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;700;800&family=JetBrains+Mono:wght@400;600&display=swap";*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{overflow-x:hidden;font-family:Outfit,sans-serif}.portfolio-app{font-family:Outfit,sans-serif;transition:all .5s cubic-bezier(.4,0,.2,1);color:var(--text-primary);min-height:100vh;position:relative}.light.portfolio-app:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:-1;background:linear-gradient(45deg,#ff6b9d,#c471ed,#12c2e9,#f093fb,#4facfe,#ff6b9d);background-size:400% 400%;animation:gradientMove 8s ease infinite;opacity:.35}.dark.portfolio-app:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:-1;background:linear-gradient(45deg,#1a0033,#306,#0d1b2a,#1b263b,#415a77,#1a0033);background-size:400% 400%;animation:gradientMove 8s ease infinite;opacity:1}@keyframes gradientMove{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.mono{font-family:JetBrains Mono,monospace}.light{--bg-primary: transparent;--bg-secondary: rgba(255, 255, 255, .8);--bg-tertiary: rgba(255, 255, 255, .9);--text-primary: #1A1A2E;--text-secondary: #4A5568;--text-tertiary: #718096;--shadow: rgba(0, 0, 0, .1);--shadow-lg: rgba(0, 0, 0, .15)}.dark{--bg-primary: transparent;--bg-secondary: rgba(30, 30, 50, .9);--bg-tertiary: rgba(40, 40, 65, .85);--text-primary: #FFFFFF;--text-secondary: #E5E7EB;--text-tertiary: #D1D5DB;--shadow: rgba(0, 0, 0, .3);--shadow-lg: rgba(0, 0, 0, .5)}.gradient-text{background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% 200%;animation:gradientShift 8s ease infinite}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.float{animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.reveal{opacity:0;transform:translateY(60px) scale(.95);transition:all 1s cubic-bezier(.4,0,.2,1);will-change:transform,opacity}.reveal.active{opacity:1;transform:translateY(0) scale(1)}[style*="position: fixed"] .reveal,.glass .reveal{opacity:1!important;transform:translateY(0) scale(1)!important}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}.reveal-delay-5{transition-delay:.5s}.slide-in-left{opacity:0;transform:translate(-100px);transition:all 1s cubic-bezier(.4,0,.2,1)}.slide-in-left.active{opacity:1;transform:translate(0)}.slide-in-right{opacity:0;transform:translate(100px);transition:all 1s cubic-bezier(.4,0,.2,1)}.slide-in-right.active{opacity:1;transform:translate(0)}section{opacity:0;transform:scale(.92) translateY(40px);transition:all 1.2s cubic-bezier(.4,0,.2,1);will-change:transform,opacity}section.visible{opacity:1;transform:scale(1) translateY(0)}#intro{opacity:1;transform:scale(1) translateY(0)}.blob{position:absolute;border-radius:50%;filter:blur(80px);mix-blend-mode:multiply;animation:blobAnimation 25s ease-in-out infinite;will-change:transform}.dark .blob{filter:blur(100px);mix-blend-mode:screen;opacity:.15}@keyframes blobAnimation{0%,to{transform:translate(0) scale(1) rotate(0)}25%{transform:translate(100px,-50px) scale(1.2) rotate(90deg)}50%{transform:translate(-50px,100px) scale(.8) rotate(180deg)}75%{transform:translate(50px,50px) scale(1.1) rotate(270deg)}}.section-indicator{position:fixed;right:2rem;top:50%;transform:translateY(-50%);z-index:100;display:flex;flex-direction:column;gap:1rem}.indicator-dot{width:12px;height:12px;border-radius:50%;background:var(--text-tertiary);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.indicator-dot.active{background:linear-gradient(135deg,#667eea,#764ba2);transform:scale(1.5);box-shadow:0 0 15px #667eea99}.indicator-dot:hover{transform:scale(1.3)}.skill-badge{position:relative;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.skill-badge:hover{transform:translateY(-4px) scale(1.05)}.skill-badge.selected{transform:translateY(-4px) scale(1.08)}.card-hover{transition:all .5s cubic-bezier(.4,0,.2,1);will-change:transform}.card-hover:hover{transform:translateY(-12px)!important}.dark .card-hover:hover{box-shadow:0 20px 60px #667eea66!important}.glow{position:relative}.glow:before{content:"";position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;background:radial-gradient(circle at center,rgba(102,126,234,.3),transparent 70%);opacity:0;transition:opacity .5s;pointer-events:none}.glow:hover:before{opacity:1}.dark .glow{background:#282841cc;border:1px solid rgba(102,126,234,.3)}.dark .glow:hover{background:#323250f2;border:1px solid rgba(102,126,234,.6);box-shadow:0 8px 32px #667eea4d}.glass{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);transition:all .3s ease}.light .glass{background:#fffc;border:1px solid rgba(255,255,255,.95);box-shadow:0 8px 32px #1f26871a}.dark .glass{background:#1e1e32d9;border:1px solid rgba(102,126,234,.3);box-shadow:0 8px 32px #0009}.dark .glass:hover{background:#282841f2;border:1px solid rgba(102,126,234,.5);box-shadow:0 8px 32px #0009,0 0 40px #667eea33}.timeline-container{position:relative;padding-left:3rem}.timeline-line{position:absolute;left:1.5rem;top:0;bottom:0;width:3px;background:linear-gradient(180deg,transparent 0%,rgba(102,126,234,.5) 20%,rgba(118,75,162,.5) 50%,rgba(240,147,251,.5) 80%,transparent 100%)}.dark .timeline-line{background:linear-gradient(180deg,transparent 0%,rgba(102,126,234,.7) 20%,rgba(118,75,162,.7) 50%,rgba(240,147,251,.7) 80%,transparent 100%)}.timeline-item{position:relative;margin-bottom:3rem}.timeline-dot{position:absolute;left:-2.85rem;top:1.5rem;width:1.5rem;height:1.5rem;border-radius:50%;border:4px solid var(--bg-secondary);z-index:10;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 0 20px #667eea99}.dark .timeline-dot{box-shadow:0 0 30px #667eeae6;border:4px solid rgba(30,30,50,.9)}.timeline-item:hover .timeline-dot{transform:scale(1.4);box-shadow:0 0 30px #667eeae6}.dark .timeline-item:hover .timeline-dot{box-shadow:0 0 50px #667eea}.timeline-connector{position:absolute;left:-2.85rem;top:1.5rem;width:2.5rem;height:3px;transition:all .4s cubic-bezier(.4,0,.2,1)}.timeline-item:hover .timeline-connector{width:3rem}@media (max-width: 768px){.section-indicator{display:none}.timeline-container{padding-left:2rem}.timeline-line{left:.75rem}.timeline-dot{left:0;width:1.2rem;height:1.2rem}.timeline-connector{left:0;width:1.5rem}}@media (max-width: 1024px){.location-map-badge{display:none!important}}@media (max-width: 768px){.section-indicators{display:none}}@media (max-width: 768px){section{padding:2rem 1rem!important}.timeline-item{padding-left:1.5rem!important}}