.header{box-shadow:0 5px 15px #0003!important;left:0!important;padding:1.2rem 0!important;position:fixed!important;top:0!important;transition:none!important;width:100%!important;z-index:1000!important}.header,[data-theme=dark] .header{background-color:var(--bg-primary)!important;border-bottom:3px solid var(--primary)!important}[data-theme=dark] .header{box-shadow:0 5px 15px #0006!important}.header-scrolled{box-shadow:0 5px 15px #0003!important;padding:.8rem 0!important}.header-container{align-items:center!important;display:flex!important;justify-content:space-between!important}.logo{-webkit-text-fill-color:#0000!important;text-fill-color:#0000!important;background:linear-gradient(135deg,var(--primary),var(--accent))!important;-webkit-background-clip:text!important;background-clip:text!important;font-size:1.8rem!important;font-weight:700!important}.nav-links{display:flex!important;gap:2rem!important}.nav-link{color:var(--text-primary)!important;cursor:pointer!important;font-weight:500!important;padding:.5rem 0!important;position:relative!important}.nav-link:hover{color:var(--primary)!important}.nav-indicator{background:linear-gradient(to right,var(--primary),var(--accent))!important;border-radius:var(--radius-full)!important;bottom:0!important;height:2px!important;left:0!important;position:absolute!important;width:100%!important}.header-actions{gap:1.5rem!important}.header-actions,.theme-toggle{align-items:center!important;display:flex!important}.theme-toggle{background:var(--bg-card)!important;border:none!important;border-radius:var(--radius-full)!important;box-shadow:var(--shadow-sm)!important;cursor:pointer!important;font-size:1.2rem!important;height:40px!important;justify-content:center!important;width:40px!important}.theme-toggle:hover{transform:rotate(15deg)!important}.menu-toggle{background:none!important;border:none!important;cursor:pointer!important;display:none!important;height:40px!important;width:40px!important}.menu-icon,.menu-toggle{position:relative!important}.menu-icon{display:flex!important;flex-direction:column!important;height:18px!important;justify-content:space-between!important;width:24px!important}.menu-icon span{background-color:var(--text-primary)!important;border-radius:var(--radius-full)!important;display:block!important;height:2px!important;width:100%!important}.menu-icon.open span:first-child{transform:rotate(45deg) translate(5px,5px)!important}.menu-icon.open span:nth-child(2){opacity:0!important}.menu-icon.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)!important}@media (max-width:768px){.nav-links{align-items:center!important;background-color:var(--bg-primary)!important;box-shadow:var(--shadow-md)!important;flex-direction:column!important;gap:1.5rem!important;left:0!important;opacity:0!important;padding:2rem 0!important;pointer-events:none!important;position:fixed!important;top:70px!important;transform:translateY(-100%)!important;width:100%!important;z-index:999!important}.nav-links.nav-open{opacity:1!important;pointer-events:all!important;transform:translateY(0)!important}.menu-toggle{display:block!important}}.hero-section{align-items:center;display:flex;min-height:100vh;overflow:hidden;padding:8rem 0 6rem;position:relative}.hero-particles{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.hero-particle{background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:50%;box-shadow:0 0 15px #6366f166;position:absolute;z-index:1}.hero-particle-float1{animation:hero-float1 12s ease-in-out infinite alternate}.hero-particle-float2{animation:hero-float2 15s ease-in-out infinite alternate}@keyframes hero-float1{0%{opacity:.8;transform:translate(0) scale(1)}50%{opacity:1;transform:translate(50px,-30px) scale(1.2)}to{opacity:.7;transform:translate(100px,20px) scale(.8)}}@keyframes hero-float2{0%{opacity:.7;transform:translate(0) scale(.9)}50%{opacity:1;transform:translate(-60px,40px) scale(1.1)}to{opacity:.6;transform:translate(-20px,-50px) scale(.8)}}.hero-content{grid-gap:4rem;align-items:center;animation:fade-in 1s ease-out;display:grid;gap:4rem;grid-template-columns:1.2fr .8fr;position:relative;z-index:2}.hero-subtitle{animation:slide-up .8s ease-out .3s both;color:var(--primary);font-size:var(--font-size-lg);font-weight:600;margin-bottom:1.5rem}.hero-title{animation:slide-up .8s ease-out .5s both;font-size:var(--font-size-5xl);font-weight:800;line-height:1.2;margin-bottom:1.5rem}.hero-description{animation:slide-up .8s ease-out .7s both;color:var(--text-secondary);font-size:var(--font-size-lg);margin-bottom:2.5rem;max-width:600px}.hero-buttons{animation:slide-up .8s ease-out .9s both;display:flex;gap:1.5rem}.hero-graphics{animation:fade-in-scale 1s ease-out .3s both;height:400px;margin:0 auto;max-width:500px;position:relative;width:100%;z-index:2}.graphic-element{animation:float 10s ease-in-out infinite alternate;background:linear-gradient(135deg,var(--primary-light),var(--accent));border-radius:4px;box-shadow:0 5px 20px #ec489933;opacity:.7;position:absolute}.circle-1{animation-delay:0s;background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:50%;height:150px;left:50px;opacity:.2;top:50px;width:150px}.circle-2{animation-delay:1s;background:linear-gradient(135deg,var(--secondary),var(--primary));border-radius:50%;bottom:70px;height:80px;opacity:.3;right:60px;width:80px}.square{animation-delay:2s;background:linear-gradient(135deg,var(--accent),var(--secondary));bottom:100px;height:100px;left:80px;opacity:.2;transform:rotate(45deg);width:100px}.triangle{animation-delay:1.5s;animation:float 12s ease-in-out infinite alternate;background:none;border-bottom:120px solid #6366f133;border-left:60px solid #0000;border-right:60px solid #0000;height:0;right:80px;top:100px;width:0}.code-element{animation:pulse-subtle 4s ease-in-out infinite;background-color:#1e1e32cc;border-radius:8px;box-shadow:0 8px 30px #0000004d;color:#fff;display:flex;flex-direction:column;font-family:Fira Code,monospace;font-size:14px;left:50%;line-height:1.5;min-width:300px;padding:20px;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:2}@keyframes pulse-subtle{0%,to{box-shadow:0 8px 30px #0000004d}50%{box-shadow:0 12px 40px #6366f166}}.code-line{display:block;margin-bottom:5px}.code-variable{color:#ff79c6}.code-string{color:#f1fa8c}.code-function{color:#50fa7b}.code-param{color:#8be9fd}.indent{padding-left:20px}@keyframes float{0%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(2deg)}to{transform:translateY(0) rotate(-2deg)}}@keyframes fade-in-scale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.scroll-indicator{align-items:center;animation:fade-in 1s ease-out 1.5s both;bottom:3rem;display:flex;flex-direction:column;gap:1rem;left:50%;position:absolute;transform:translateX(-50%);z-index:2}.mouse{border:2px solid var(--text-primary);display:flex;height:50px;justify-content:center;padding-top:10px;width:30px}.mouse,.wheel{border-radius:var(--radius-full)}.wheel{animation:scroll-wheel 1.5s infinite;background-color:var(--primary);height:8px;width:4px}@keyframes scroll-wheel{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}.arrow-scroll{align-items:center;display:flex;flex-direction:column;gap:5px}.arrow-scroll span{animation:arrow-blink 1.5s infinite;border-bottom:2px solid var(--primary);border-right:2px solid var(--primary);display:block;height:10px;transform:rotate(45deg);width:10px}.arrow-scroll span:nth-child(2){animation-delay:.2s}.arrow-scroll span:nth-child(3){animation-delay:.4s}@keyframes arrow-blink{0%{opacity:0}50%{opacity:1}to{opacity:0}}@media (max-width:1024px){.hero-content{gap:3rem;grid-template-columns:1fr;text-align:center}.hero-text-container{order:1}.hero-description{margin-left:auto;margin-right:auto}.hero-graphics{height:300px;order:2}.hero-buttons{justify-content:center}}@media (max-width:768px){.hero-title{font-size:var(--font-size-4xl)}.hero-graphics{height:250px}.code-element{font-size:12px;min-width:250px}}@media (max-width:576px){.hero-title{font-size:var(--font-size-3xl)}.hero-buttons{flex-direction:column;width:100%}.hero-graphics{height:200px}}.about-section{overflow:hidden;padding-top:var(--spacing-xl);position:relative}.about-shapes{height:100%;left:0;top:0;width:100%}.about-shape,.about-shapes{pointer-events:none;position:absolute;z-index:1}.about-circle{animation:shape-float 20s ease-in-out infinite alternate;background:var(--primary);border-radius:50%;box-shadow:0 0 15px #6366f14d}.about-square{animation:square-float 25s ease-in-out infinite alternate;background:var(--secondary);box-shadow:0 0 15px #8b5cf64d}.about-triangle{animation:triangle-float 22s linear infinite alternate;background:#0000!important;border-bottom:34px solid var(--accent);border-left:20px solid #0000;border-right:20px solid #0000;filter:drop-shadow(0 0 8px rgba(236,72,153,.3));height:0!important;width:0!important}.about-zigzag{animation:zigzag-float 18s linear infinite alternate;background:linear-gradient(135deg,#0000 10px,var(--primary-light) 0) 0 0,linear-gradient(-135deg,#0000 10px,var(--primary-light) 0) 100% 0,linear-gradient(-45deg,#0000 10px,var(--primary-light) 0) 100% 100%,linear-gradient(45deg,#0000 10px,var(--primary-light) 0) 0 100%;background-repeat:no-repeat;background-size:50% 50%;filter:drop-shadow(0 0 10px rgba(129,140,248,.3));height:20px!important;width:100px!important}.color-variant-0.about-circle{background:linear-gradient(135deg,var(--primary),var(--primary-light))}.color-variant-1.about-circle{background:linear-gradient(135deg,var(--secondary),var(--primary))}.color-variant-2.about-circle{background:linear-gradient(135deg,var(--accent),var(--secondary))}.color-variant-0.about-square{background:linear-gradient(135deg,var(--secondary),var(--primary-light))}.color-variant-1.about-square{background:linear-gradient(135deg,var(--accent),var(--secondary))}.color-variant-2.about-square{background:linear-gradient(135deg,var(--primary),var(--accent))}.color-variant-0.about-triangle{border-bottom-color:var(--accent)}.color-variant-1.about-triangle{border-bottom-color:var(--primary)}.color-variant-2.about-triangle{border-bottom-color:var(--secondary)}.color-variant-0.about-zigzag{background:linear-gradient(135deg,#0000 10px,var(--primary) 0) 0 0,linear-gradient(-135deg,#0000 10px,var(--primary) 0) 100% 0,linear-gradient(-45deg,#0000 10px,var(--primary) 0) 100% 100%,linear-gradient(45deg,#0000 10px,var(--primary) 0) 0 100%;background-repeat:no-repeat;background-size:50% 50%}.color-variant-1.about-zigzag{background:linear-gradient(135deg,#0000 10px,var(--secondary) 0) 0 0,linear-gradient(-135deg,#0000 10px,var(--secondary) 0) 100% 0,linear-gradient(-45deg,#0000 10px,var(--secondary) 0) 100% 100%,linear-gradient(45deg,#0000 10px,var(--secondary) 0) 0 100%;background-repeat:no-repeat;background-size:50% 50%}.color-variant-2.about-zigzag{background:linear-gradient(135deg,#0000 10px,var(--accent) 0) 0 0,linear-gradient(-135deg,#0000 10px,var(--accent) 0) 100% 0,linear-gradient(-45deg,#0000 10px,var(--accent) 0) 100% 100%,linear-gradient(45deg,#0000 10px,var(--accent) 0) 0 100%;background-repeat:no-repeat;background-size:50% 50%}@keyframes shape-float{0%{transform:translate(0) rotate(0deg)}33%{transform:translate(30px,-20px) rotate(120deg)}66%{transform:translate(-20px,30px) rotate(240deg)}to{transform:translate(10px,-40px) rotate(1turn)}}@keyframes square-float{0%{transform:translate(0) rotate(0deg)}25%{transform:translate(40px,20px) rotate(90deg)}50%{transform:translate(20px,40px) rotate(180deg)}75%{transform:translate(-30px,20px) rotate(270deg)}to{transform:translateY(-40px) rotate(1turn)}}@keyframes triangle-float{0%{transform:translate(0) rotate(0deg)}20%{transform:translate(-30px,20px) rotate(72deg)}40%{transform:translate(20px,40px) rotate(144deg)}60%{transform:translate(30px,-30px) rotate(216deg)}80%{transform:translate(-20px,-40px) rotate(288deg)}to{transform:translateY(30px) rotate(1turn)}}@keyframes zigzag-float{0%{transform:translate(0) rotate(0deg)}20%{transform:translate(-20px,30px) rotate(10deg)}40%{transform:translate(30px,-20px) rotate(-10deg)}60%{transform:translate(20px,30px) rotate(15deg)}80%{transform:translate(-30px,-20px) rotate(-15deg)}to{transform:translate(15px,-25px) rotate(5deg)}}.about-content{margin:0 auto;max-width:900px;position:relative;z-index:2}.about-introduction{animation:fade-in .6s ease-out;margin-bottom:3rem}.about-intro-text{border-left:5px solid var(--primary);border-radius:0 var(--radius-md) var(--radius-md) 0;font-size:1.2rem;line-height:1.7;margin-bottom:1.5rem;padding:1.5rem;position:relative}.about-intro-text,.skills-container{background-color:var(--bg-card);box-shadow:var(--shadow-md)}.skills-container{border-radius:var(--radius-lg);border-top:4px solid var(--primary);margin-bottom:5rem;padding:3rem}.skills-title{animation:fade-in .5s ease forwards;color:var(--primary);display:inline-block;font-size:1.5rem;font-weight:600;margin-bottom:.5rem;position:relative}.skills-title:after{background:linear-gradient(to right,var(--primary),var(--accent));border-radius:var(--radius-full);bottom:-10px;content:"";height:3px;left:0;position:absolute;transition:width .5s ease;width:50px}.skills-title:hover:after{width:100%}.skills-description{animation:fade-in .5s ease .2s forwards;color:var(--text-secondary);font-style:italic;margin-bottom:2.5rem;opacity:0}.skill-category{animation:fade-in .5s ease forwards;margin-bottom:3rem;opacity:0}.skill-category:last-child{margin-bottom:0}.category-title{animation:slide-in .5s ease forwards;display:inline-block;font-size:1.2rem;font-weight:600;margin-bottom:1.5rem;opacity:0;position:relative}.category-title:after{background:currentColor;bottom:-5px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:30px}.category-title:hover:after{width:100%}.skills-cards{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.flip-card{animation:fade-in-up .5s ease forwards;cursor:pointer;height:200px;margin:10px}.flip-card-inner{border-radius:1rem;box-shadow:0 4px 8px #0000001a}.flipped .flip-card-inner{transform:rotateY(180deg)}.flip-card-back,.flip-card-front{border-radius:1rem}.skill-name{margin-bottom:1rem}.primary-card .skill-level-percent,.primary-card .skill-name{color:var(--primary)}.secondary-card .skill-level-percent,.secondary-card .skill-name{color:var(--secondary)}.accent-card .skill-level-percent,.accent-card .skill-name{color:var(--accent)}.skill-logo{margin-top:.5rem}.skill-logo img{max-height:70px;max-width:70px;object-fit:contain;transition:transform .3s ease}.flip-card:hover .skill-logo img{transform:scale(1.1)}.skill-level-title{color:var(--text-secondary);font-size:.9rem;margin-bottom:.5rem}.skill-progress{background-color:#0000001a;border-radius:5px;height:10px;margin-bottom:.5rem;overflow:hidden;width:100%}.primary-card .skill-progress-bar{background:linear-gradient(to right,var(--primary),var(--primary-light));border-radius:5px;height:100%;transition:width 1s ease}.secondary-card .skill-progress-bar{background:linear-gradient(to right,var(--secondary),var(--primary));border-radius:5px;height:100%;transition:width 1s ease}.accent-card .skill-progress-bar{background:linear-gradient(to right,var(--accent),var(--secondary));border-radius:5px;height:100%;transition:width 1s ease}.skill-level-percent{font-size:1.5rem;font-weight:700;margin-bottom:1rem}.skill-details{font-size:.8rem}@media (max-width:768px){.flip-card{height:180px;width:150px}.skill-name{font-size:1rem}.skill-logo img{max-height:60px;max-width:60px}.skill-details{font-size:.75rem}}.bts-presentation{animation:fade-in .6s ease-out .4s both;background-color:var(--bg-card);border-radius:var(--radius-lg);border-top:4px solid var(--secondary);box-shadow:var(--shadow-md);margin-bottom:3rem;padding:2rem}.bts-title{color:var(--secondary);display:inline-block;font-size:1.5rem;font-weight:600;margin-bottom:1rem;position:relative}.bts-title:after{background:linear-gradient(to right,var(--secondary),var(--accent));border-radius:var(--radius-full);bottom:-10px;content:"";height:3px;left:0;position:absolute;transition:width .5s ease;width:50px}.bts-title:hover:after{width:100%}.bts-description{line-height:1.7;margin-bottom:2rem}.bts-options{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.bts-option-card,.bts-option-container{position:relative}.bts-option-card{background-color:var(--bg-primary);border-left:4px solid var(--primary);border-radius:var(--radius-md);box-shadow:var(--shadow-md);cursor:pointer;overflow:hidden;padding:1.5rem;transition:var(--transition-normal);z-index:1}.bts-option-card:before{background:linear-gradient(to right,var(--primary),var(--accent));content:"";height:4px;left:0;position:absolute;top:0;transform:translateX(-100%);transition:transform .5s ease;width:100%;z-index:0}.bts-option-card:hover:before{transform:translateX(0)}.bts-option-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.bts-option-card.active{background-color:#6366f10d;box-shadow:var(--shadow-lg)}.option-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.option-header h4{color:var(--text-primary);font-size:1.2rem;font-weight:600;margin:0}.option-icon{align-items:center;display:flex;height:24px;justify-content:center;position:relative;width:24px}.plus-icon{height:16px;position:relative;width:16px}.plus-icon:after,.plus-icon:before{background-color:var(--primary);content:"";position:absolute;transition:var(--transition-normal)}.plus-icon:before{height:2px;left:0;top:7px;width:16px}.plus-icon:after{height:16px;left:7px;top:0;width:2px}.active .plus-icon:after{opacity:0;transform:rotate(90deg)}.option-preview{color:var(--text-secondary);font-style:italic;margin-bottom:0}.option-details-modal{align-items:center;animation:fade-in .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000000b3;cursor:pointer;display:flex;height:100%;justify-content:center;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:9999}.modal-content{animation:modal-in .3s ease;background-color:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);cursor:default;max-width:650px;position:relative;width:90%}.modal-content h4{color:var(--primary);display:inline-block;font-size:1.5rem;margin-bottom:1.5rem;position:relative}.modal-content h4:after{background:linear-gradient(to right,var(--primary),var(--accent));bottom:-5px;content:"";height:2px;left:0;position:absolute;transition:width .5s ease;width:40px}.modal-content h4:hover:after{width:100%}.modal-content ul{margin:1.5rem 0;padding-left:1.5rem}.modal-content li{animation:slide-in .5s ease both;line-height:1.5;margin-bottom:1rem;position:relative}.modal-content p{line-height:1.7;margin-bottom:1.5rem}.modal-close{display:none}.modal-content:before{color:var(--text-secondary);content:"";font-size:24px;opacity:.7;position:absolute;right:15px;top:15px;transition:var(--transition-normal)}.modal-content:hover:before{color:var(--primary);opacity:1}@keyframes modal-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.bts-presentation,.skills-container{padding:2rem}.about-intro-text{padding:1.2rem}.bts-options{grid-template-columns:1fr}.skills-cards{gap:1rem}.flip-card{height:180px;width:150px}.skill-name{font-size:1rem}.skill-logo img{max-height:60px;max-width:60px}.skill-details{font-size:.75rem}.modal-content{padding:2rem;width:95%}.about-shape{opacity:.25!important}}@media (max-width:576px){.about-intro-text{font-size:1.1rem;padding:1rem}.modal-content{padding:1.5rem}}.professional-profile{animation:fade-in .6s ease-out .4s both;background-color:var(--bg-card);border-radius:var(--radius-lg);border-top:4px solid var(--accent);box-shadow:var(--shadow-md);margin-top:3rem;padding:3rem}.profile-title{color:var(--accent);display:inline-block;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;position:relative}.profile-title:after{background:linear-gradient(to right,var(--accent),var(--secondary));border-radius:var(--radius-full);bottom:-10px;content:"";height:3px;left:0;position:absolute;transition:width .5s ease;width:50px}.profile-title:hover:after{width:100%}.profile-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:2rem}.profile-column h4{color:var(--text-primary);display:inline-block;font-size:1.2rem;font-weight:600;margin-bottom:1rem;position:relative}.profile-column h4:after{background:linear-gradient(to right,var(--primary),var(--accent));bottom:-5px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:30px}.profile-column h4:hover:after{width:100%}.profile-list{list-style-type:none}.profile-list li{line-height:1.5;margin-bottom:.8rem;padding-left:1.5rem;position:relative}.profile-list li:before{background-color:var(--accent);border-radius:50%;content:"";height:8px;left:0;position:absolute;top:10px;transition:var(--transition-normal);width:8px}.profile-list li:hover:before{background-color:var(--primary);transform:scale(1.5)}@media (max-width:768px){.professional-profile{padding:2rem}.profile-content{grid-template-columns:1fr}}@media (max-width:576px){.professional-profile{padding:1.5rem}}.enhanced-skill-cards{background-color:var(--bg-card);border-radius:var(--radius-lg);border-top:4px solid var(--primary);box-shadow:var(--shadow-md);margin:0 auto;max-width:900px;padding:2rem;width:100%}.skill-category-tabs{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem}.category-tab{align-items:center;background-color:var(--bg-primary);border:none;border-radius:var(--radius-full);box-shadow:var(--shadow-sm);color:var(--text-secondary);cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.5rem;padding:.8rem 1.5rem;transition:var(--transition-normal)}.category-tab:hover{box-shadow:var(--shadow-md);color:var(--primary);transform:translateY(-3px)}.category-tab.active{background:linear-gradient(135deg,var(--primary),var(--accent));box-shadow:var(--shadow-md);color:#fff}.tab-icon{font-size:1.2rem}.skill-dashboard{background-color:var(--bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:2.5rem;padding:1.5rem}.skill-stats{display:flex;gap:2rem;margin-bottom:1.5rem}.pie-chart-container{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:1rem}.pie-chart{height:180px;width:180px}.pie-legend{display:flex;flex-direction:column;gap:.5rem}.legend-item{align-items:center;display:flex;font-size:.9rem;gap:.5rem}.legend-color{border-radius:50%;height:12px;width:12px}.skill-summary{flex:1 1}.skill-summary h4{color:var(--text-primary);font-size:1.2rem;margin-bottom:1rem}.category-description{color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem}.level-stats{display:flex;flex-direction:column;gap:.8rem}.level-stat-item{align-items:center;display:flex;gap:.8rem}.level-label{color:var(--text-secondary);font-size:.9rem;width:120px}.level-bar{background-color:#6366f11a;flex:1 1;height:8px;overflow:hidden}.level-bar,.level-fill{border-radius:var(--radius-full)}.level-fill{height:100%;transition:width .5s ease}.level-value{font-weight:600;text-align:right;width:40px}.skill-filters{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center}.filter-btn{background-color:var(--bg-primary);border:none;border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:var(--transition-normal)}.filter-btn:hover{color:var(--primary);transform:translateY(-2px)}.filter-btn.active{background-color:var(--primary);color:#fff}.skill-cards-grid{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.no-skills-message{color:var(--text-secondary);font-style:italic;padding:2rem;text-align:center;width:100%}.flip-card{height:220px;opacity:0;perspective:1000px;transform:translateY(20px);width:180px}.flip-card.animate{animation:card-appear .5s forwards}.flip-card-inner{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);cursor:pointer;height:100%;pointer-events:auto;position:relative;text-align:center;transform-style:preserve-3d;transition:transform .8s;width:100%}.flip-card:hover .flip-card-inner{transform:rotateY(180deg)}.flip-card-back,.flip-card-front{align-items:center;backface-visibility:hidden;background-color:var(--bg-card);border-radius:var(--radius-lg);display:flex;height:100%;justify-content:center;padding:1.5rem;position:absolute;width:100%}.flip-card-front{overflow:hidden}.flip-card-front:before{background:radial-gradient(circle at center,#ffffff1a,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.flip-card-back{pointer-events:auto;transform:rotateY(180deg)}.flip-card-front.primary-card{border-top:4px solid var(--primary)}.flip-card-front.secondary-card{border-top:4px solid var(--secondary)}.flip-card-front.accent-card{border-top:4px solid var(--accent)}.flip-card-back.primary-card{border-top:4px solid var(--primary)}.flip-card-back.secondary-card{border-top:4px solid var(--secondary)}.flip-card-back.accent-card{border-top:4px solid var(--accent)}.card-content{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%;z-index:1}.skill-name{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin-bottom:.8rem}.skill-logo{align-items:center;display:flex;height:70px;justify-content:center;margin:10px 0;width:100%}.skill-logo img{display:block!important;height:64px!important;object-fit:contain!important;opacity:1!important;visibility:visible!important;width:64px!important}.emoji-logo{display:block;font-size:3rem}.flip-card:hover .emoji-logo,.flip-card:hover .skill-logo img{transform:scale(1.1)}.skill-level-badge{border-radius:var(--radius-full);font-size:.85rem;font-weight:500;margin-top:.5rem;padding:.3rem .8rem}.primary-card .skill-level-badge,.skill-level-badge{background-color:#6366f11a;color:var(--primary)}.secondary-card .skill-level-badge{background-color:#8b5cf61a;color:var(--secondary)}.accent-card .skill-level-badge{background-color:#ec48991a;color:var(--accent)}.skill-details{color:var(--text-secondary);flex-grow:1;font-size:.85rem;line-height:1.4;margin-bottom:1rem;max-height:80px;overflow-y:auto;padding:0 .5rem}.card-content-back{display:flex;flex-direction:column;height:100%;justify-content:flex-start;padding-top:.75rem}.skill-projects{display:flex;flex-direction:column;flex-grow:1;width:100%}.projects-label{color:var(--text-primary);font-size:.85rem;font-weight:600;margin-bottom:.5rem;text-align:center}.projects-list{display:flex;flex-wrap:wrap;gap:.3rem;justify-content:center;max-height:calc(100% - 2rem);overflow-y:auto;padding:0 .25rem}.project-tag{display:inline-block;font-size:.7rem;margin-bottom:.2rem;padding:.15rem .5rem;white-space:nowrap}.project-tag.hovered,.project-tag:hover{position:relative;transform:translateY(-2px);z-index:5}.primary-card .project-tag.hovered,.primary-card .project-tag:hover{background-color:var(--primary);color:#fff;cursor:pointer;pointer-events:auto}.secondary-card .project-tag.hovered,.secondary-card .project-tag:hover{background-color:var(--secondary);color:#fff;cursor:pointer;pointer-events:auto}.accent-card .project-tag.hovered,.accent-card .project-tag:hover{background-color:var(--accent);color:#fff;cursor:pointer;pointer-events:auto}.primary-card .project-tag{background-color:#6366f11a;color:var(--primary)}.primary-card .project-tag:hover{background-color:var(--primary);color:#fff}.secondary-card .project-tag{background-color:#8b5cf61a;color:var(--secondary)}.secondary-card .project-tag:hover{background-color:var(--secondary);color:#fff}.accent-card .project-tag{background-color:#ec48991a;color:var(--accent)}.accent-card .project-tag:hover{background-color:var(--accent);color:#fff}.project-tag:hover{transform:translateY(-2px)}@media (max-width:768px){.skill-stats{align-items:center;flex-direction:column}.pie-chart-container{margin-bottom:1.5rem}.skill-summary{width:100%}.level-stat-item{flex-wrap:wrap}.level-label{margin-bottom:.2rem;width:100%}.level-value{text-align:left}.flip-card{height:200px;width:150px}.skill-name{font-size:1rem}.skill-logo{height:60px}.skill-logo img{max-height:60px;max-width:60px}.emoji-logo{font-size:2.5rem}.projects-label{font-size:.75rem}.project-tag{font-size:.65rem;padding:.1rem .4rem}}@media (max-width:576px){.enhanced-skill-cards{padding:1rem}.pie-chart{height:160px;width:160px}.flip-card{height:180px;width:140px}.skill-level-percent{font-size:2rem}.skill-level-badge{font-size:.75rem}}.projects-section{overflow:hidden;padding-top:var(--spacing-xl);position:relative}.projects-elements{height:100%;left:0;top:0;width:100%}.project-element,.projects-elements{pointer-events:none;position:absolute;z-index:1}.project-circle{animation:project-circle-float 40s linear infinite alternate;background:radial-gradient(circle at center,#6366f1b3 0,#0000 70%);border-radius:50%}.project-ring{animation:project-ring-float 30s linear infinite alternate;background:#0000;border:2px solid var(--primary);border-radius:50%;box-shadow:0 0 30px #6366f180}.project-dots{animation:project-dots-float 35s linear infinite alternate;background-image:radial-gradient(circle,var(--primary) 2px,#0000 2px),radial-gradient(circle,var(--primary) 2px,#0000 2px),radial-gradient(circle,var(--primary) 2px,#0000 2px),radial-gradient(circle,var(--primary) 2px,#0000 2px),radial-gradient(circle,var(--primary) 2px,#0000 2px);background-position:10% 10%,35% 30%,70% 15%,20% 60%,80% 70%;background-repeat:no-repeat;background-size:20% 20%;height:100px!important;opacity:.5;width:100px!important}.project-curve{animation:project-curve-float 25s ease-in-out infinite alternate;background:linear-gradient(45deg,#0000,var(--primary) 50%,#0000);border-radius:50% 50% 0 0;height:50px!important;transform-origin:bottom center}.project-element.color-0{filter:hue-rotate(0deg)}.project-element.color-1{filter:hue-rotate(60deg)}.project-element.color-2{filter:hue-rotate(120deg)}@keyframes project-circle-float{0%{transform:translate(0) scale(1)}33%{transform:translate(50px,-30px) scale(1.1)}66%{transform:translate(-30px,50px) scale(.9)}to{transform:translate(20px,-40px) scale(1)}}@keyframes project-ring-float{0%{border-color:var(--primary);transform:translate(0) rotate(0deg)}50%{border-color:var(--accent);transform:translate(-40px,30px) rotate(180deg)}to{border-color:var(--secondary);transform:translate(30px,-40px) rotate(1turn)}}@keyframes project-dots-float{0%{transform:translate(0) rotate(0deg)}25%{transform:translate(30px,20px) rotate(5deg)}50%{transform:translate(-20px,40px) rotate(-5deg)}75%{transform:translate(-30px,-30px) rotate(10deg)}to{transform:translate(40px,-20px) rotate(-10deg)}}@keyframes project-curve-float{0%{transform:translateY(0) scaleX(1) rotate(0deg)}50%{transform:translateY(-30px) scaleX(1.2) rotate(10deg)}to{transform:translateY(30px) scaleX(.8) rotate(-10deg)}}.projects-container{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-top:3rem;position:relative;z-index:2}.project-card{animation:card-appear .8s ease both;background-color:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);cursor:pointer;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;top:0;transition:var(--transition-normal);z-index:2}@keyframes card-appear{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.project-card:first-child{border-top:4px solid var(--primary)}.project-card:nth-child(2){border-top:4px solid var(--secondary)}.project-card:nth-child(3){border-top:4px solid var(--accent)}.project-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-10px)}.project-image{height:220px;overflow:hidden;position:relative}.project-image img{height:100%;object-fit:cover;transition:var(--transition-normal);width:100%}.project-card:hover .project-image img{transform:scale(1.05)}.project-overlay{align-items:center;background:linear-gradient(0deg,#000c,#0000);display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:var(--transition-normal);width:100%}.project-card:hover .project-overlay{opacity:1}.project-view-details{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#fff3;border-radius:var(--radius-full);color:#fff;font-weight:500;overflow:hidden;padding:.8rem 1.5rem;position:relative;transition:var(--transition-normal)}.project-view-details:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .7s ease;width:100%}.project-view-details:hover:before{left:100%}.project-view-details:hover{background-color:#ffffff4d;transform:scale(1.05)}.project-content{display:flex;flex-direction:column;flex-grow:1;padding:2rem}.project-title{color:var(--text-primary);font-size:1.3rem;font-weight:600;margin-bottom:1rem;transition:var(--transition-normal)}.project-card:first-child:hover .project-title{color:var(--primary)}.project-card:nth-child(2):hover .project-title{color:var(--secondary)}.project-card:nth-child(3):hover .project-title{color:var(--accent)}.project-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.2rem}.project-tag{background-color:#6366f11a;border-radius:var(--radius-full);color:var(--primary);font-size:.8rem;font-weight:500;overflow:hidden;padding:.3rem .8rem;position:relative;transition:var(--transition-normal)}.project-tag:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .7s ease;width:100%}.project-tag:hover:before{left:100%}.project-card:first-child .project-tag{background-color:#6366f11a;color:var(--primary)}.project-card:nth-child(2) .project-tag{background-color:#8b5cf61a;color:var(--secondary)}.project-card:nth-child(3) .project-tag{background-color:#ec48991a;color:var(--accent)}.project-tag:hover{color:#fff;transform:translateY(-3px)}.project-card:first-child .project-tag:hover{background-color:var(--primary)}.project-card:nth-child(2) .project-tag:hover{background-color:var(--secondary)}.project-card:nth-child(3) .project-tag:hover{background-color:var(--accent)}.project-description{color:var(--text-secondary);flex-grow:1;line-height:1.6;margin-bottom:1.5rem}.project-modal-overlay{align-items:center;animation:fade-in .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000c;display:flex;height:100%;justify-content:center;left:0;overflow-y:auto;padding:2rem;position:fixed;top:0;width:100%;z-index:1500}.project-modal{animation:modal-slide-up .5s cubic-bezier(.16,1,.3,1);background-color:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;margin-top:3rem;max-height:85vh;max-width:1100px;overflow:hidden;position:relative;width:100%}@keyframes modal-slide-up{0%{opacity:0;transform:translateY(50px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-close-button{align-items:center;background-color:#0000004d;border:none;border-radius:50%;box-shadow:0 2px 10px #0003;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .3s ease;width:40px;z-index:20}.modal-close-button:hover{background-color:var(--primary);transform:rotate(90deg)}.close-icon{font-size:28px;line-height:1}.modal-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1.5fr 1fr;height:100%;max-height:85vh}.modal-image-container{background-color:var(--bg-secondary);border-right:1px solid var(--border-color);min-height:450px;overflow:hidden;padding:1.5rem}.modal-image,.modal-image-container{align-items:center;display:flex;justify-content:center;position:relative}.modal-image{height:100%;width:100%}.modal-image img{border-radius:var(--radius-md);max-height:100%;max-width:100%;object-fit:contain;transition:transform 4s ease}.project-modal:hover .modal-image img{transform:scale(1.05)}.modal-tags{bottom:20px;display:flex;flex-wrap:wrap;gap:.5rem;left:20px;position:absolute;z-index:2}.modal-tags .project-tag{animation:tag-slide-in .6s ease forwards;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#0009;border-radius:var(--radius-full);box-shadow:0 2px 10px #0000004d;color:#fff;font-size:.9rem;font-weight:500;opacity:0;padding:.5rem 1.2rem}.modal-tags .project-tag:first-child{animation-delay:.1s}.modal-tags .project-tag:nth-child(2){animation-delay:.2s}.modal-tags .project-tag:nth-child(3){animation-delay:.3s}@keyframes tag-slide-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.modal-content{display:flex;flex-direction:column;max-height:85vh;overflow-y:auto;padding:2.5rem}.modal-title{animation:title-slide-in .5s ease forwards;color:var(--text-primary);display:inline-block;font-size:1.8rem;font-weight:700;margin-bottom:1.2rem;position:relative}@keyframes title-slide-in{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.modal-title:after{animation:title-underline .8s ease .5s forwards;background:linear-gradient(to right,var(--primary),var(--accent));bottom:-5px;content:"";height:2px;left:0;position:absolute;transition:width .5s ease;width:0}@keyframes title-underline{0%{width:0}to{width:100%}}.modal-description{animation:fade-in-up .6s ease .2s forwards;color:var(--text-secondary);font-size:1.05rem;line-height:1.6;margin-bottom:1.5rem;opacity:0}.modal-challenges{animation:fade-in-up .6s ease .3s forwards;margin-bottom:1.5rem;opacity:0}.modal-challenges h4{color:var(--primary);display:inline-block;font-size:1.2rem;font-weight:600;margin-bottom:.8rem;position:relative}.modal-challenges h4:after{background:linear-gradient(to right,var(--primary),var(--accent));bottom:-5px;content:"";height:2px;left:0;position:absolute;transition:width .5s ease;width:30px}.modal-challenges h4:hover:after{width:100%}.modal-challenges ul{padding-left:1.5rem}.challenge-item{animation:slide-in .5s ease forwards;line-height:1.5;margin-bottom:.6rem;opacity:0;position:relative}.challenge-item:first-child{animation-delay:.4s}.challenge-item:nth-child(2){animation-delay:.5s}.challenge-item:nth-child(3){animation-delay:.6s}@keyframes slide-in{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.challenge-item::marker{color:var(--primary)}.modal-actions{align-items:center;animation:fade-in-up .6s ease .6s forwards;display:flex;gap:1rem;margin-top:auto;opacity:0}.project-link{align-items:center;background-color:var(--primary);border-radius:var(--radius-full);box-shadow:0 4px 15px #6366f14d;color:#fff;display:inline-flex;font-weight:500;gap:.5rem;overflow:hidden;padding:.8rem 1.8rem;position:relative;text-decoration:none;transition:all .3s ease}.project-link:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .7s ease;width:100%}.project-link:hover:before{left:100%}.project-link:hover{background-color:var(--primary);background-color:var(--primary-light,var(--primary));box-shadow:0 5px 15px #6366f166;transform:translateY(-3px)}.project-link .arrow{transition:transform .3s ease}.project-link:hover .arrow{transform:translateX(5px)}.project-secondary-btn{background-color:initial;border:1px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-primary);cursor:pointer;padding:.7rem 1.5rem;transition:all .3s ease}.project-secondary-btn:hover{background-color:var(--bg-primary);border-color:var(--primary);color:var(--primary)}@media (max-width:1100px){.project-modal{max-width:90%}}@media (max-width:1024px){.projects-container{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.modal-grid{gap:1rem;grid-template-columns:1fr}.modal-image-container{padding:1rem}}@media (max-width:768px){.projects-container{grid-template-columns:1fr}.modal-image-container{height:280px}.project-element{opacity:.2!important}}@media (max-width:576px){.project-modal-overlay{padding:1rem}.project-modal{margin-top:2rem}.modal-image-container{height:220px}.modal-content{padding:1.5rem}.modal-actions{flex-direction:column;width:100%}.project-link,.project-secondary-btn{justify-content:center;text-align:center;width:100%}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.experience-section{overflow:hidden;padding-top:var(--spacing-xl);position:relative}.experience-lines{--rotation:0deg;--base-opacity:0.1;height:100%;left:0;overflow:hidden;top:0;width:100%}.experience-element,.experience-lines{pointer-events:none;position:absolute;z-index:1}.exp-dot{animation:exp-dot-float 20s ease-in-out infinite alternate;background:radial-gradient(circle at center,var(--primary) 0,#0000 70%);border-radius:50%;box-shadow:0 0 10px #6366f180}.exp-line{animation:exp-line-float 25s ease-in-out infinite alternate;background:linear-gradient(90deg,#0000,var(--primary),#0000);border-radius:var(--radius-full);transform-origin:center}.exp-circle{animation:exp-circle-pulse 15s ease-in-out infinite alternate;background:#0000;border:1px solid var(--primary);border-radius:50%}.exp-hexagon{animation:exp-hex-float 22s ease-in-out infinite alternate;background:var(--primary);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);opacity:.1}.color-variant-0{--element-color:var(--primary)}.color-variant-1{--element-color:var(--secondary)}.color-variant-2{--element-color:var(--accent)}.color-variant-3{--element-color:var(--primary-light)}.exp-dot.color-variant-0{background:radial-gradient(circle at center,var(--primary) 0,#0000 70%);box-shadow:0 0 10px #6366f180}.exp-dot.color-variant-1{background:radial-gradient(circle at center,var(--secondary) 0,#0000 70%);box-shadow:0 0 10px #8b5cf680}.exp-dot.color-variant-2{background:radial-gradient(circle at center,var(--accent) 0,#0000 70%);box-shadow:0 0 10px #ec489980}.exp-dot.color-variant-3{background:radial-gradient(circle at center,var(--primary-light) 0,#0000 70%);box-shadow:0 0 10px #818cf880}.exp-line.color-variant-0{background:linear-gradient(90deg,#0000,var(--primary),#0000)}.exp-line.color-variant-1{background:linear-gradient(90deg,#0000,var(--secondary),#0000)}.exp-line.color-variant-2{background:linear-gradient(90deg,#0000,var(--accent),#0000)}.exp-line.color-variant-3{background:linear-gradient(90deg,#0000,var(--primary-light),#0000)}.exp-circle.color-variant-0{border-color:var(--primary);box-shadow:0 0 20px #6366f133}.exp-circle.color-variant-1{border-color:var(--secondary);box-shadow:0 0 20px #8b5cf633}.exp-circle.color-variant-2{border-color:var(--accent);box-shadow:0 0 20px #ec489933}.exp-circle.color-variant-3{border-color:var(--primary-light);box-shadow:0 0 20px #818cf833}.exp-hexagon.color-variant-0{background:var(--primary)}.exp-hexagon.color-variant-1{background:var(--secondary)}.exp-hexagon.color-variant-2{background:var(--accent)}.exp-hexagon.color-variant-3{background:var(--primary-light)}@keyframes exp-dot-float{0%{transform:translate(0) scale(1)}33%{transform:translate(20px,-15px) scale(1.2)}66%{transform:translate(-15px,10px) scale(.8)}to{transform:translate(5px,-25px) scale(1)}}@keyframes exp-line-float{0%{transform:translate(0) rotate(0deg) scale(1);transform:translate(0) rotate(var(--rotation,0deg)) scale(1)}50%{transform:translate(20px,10px) rotate(15deg) scale(1.1);transform:translate(20px,10px) rotate(calc(var(--rotation, 0deg) + 15deg)) scale(1.1)}to{transform:translate(-15px,-15px) rotate(-15deg) scale(.9);transform:translate(-15px,-15px) rotate(calc(var(--rotation, 0deg) - 15deg)) scale(.9)}}@keyframes exp-circle-pulse{0%{opacity:.1;opacity:var(--base-opacity,.1);transform:scale(1)}50%{opacity:.15;opacity:calc(var(--base-opacity, .1)*1.5);transform:scale(1.2)}to{opacity:.07;opacity:calc(var(--base-opacity, .1)*.7);transform:scale(.8)}}@keyframes exp-hex-float{0%{transform:translate(0) rotate(0deg)}33%{transform:translate(-25px,15px) rotate(120deg)}66%{transform:translate(15px,25px) rotate(240deg)}to{transform:translate(10px,-20px) rotate(1turn)}}@keyframes line-float{0%{transform:translate(0) rotate(0deg);transform:translate(0) rotate(var(--rotation,0deg))}50%{transform:translate(20px,10px) rotate(5deg);transform:translate(20px,10px) rotate(calc(var(--rotation, 0deg) + 5deg))}to{transform:translate(-10px,-15px) rotate(-5deg);transform:translate(-10px,-15px) rotate(calc(var(--rotation, 0deg) - 5deg))}}.section-subtitle{color:var(--text-secondary);margin:1rem auto 0;max-width:600px;position:relative;text-align:center;z-index:2}.experience-tabs{display:flex;gap:1rem;justify-content:center;margin-bottom:2.5rem;position:relative;z-index:2}.experience-tab{background-color:var(--bg-card);border:none;border-radius:var(--radius-full);box-shadow:var(--shadow-sm);color:var(--text-secondary);cursor:pointer;font-size:.9rem;font-weight:500;overflow:hidden;padding:.7rem 1.8rem;position:relative;transition:var(--transition-normal)}.experience-tab:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .7s ease;width:100%}.experience-tab:hover:before{left:100%}.experience-tab.active{background:linear-gradient(135deg,var(--primary),var(--accent));box-shadow:var(--shadow-md);color:#fff}.experience-tab:hover:not(.active){box-shadow:var(--shadow-md);color:var(--primary);transform:translateY(-3px)}.timeline-container{margin:0 auto;max-width:900px;padding-top:2rem;position:relative;z-index:2}.timeline-item{animation:slide-up .6s ease both;display:flex;margin-bottom:4rem;position:relative;z-index:2}.timeline-item:last-child{margin-bottom:0}.timeline-marker{min-width:60px;position:relative;z-index:3}.timeline-dot{background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:50%;box-shadow:0 0 0 5px #6366f133;height:20px;margin-top:5px;position:relative;transition:all .3s ease;width:20px;z-index:3}.timeline-dot.pulse{animation:dot-pulse 1.5s infinite}@keyframes dot-pulse{0%{box-shadow:0 0 0 0 #6366f1b3}70%{box-shadow:0 0 0 10px #6366f100}to{box-shadow:0 0 0 0 #6366f100}}.timeline-dot:before{background-color:#fff;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;width:0}.timeline-item:hover .timeline-dot:before{height:10px;width:10px}.timeline-line{background:linear-gradient(to bottom,var(--primary),var(--accent));bottom:-50px;left:10px;position:absolute;top:20px;width:2px;z-index:2}.timeline-item:last-child .timeline-line{display:none}.timeline-item:first-child .timeline-card{border-top:4px solid var(--primary)}.timeline-item:nth-child(2) .timeline-card{border-top:4px solid var(--secondary)}.timeline-item:nth-child(3) .timeline-card{border-top:4px solid var(--accent)}.timeline-item:nth-child(4) .timeline-card{border-top:4px solid var(--primary-light)}.timeline-card{background-color:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);flex:1 1;overflow:hidden;padding:2rem;position:relative;transition:var(--transition-normal);z-index:2}.timeline-card:before{background:linear-gradient(135deg,#6366f10d,#ec48990d);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .5s ease;width:100%;z-index:-1}.timeline-card.expanded:before,.timeline-card:hover:before{opacity:1}.timeline-card.expanded,.timeline-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.timeline-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.timeline-date{color:var(--primary);font-size:.9rem;font-weight:500}.company-logo{background-color:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);height:50px;overflow:hidden;padding:5px;transition:var(--transition-normal);width:50px}.company-logo img{height:100%;object-fit:contain;width:100%}.timeline-card:hover .company-logo{transform:scale(1.1)}.timeline-item:first-child .timeline-date{color:var(--primary)}.timeline-item:nth-child(2) .timeline-date{color:var(--secondary)}.timeline-item:nth-child(3) .timeline-date{color:var(--accent)}.timeline-item:nth-child(4) .timeline-date{color:var(--primary-light)}.timeline-role{color:var(--text-primary);display:inline-block;font-size:1.3rem;font-weight:600;margin-bottom:.5rem;position:relative}.timeline-role:after{background:linear-gradient(to right,var(--primary),var(--accent));bottom:-5px;content:"";height:2px;left:0;position:absolute;transition:width .5s ease;width:0}.timeline-card.expanded .timeline-role:after,.timeline-card:hover .timeline-role:after{width:100%}.timeline-company{align-items:center;color:var(--text-secondary);display:flex;font-weight:500;gap:.5rem;margin-bottom:1rem}.experience-type{background-color:#6366f11a;border-radius:var(--radius-full);color:var(--primary);font-size:.8rem;overflow:hidden;padding:.2rem .6rem;position:relative}.experience-type:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .7s ease;width:100%}.timeline-card.expanded .experience-type:before,.timeline-card:hover .experience-type:before{left:100%}.timeline-item:first-child .experience-type{background-color:#6366f11a;color:var(--primary)}.timeline-item:nth-child(2) .experience-type{background-color:#8b5cf61a;color:var(--secondary)}.timeline-item:nth-child(3) .experience-type{background-color:#ec48991a;color:var(--accent)}.timeline-item:nth-child(4) .experience-type{background-color:#818cf81a;color:var(--primary-light)}.timeline-description{line-height:1.6;margin-bottom:1rem}.timeline-skills{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.skill-chip{background-color:#6366f11a;border-radius:var(--radius-full);color:var(--primary);font-size:.8rem;font-weight:500;overflow:hidden;padding:.2rem .8rem;position:relative;transition:var(--transition-normal)}.skill-chip:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .7s ease;width:100%}.skill-chip:hover:before{left:100%}.timeline-item:first-child .skill-chip{background-color:#6366f11a;color:var(--primary)}.timeline-item:first-child .skill-chip:hover{background-color:var(--primary);color:#fff}.timeline-item:nth-child(2) .skill-chip{background-color:#8b5cf61a;color:var(--secondary)}.timeline-item:nth-child(2) .skill-chip:hover{background-color:var(--secondary);color:#fff}.timeline-item:nth-child(3) .skill-chip{background-color:#ec48991a;color:var(--accent)}.timeline-item:nth-child(3) .skill-chip:hover{background-color:var(--accent);color:#fff}.timeline-item:nth-child(4) .skill-chip{background-color:#818cf81a;color:var(--primary-light)}.timeline-item:nth-child(4) .skill-chip:hover{background-color:var(--primary-light);color:#fff}.skill-chip:hover{box-shadow:var(--shadow-sm);transform:translateY(-3px)}.timeline-competences h4,.timeline-tasks h4{display:inline-block;font-size:1rem;font-weight:600;margin-bottom:.8rem;position:relative}.timeline-competences h4:after,.timeline-tasks h4:after{background:linear-gradient(to right,var(--primary),var(--accent));bottom:-5px;content:"";height:2px;left:0;position:absolute;transition:width .5s ease;width:30px}.timeline-card.expanded .timeline-competences h4:after,.timeline-card.expanded .timeline-tasks h4:after,.timeline-card:hover .timeline-competences h4:after,.timeline-card:hover .timeline-tasks h4:after{width:100%}.timeline-item:first-child .timeline-competences h4,.timeline-item:first-child .timeline-tasks h4{color:var(--primary)}.timeline-item:nth-child(2) .timeline-competences h4,.timeline-item:nth-child(2) .timeline-tasks h4{color:var(--secondary)}.timeline-item:nth-child(3) .timeline-competences h4,.timeline-item:nth-child(3) .timeline-tasks h4{color:var(--accent)}.timeline-item:nth-child(4) .timeline-competences h4,.timeline-item:nth-child(4) .timeline-tasks h4{color:var(--primary-light)}.timeline-competences ul,.timeline-tasks ul{list-style-type:none}.timeline-competences li,.timeline-tasks li{animation:fade-in .5s ease both;margin-bottom:.5rem;padding-left:1.5rem;position:relative}.timeline-competences li:before,.timeline-tasks li:before{border-radius:50%;content:"";height:8px;left:0;position:absolute;top:10px;transition:var(--transition-normal);width:8px}.timeline-competences{border-top:1px dashed #6366f133;margin-top:1.5rem;padding-top:1.5rem}.timeline-competences li:before{border-radius:2px;height:8px;top:10px;transform:rotate(45deg);width:8px}.timeline-item:first-child .timeline-tasks li:before{background-color:var(--primary)}.timeline-item:nth-child(2) .timeline-tasks li:before{background-color:var(--secondary)}.timeline-item:nth-child(3) .timeline-tasks li:before{background-color:var(--accent)}.timeline-item:nth-child(4) .timeline-tasks li:before{background-color:var(--primary-light)}.timeline-item:first-child .timeline-competences li:before{background-color:var(--primary)}.timeline-item:nth-child(2) .timeline-competences li:before{background-color:var(--secondary)}.timeline-item:nth-child(3) .timeline-competences li:before{background-color:var(--accent)}.timeline-item:nth-child(4) .timeline-competences li:before{background-color:var(--primary-light)}.timeline-competences li:hover:before,.timeline-tasks li:hover:before{transform:scale(1.5)}.no-experiences{background-color:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:var(--text-secondary);font-style:italic;padding:3rem;text-align:center}@media (max-width:768px){.timeline-item{flex-direction:column}.timeline-marker{display:flex;justify-content:center;margin-bottom:1rem;min-width:0}.timeline-line{display:none}.timeline-card{width:100%}.connected-line{opacity:.05!important}.experience-tabs{flex-direction:column;gap:.5rem}.experience-tab{width:100%}.experience-element{opacity:.15!important}}@media (max-width:576px){.timeline-skills{gap:.3rem}.skill-chip{font-size:.75rem;padding:.2rem .6rem}.timeline-header{align-items:flex-start;flex-direction:column;gap:.5rem}.company-logo{align-self:center}}.footer{overflow:hidden;padding:7rem 0 2rem;position:relative}.footer-particles{height:100%;left:0;top:0;width:100%}.footer-particle,.footer-particles{pointer-events:none;position:absolute;z-index:1}.footer-particle{animation:footer-float 20s ease-in-out infinite alternate;background:linear-gradient(135deg,var(--primary-light),var(--accent));border-radius:50%}@keyframes footer-float{0%{transform:translate(0) rotate(0deg)}50%{transform:translate(30px,-20px) rotate(180deg)}to{transform:translate(-30px,30px) rotate(1turn)}}.footer-waves{left:0;line-height:0;overflow:hidden;pointer-events:none;position:absolute;top:-100px;width:100%;z-index:2}.footer-waves svg{display:block;height:100px;position:relative;width:calc(100% + 1.3px)}.footer-waves .shape-fill{fill:var(--bg-card)}.footer-content{display:flex;justify-content:space-between;margin-bottom:3rem;position:relative;z-index:3}.footer-info{max-width:350px}.footer-logo{-webkit-text-fill-color:#0000;text-fill-color:#0000;background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;background-clip:text;font-size:1.8rem;font-weight:700;margin-bottom:1rem}.contact-info{margin-top:1.5rem}.contact-item{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem;transition:transform .3s ease}.contact-item:hover{transform:translateX(5px)}.contact-icon{font-size:1.2rem}.contact-item a{color:var(--text-secondary);padding-bottom:2px;position:relative;transition:var(--transition-normal)}.contact-item a:after{background-color:var(--primary);bottom:0;content:"";height:1px;left:0;position:absolute;transition:width .3s ease;width:0}.contact-item a:hover:after{width:100%}.contact-item a:hover{color:var(--primary)}.footer-links h3{color:var(--text-primary);display:inline-block;font-size:1.2rem;font-weight:600;margin-bottom:1.5rem;position:relative}.footer-links h3:after{background:linear-gradient(to right,var(--primary),var(--accent));bottom:-5px;content:"";height:2px;left:0;position:absolute;transition:width .4s ease;width:30px}.footer-links h3:hover:after{width:100%}.social-links{display:flex;gap:1rem;margin-bottom:2rem}.social-link{align-items:center;background-color:var(--bg-primary);border-radius:50%;box-shadow:var(--shadow-sm);color:var(--text-primary);display:flex;height:45px;justify-content:center;overflow:hidden;position:relative;transition:var(--transition-normal);width:45px}.social-link:before{background:linear-gradient(135deg,var(--primary),var(--accent));content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%;z-index:-1}.social-link svg{height:22px;position:relative;transition:transform .3s ease;width:22px;z-index:1}.social-link:hover{box-shadow:var(--shadow-md);color:#fff;transform:translateY(-5px)}.social-link:hover:before{opacity:1}.social-link:hover svg{transform:scale(1.1)}.linkedin-link:hover{background-color:#0077b5;color:#fff}.github-link:hover{background-color:#333;color:#fff}.twitter-link:hover{background-color:#1da1f2;color:#fff}.dribbble-link:hover{background-color:#ea4c89;color:#fff}.footer-nav{display:flex;flex-wrap:wrap;gap:1rem 2rem}.footer-nav a{color:var(--text-secondary);position:relative;transition:var(--transition-normal)}.footer-nav a:after{background:linear-gradient(to right,var(--primary),var(--accent));bottom:-3px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.footer-nav a:hover{color:var(--primary)}.footer-nav a:hover:after{width:100%}.copyright{border-top:1px solid #6366f11a;color:var(--text-secondary);font-size:.9rem;padding-top:2rem;position:relative;text-align:center;z-index:3}@media (max-width:768px){.footer{padding-top:5rem}.footer-content{flex-direction:column;gap:3rem}.footer-info{max-width:none;text-align:center}.footer-logo{margin-left:auto;margin-right:auto}.contact-item{justify-content:center}.footer-links{text-align:center}.footer-links h3:after{left:50%;transform:translateX(-50%)}.footer-nav,.social-links{justify-content:center}.footer-particle{opacity:.1!important}}.animated-background{background-color:var(--bg-primary);height:100%;left:0;overflow:hidden;position:fixed;top:0;transition:background-color .2s ease;width:100%;z-index:-100}.global-particles-background{height:100%;left:0;position:absolute;top:0;width:100%;z-index:-99}.global-particle{background:linear-gradient(135deg,var(--primary-light),var(--accent));border-radius:50%;pointer-events:none;position:absolute;z-index:-99}.particle-animation-1{animation:float-particle-1 linear infinite alternate}.particle-animation-2{animation:float-particle-2 linear infinite alternate}.particle-animation-3{animation:float-particle-3 linear infinite alternate}.particle-animation-4{animation:float-particle-4 linear infinite alternate}@keyframes float-particle-1{0%{transform:translate(0) rotate(0deg)}to{transform:translate(30px,20px) rotate(10deg)}}@keyframes float-particle-2{0%{transform:translate(0) rotate(0deg)}to{transform:translate(-20px,40px) rotate(-15deg)}}@keyframes float-particle-3{0%{transform:translate(0) rotate(0deg)}to{transform:translate(40px,-30px) rotate(20deg)}}@keyframes float-particle-4{0%{transform:translate(0) rotate(0deg)}to{transform:translate(-30px,-30px) rotate(-10deg)}}@media (max-width:768px){.global-particle{opacity:.4}}:root{--primary:#6366f1;--primary-light:#818cf8;--secondary:#8b5cf6;--accent:#ec4899;--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-card:#f9fafb;--text-primary:#1f2937;--text-secondary:#4b5563;--border-color:#e5e7ebcc;--shadow-sm:0 4px 6px #0000000d;--shadow-md:0 10px 15px #0000001a;--shadow-lg:0 20px 25px #00000026;--shadow-xl:0 25px 50px #0003;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:9999px;--transition-normal:all 0.2s ease;--transition-bounce:all 0.3s cubic-bezier(0.68,-0.6,0.32,1.6);--spacing-xs:0.5rem;--spacing-sm:1rem;--spacing-md:2rem;--spacing-lg:4rem;--spacing-xl:8rem;--font-family:"Inter",sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--container-width:1280px;--header-height:80px}[data-theme=dark]{--bg-primary:#111827;--bg-secondary:#0e1624;--bg-card:#1f2937;--text-primary:#f9fafb;--text-secondary:#d1d5db;--border-color:#374151cc;--shadow-sm:0 4px 6px #0003;--shadow-md:0 10px 15px #0000004d;--shadow-lg:0 20px 25px #0006;--shadow-xl:0 25px 50px #00000080;--primary:#818cf8;--primary-light:#a5b4fc;--secondary:#a78bfa;--accent:#f472b6}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{color:var(--text-primary);font-family:var(--font-family);line-height:1.7;overflow-x:hidden;transition:color .2s ease}.portfolio-app,body{background-color:var(--bg-primary);position:relative}.portfolio-app{transition:background-color .2s ease}.section{margin-bottom:-1px;position:relative;z-index:2}.section-transition,.transition-wave{display:none}img{display:block;max-width:100%}a{color:var(--primary);text-decoration:none;transition:color .2s ease}ol,ul{list-style-position:inside}button{cursor:pointer;font-family:inherit}.container{margin:0 auto;max-width:var(--container-width);padding:0 var(--spacing-md);position:relative;width:100%;z-index:10}.section{padding:var(--spacing-xl) 0}.btn{border:none;border-radius:var(--radius-full);cursor:pointer;display:inline-block;font-size:var(--font-size-base);font-weight:600;outline:none;overflow:hidden;padding:.9rem 2.5rem;position:relative;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .7s ease;width:100%}.btn:hover:before{left:100%}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--secondary));box-shadow:0 10px 25px #6366f14d;color:#fff}.btn-primary:hover{box-shadow:0 15px 30px #6366f166;transform:translateY(-3px)}.btn-primary:active{transform:translateY(1px)}.btn-outline{background:#0000;border:2px solid var(--primary);color:var(--primary);position:relative;z-index:1}.btn-outline:after{background:var(--primary);content:"";height:100%;left:0;position:absolute;top:0;transition:width .3s ease;width:0;z-index:-1}.btn-outline:hover{color:#fff}.btn-outline:hover:after{width:100%}.btn-outline:active{transform:translateY(1px)}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:var(--spacing-sm)}h1{font-size:var(--font-size-5xl)}h2{font-size:var(--font-size-4xl)}h3{font-size:var(--font-size-3xl)}h4{font-size:var(--font-size-2xl)}h5{font-size:var(--font-size-xl)}h6{font-size:var(--font-size-lg)}p{margin-bottom:var(--spacing-sm)}.gradient-text{-webkit-text-fill-color:#0000;text-fill-color:#0000;background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;background-clip:text}.section-header{margin-bottom:var(--spacing-lg);position:relative;text-align:center;z-index:10}.section-title{display:inline-block;font-size:var(--font-size-4xl);font-weight:700;margin-bottom:var(--spacing-sm);position:relative}.section-title:after{background:linear-gradient(to right,var(--primary),var(--accent));border-radius:var(--radius-full);bottom:-10px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);transition:width .5s ease;width:0}.section-header:hover .section-title:after{width:100px}.section-line{background:linear-gradient(90deg,var(--primary),var(--accent));border-radius:var(--radius-full);height:4px;margin:0 auto;transition:width .5s ease;width:80px}.section-header:hover .section-line{width:120px}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-right{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-in-left{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media (max-width:1024px){h1{font-size:calc(var(--font-size-5xl)*.85)}h2{font-size:calc(var(--font-size-4xl)*.85)}.section{padding:calc(var(--spacing-xl)*.75) 0}}@media (max-width:768px){html{font-size:15px}.container{padding:0 var(--spacing-sm)}h1{font-size:calc(var(--font-size-5xl)*.7)}h2{font-size:calc(var(--font-size-4xl)*.7)}.section{padding:calc(var(--spacing-xl)*.6) 0}}@media (max-width:576px){html{font-size:14px}h1{font-size:calc(var(--font-size-5xl)*.6)}.btn{width:100%}.section{padding:calc(var(--spacing-xl)*.5) 0}}
/*# sourceMappingURL=main.05a88119.css.map*/