:root{--accent-red:#f33;--accent-blue:#00a8ff;--accent-green:#0f8;--accent-purple:#9945ff;--accent-cyan:#0ff}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.bar-chart{opacity:0;will-change:height;animation:.8s ease-out forwards growBar}.bar-1{animation-delay:.1s}.bar-2{animation-delay:.2s}.bar-3{animation-delay:.3s}.bar-4{animation-delay:.4s}.bar-5{animation-delay:.5s}.bar-6{animation-delay:.6s}.bar-7{animation-delay:.7s}.bar-8{animation-delay:.8s}@keyframes growBar{0%{opacity:0;height:0%!important}to{opacity:1}}.prism-line{background:#ffffff0d;width:100%;height:2px;margin:0 auto 60px;position:relative;overflow:hidden}.prism-line:before{content:"";will-change:left;backface-visibility:hidden;contain:paint;background:linear-gradient(90deg,#0000 0%,#20c99b 15%,#ec407a 35%,#06b6d4 50%,#7c3aed 70%,#0000 100%);width:100%;height:100%;animation:6s cubic-bezier(.25,.46,.45,.94) infinite prismSweep;position:absolute;top:0;left:-100%;transform:translateZ(0)}@keyframes prismSweep{0%{opacity:0;left:-100%}5%{opacity:.5}10%{opacity:1}90%{opacity:1}95%{opacity:.5}to{opacity:0;left:100%}}.philosophy-headline{background:linear-gradient(135deg,#0ff 0%,#9945ff 25%,#00a8ff 50%,#0f8 75%,#0ff 100%);-webkit-text-fill-color:transparent;will-change:background-position;backface-visibility:hidden;background-size:300% 300%;-webkit-background-clip:text;background-clip:text;animation:8s infinite gradientFlow;transform:translateZ(0)}@keyframes gradientFlow{0%{background-position:0%}25%{background-position:50% 100%}50%{background-position:100%}75%{background-position:50% 0}to{background-position:0%}}.pillar{will-change:transform,border-color,box-shadow;backface-visibility:hidden;transition:all .7s cubic-bezier(.25,.46,.45,.94);position:relative;transform:translateZ(0)}.pillar:before{content:"";z-index:1;background:linear-gradient(90deg,#9945ff,#00a8ff,#0f8);width:100%;height:2px;transition:transform .7s cubic-bezier(.25,.46,.45,.94);position:absolute;top:0;left:0;transform:scaleX(0)}.pillar:hover{border-color:#9945ff99;transform:translateY(-12px);box-shadow:0 25px 60px #9945ff33,inset 0 0 30px #9945ff0d}.pillar-icon{justify-content:center;align-items:center;display:flex;position:relative}.pillar-icon:before{content:"";opacity:.2;z-index:-1;backface-visibility:hidden;background:linear-gradient(135deg,#9945ff,#00a8ff);border-radius:50%;width:100%;height:100%;animation:3s ease-in-out infinite pulse;position:absolute;transform:translate(0,0)}@keyframes pulse{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.1;transform:scale(1.2)}}.pillar-title{text-transform:uppercase;letter-spacing:2px;color:#fff}.philosophy-particles{pointer-events:none;contain:paint;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.particle{opacity:0;will-change:transform,opacity;backface-visibility:hidden;contain:paint;background:linear-gradient(135deg,#0ff,#9945ff);border-radius:50%;width:3px;height:3px;animation:35s linear infinite float-particle;position:absolute;transform:translateZ(0)}@keyframes float-particle{0%{opacity:0;transform:translate(0,0)rotate(0)scale(.4)}3%{opacity:.6}8%{opacity:1;transform:translate(8px,-8vh)rotate(45deg)scale(1)}50%{opacity:.7;transform:translate(-15px,-40vh)rotate(180deg)scale(.8)}92%{opacity:.5;transform:translate(10px,-85vh)rotate(315deg)scale(.5)}to{opacity:0;transform:translate(-8px,-100vh)rotate(360deg)scale(.2)}}.stat-card{transition:all .3s;position:relative;overflow:hidden}.stat-card:before{content:"";background:linear-gradient(90deg,#0000,#9945ff,#0000);width:100%;height:2px;animation:3s ease-in-out infinite statBorderSlide;position:absolute;top:0;left:-100%}@keyframes statBorderSlide{0%{left:-100%}50%{left:100%}to{left:-100%}}.stat-card:hover{border-color:#9945ff;transform:translateY(-5px);box-shadow:0 15px 40px #9945ff26}.stat-icon{margin-bottom:20px;font-size:48px;display:block}.skill-item{transition:all .3s;position:relative}.skill-item:hover{transform:scale(1.05)}.pillar{position:relative;overflow:hidden}.pillar:before{content:"";transform-origin:0;background:linear-gradient(90deg,#9945ff,#00a8ff,#0f8);border-radius:1px;height:2px;transition:transform .4s;position:absolute;top:0;left:20px;right:20px;transform:scaleX(0)}.pillar:hover:before{transform:scaleX(1)}.pillar-icon:before{content:"";opacity:.3;z-index:-1;background:linear-gradient(135deg,#9945ff,#00a8ff);border-radius:50%;width:100%;height:100%;animation:3s ease-in-out infinite pulse;position:absolute}.hero-bg{opacity:.35;will-change:transform;z-index:0;backface-visibility:hidden;contain:paint;background-image:linear-gradient(45deg,#0000 30%,#00ffcc14 50%,#0000 70%),linear-gradient(-45deg,#0000 30%,#ff008014 50%,#0000 70%);width:100%;height:100%;animation:30s ease-in-out infinite bgShift;position:absolute;top:0;left:0;transform:translateZ(0)}@keyframes bgShift{0%,to{transform:translate(0,0)scale(1)}25%{transform:translate(-10px,-15px)scale(1.02)}50%{transform:translate(-20px,-10px)scale(1)}75%{transform:translate(-5px,-20px)scale(1.01)}}.geometric-shapes{z-index:1;contain:paint;width:100%;height:100%;position:absolute;overflow:hidden}.shape{will-change:transform;backface-visibility:hidden;contain:paint;border:1.5px solid #0fc3;transition:border-color 2s;position:absolute;transform:translateZ(0)}.shape1{backface-visibility:hidden;will-change:transform;border-radius:4px;width:300px;height:300px;animation:40s cubic-bezier(.25,.46,.45,.94) infinite floatShape1;top:10%;left:-150px;transform:translateZ(0)}.shape2{backface-visibility:hidden;will-change:transform;border-color:#ec407a33;border-radius:4px;width:200px;height:200px;animation:45s cubic-bezier(.25,.46,.45,.94) infinite floatShape2;top:60%;right:-100px;transform:translateZ(0)}.shape3{backface-visibility:hidden;will-change:transform;border-color:#06b6d433;border-radius:4px;width:150px;height:150px;animation:38s cubic-bezier(.25,.46,.45,.94) infinite floatShape3;bottom:20%;left:-50px;transform:translateZ(0)}.shape4{backface-visibility:hidden;will-change:transform;border-color:#ec407a26;border-radius:4px;width:250px;height:250px;animation:42s cubic-bezier(.25,.46,.45,.94) infinite floatShape4;top:15%;right:5%;transform:translateZ(0)}.shape5{backface-visibility:hidden;will-change:transform;border-color:#00ffcc26;border-radius:4px;width:180px;height:180px;animation:50s cubic-bezier(.25,.46,.45,.94) infinite floatShape5;top:55%;right:-200px;transform:translateZ(0)}.shape6{backface-visibility:hidden;will-change:transform;border-color:#06b6d426;border-radius:4px;width:120px;height:120px;animation:44s cubic-bezier(.25,.46,.45,.94) infinite floatShape6;bottom:15%;right:8%;transform:translateZ(0)}@keyframes floatShape1{0%{transform:translate(0,0)rotate(45deg)}16.67%{transform:translateY(-20px)rotate(48deg)}33.33%{transform:translateY(-30px)rotate(44deg)}50%{transform:translateY(-28px)rotate(46deg)scale(1.02)}66.67%{transform:translateY(-12px)rotate(47deg)}83.33%{transform:translateY(-8px)rotate(43deg)}to{transform:translate(0,0)rotate(45deg)}}@keyframes floatShape2{0%{transform:translate(0,0)rotate(0)}25%{transform:translateY(-25px)rotate(-5deg)scale(1.01)}50%{transform:translateY(-35px)rotate(3deg)}75%{transform:translateY(-15px)rotate(-8deg)}to{transform:translate(0,0)rotate(0)}}@keyframes floatShape3{0%{transform:translate(0,0)rotate(30deg)}33.33%{transform:translateY(-22px)rotate(28deg)scale(1.01)}66.67%{transform:translateY(-30px)rotate(32deg)}to{transform:translate(0,0)rotate(30deg)}}@keyframes floatShape4{0%{opacity:.6;transform:translate(0,0)rotate(45deg)}25%{opacity:.75;transform:translateY(-18px)rotate(42deg)}50%{opacity:.85;transform:translateY(-28px)rotate(52deg)scale(1.02)}75%{opacity:.7;transform:translateY(-10px)rotate(45deg)}to{opacity:.6;transform:translate(0,0)rotate(45deg)}}@keyframes floatShape5{0%{transform:translate(0,0)rotate(-30deg)}33.33%{transform:translate(-35px)rotate(-25deg)scale(1.01)}66.67%{transform:translate(-45px)rotate(-35deg)}to{transform:translate(0,0)rotate(-30deg)}}@keyframes floatShape6{0%{transform:translate(0,0)rotate(20deg)}25%{transform:translateY(-18px)rotate(18deg)scale(1.01)}50%{transform:translateY(-24px)rotate(24deg)}75%{transform:translateY(-8px)rotate(22deg)}to{transform:translate(0,0)rotate(20deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-30px)}}.bar-chart-container{z-index:10;opacity:0;justify-content:center;align-items:center;min-height:500px;padding:40px 20px;animation:.8s cubic-bezier(.34,1.56,.64,1) forwards slideInFromRight;display:flex;position:relative}.animated-bar-chart{background:#06b6d40d;border:2px solid #06b6d480;border-radius:12px;justify-content:center;align-items:flex-end;gap:40px;width:100%;max-width:500px;height:350px;padding:40px 30px 30px;display:flex;position:relative;box-shadow:inset 0 0 30px #06b6d41a,0 0 30px #06b6d426}.animated-bar-chart:after{content:"";background:linear-gradient(90deg,#0000 0%,#06b6d480 50%,#0000 100%);border-radius:1px;height:2px;position:absolute;bottom:30px;left:30px;right:30px}.animated-bar-chart:before{content:"";background:linear-gradient(#0000 0%,#06b6d480 50%,#0000 100%);border-radius:1px;width:2px;position:absolute;top:40px;bottom:30px;left:30px}.chart-grid-lines{pointer-events:none;z-index:0;flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:40px 30px 30px}.grid-line-h{opacity:0;background:linear-gradient(90deg,#06b6d426 0%,#06b6d44d 50%,#06b6d426 100%);height:1px;animation:.6s ease-out forwards fadeInGridLine}.grid-line-h:first-child{animation-delay:2.8s}.grid-line-h:nth-child(2){animation-delay:2.85s}.grid-line-h:nth-child(3){animation-delay:2.9s}.grid-line-h:nth-child(4){animation-delay:2.95s}@keyframes fadeInGridLine{0%{opacity:0}to{opacity:1}}.chart-bar{will-change:height;opacity:0;z-index:10;border:2px solid #ffffff26;border-radius:10px 10px 0 0;width:60px;position:relative;overflow:hidden}.chart-bar.bar-1{will-change:height,opacity,box-shadow;backface-visibility:hidden;contain:paint;background:linear-gradient(#008264e6 0%,#00a078cc 30%,#14b48cb3 60%,#20c99bd9 100%);animation:1.8s cubic-bezier(.25,.46,.45,.94) .3s forwards growBar1;transform:translateZ(0)}.chart-bar.bar-2{will-change:height,opacity,box-shadow;backface-visibility:hidden;contain:paint;background:linear-gradient(#640050e6 0%,#961478cc 30%,#c8288cb3 60%,#ec407ad9 100%);animation:1.8s cubic-bezier(.25,.46,.45,.94) .6s forwards growBar2;transform:translateZ(0)}.chart-bar.bar-3{will-change:height,opacity,box-shadow;backface-visibility:hidden;contain:paint;background:linear-gradient(#0064b4e6 0%,#0096c8cc 30%,#00b4dcb3 60%,#06b6d4d9 100%);animation:1.8s cubic-bezier(.25,.46,.45,.94) .9s forwards growBar3;transform:translateZ(0)}.chart-bar.bar-4{will-change:height,opacity,box-shadow;backface-visibility:hidden;contain:paint;background:linear-gradient(#501e96e6 0%,#7828b4cc 30%,#963cc8b3 60%,#7c3aedd9 100%);animation:1.8s cubic-bezier(.25,.46,.45,.94) 1.2s forwards growBar4;transform:translateZ(0)}@keyframes growBar1{0%{opacity:0;height:0;transform:translateZ(0);box-shadow:inset 0 0 0 2px #20c99b00}50%{box-shadow:inset 0 0 15px 2px #20c99b66}to{opacity:1;height:45%;transform:translateZ(0);box-shadow:inset 0 0 0 2px #20c99b00}}@keyframes growBar2{0%{opacity:0;height:0;transform:translateZ(0);box-shadow:inset 0 0 0 2px #ec407a00}50%{box-shadow:inset 0 0 15px 2px #ec407a66}to{opacity:1;height:65%;transform:translateZ(0);box-shadow:inset 0 0 0 2px #ec407a00}}@keyframes growBar3{0%{opacity:0;height:0;transform:translateZ(0);box-shadow:inset 0 0 0 2px #06b6d400}50%{box-shadow:inset 0 0 15px 2px #06b6d466}to{opacity:1;height:70%;transform:translateZ(0);box-shadow:inset 0 0 0 2px #06b6d400}}@keyframes growBar4{0%{opacity:0;height:0;transform:translateZ(0);box-shadow:inset 0 0 0 2px #7c3aed00}50%{box-shadow:inset 0 0 15px 2px #7c3aed66}to{opacity:1;height:48%;transform:translateZ(0);box-shadow:inset 0 0 0 2px #7c3aed00}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}.chart-bar:hover{filter:brightness(1.3)drop-shadow(0 0 12px);backface-visibility:hidden;transition:all .6s cubic-bezier(.25,.46,.45,.94);transform:translateY(-8px)translateZ(0)}.arrow-line{filter:drop-shadow(0 0 8px #fff9);background:linear-gradient(90deg,#0000 0%,#ffffff4d 10%,#fffc 50%,#ffffff4d 90%,#0000 100%);border-radius:2px;width:80px;height:3px;animation:3s ease-in-out 2.8s forwards traverseBars;position:absolute;top:-40px;left:0}.arrow-line:after{content:"►";color:#fffc;filter:drop-shadow(0 0 6px #fffc);font-size:18px;position:absolute;top:-8px;right:-15px}.chart-grid{pointer-events:none;flex-direction:column;justify-content:space-between;height:120px;display:flex;position:absolute;top:-40px;left:0;right:0}.grid-line{background:linear-gradient(90deg,#0000 0%,#06b6d466 10% 90%,#0000 100%);width:100%;height:1px;animation:.8s ease-out forwards fadeInLine}.grid-line:first-child{animation-delay:2.8s}.grid-line:nth-child(2){animation-delay:2.9s}.grid-line:nth-child(3){animation-delay:3s}@keyframes fadeInLine{0%{opacity:0}to{opacity:1}}.circuit-light-path{stroke:#0ff9;stroke-width:1.5px;stroke-dasharray:1;stroke-dashoffset:1px;animation:circuit-draw var(--dur,5s)linear infinite;animation-delay:var(--delay,0s);filter:drop-shadow(0 0 4px #0ff6)}@keyframes circuit-draw{0%{stroke-dashoffset:1px;opacity:0}5%{opacity:1}50%{stroke-dashoffset:0;opacity:1}55%{opacity:0}to{stroke-dashoffset:0;opacity:0}}