.skill-card{background:rgba(255,255,255,.03);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:25px;margin-bottom:25px;border:1px solid rgba(255,255,255,.05);position:relative;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}.skill-card:before{top:0;left:0;width:100%;height:100%;background:var(--skill-gradient);z-index:0}.skill-card:after,.skill-card:before{content:"";position:absolute;opacity:0;transition:opacity .4s ease-in-out}.skill-card:after{top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0,rgba(255,255,255,0) 70%);transform:rotate(45deg)}.skill-card:hover:before{opacity:.08}.skill-card:hover:after{opacity:.1;animation:rotateGradient 8s linear infinite}.skill-header{gap:20px;margin-bottom:20px;z-index:1}.skill-header,.skill-icon{display:flex;align-items:center;position:relative}.skill-icon{width:60px;height:60px;justify-content:center;background:rgba(255,255,255,.05);border-radius:16px;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden}.skill-icon:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--skill-gradient);opacity:0;transition:opacity .4s ease-in-out}.skill-card:hover .skill-icon{transform:scale(1.1) rotate(5deg)}.skill-card:hover .skill-icon:before{opacity:.2}.skill-image{transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;z-index:1}.skill-card:hover .skill-image{transform:scale(1.15);filter:brightness(1.2) drop-shadow(0 0 8px rgba(255,255,255,.2))}.skill-info{flex:1 1}.skill-info .heading{margin:0;font-size:20px;font-weight:600;color:#fff;transition:all .4s cubic-bezier(.4,0,.2,1);text-shadow:0 2px 4px rgba(0,0,0,.1)}.skill-level{display:flex;align-items:center;gap:10px;margin-top:8px}.level-dot{width:8px;height:8px;background:var(--skill-color);border-radius:50%;animation:pulse 2s infinite;box-shadow:0 0 10px var(--skill-color)}.level-text{font-size:14px;color:rgba(255,255,255,.8);font-weight:500;letter-spacing:.5px}.progress{height:12px;background:rgba(255,255,255,.05);overflow:hidden;margin-top:30px;box-shadow:inset 0 2px 4px rgba(0,0,0,.1)}.progress,.progress-bar{border-radius:12px;position:relative}.progress-bar{height:100%;transition:width 1.2s cubic-bezier(.4,0,.2,1);animation:progressAnimation 1.5s ease-in-out,gradientMove 3s linear infinite;background-size:200% 100%}.progress-bar:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.3) 50%,rgba(255,255,255,0));animation:shimmer 2s infinite;transform:translateX(-100%)}.percent-label{position:absolute;right:0;top:-28px;background:var(--skill-gradient);padding:4px 12px;border-radius:14px;color:white;font-size:13px;font-weight:600;box-shadow:0 4px 12px rgba(0,0,0,.15);transition:all .4s cubic-bezier(.4,0,.2,1);opacity:0;transform:translateY(10px);z-index:2;letter-spacing:.5px}.skill-card:hover .percent-label{opacity:1;transform:translateY(0)}@keyframes pulse{0%{transform:scale(1);opacity:1;box-shadow:0 0 10px var(--skill-color)}50%{transform:scale(1.5);opacity:.5;box-shadow:0 0 20px var(--skill-color)}to{transform:scale(1);opacity:1;box-shadow:0 0 10px var(--skill-color)}}@keyframes progressAnimation{0%{width:0;opacity:.5}to{width:var(--progress-width);opacity:1}}@keyframes gradientMove{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes shimmerEffect{0%{box-shadow:0 0 5px rgba(var(--skill-color-rgb),.3)}50%{box-shadow:0 0 15px rgba(var(--skill-color-rgb),.6)}to{box-shadow:0 0 5px rgba(var(--skill-color-rgb),.3)}}.animated-progress-bar{position:relative;overflow:hidden}.animated-progress-bar:after{content:"";position:absolute;top:0;left:0;height:100%;width:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.skill-card:hover .animated-progress-bar{animation-duration:1s!important;box-shadow:0 0 20px rgba(var(--skill-color-rgb),.7)!important}.skill-card:hover .percent-label{transform:translateY(-5px) scale(1.1);background:var(--skill-gradient);color:white;box-shadow:0 5px 15px rgba(0,0,0,.2)}@keyframes rotateGradient{0%{transform:rotate(45deg)}to{transform:rotate(405deg)}}.skill-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px rgba(0,0,0,.15)}.skill-card:hover .skill-info .heading{color:var(--skill-color);text-shadow:0 0 20px rgba(var(--skill-color-rgb),.3)}@media (max-width:768px){.skill-card{padding:20px}.skill-icon{width:50px;height:50px}.skill-info .heading{font-size:18px}.level-text{font-size:13px}.progress{height:10px;margin-top:25px}.percent-label{font-size:12px;padding:3px 10px}}.skill-section-header{text-align:center;margin-bottom:40px;position:relative}.skill-main-title{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#ac0d0d,#ff014f);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 4px 8px rgba(0,0,0,.1);margin-bottom:15px;position:relative;display:inline-block;transition:all .4s cubic-bezier(.4,0,.2,1)}.skill-main-title:before{content:"";position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:60px;height:3px;background:linear-gradient(90deg,#ac0d0d,#ff014f);border-radius:2px;transition:width .4s ease-in-out}.skill-section-header:hover .skill-main-title:before{width:100px}.skill-subtitle{font-size:1.1rem;color:rgba(255,255,255,.8);font-weight:400;letter-spacing:1px;text-transform:uppercase;margin:0;position:relative;display:inline-block;padding:8px 20px;background:rgba(255,255,255,.05);border-radius:25px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);transition:all .4s cubic-bezier(.4,0,.2,1)}.skill-subtitle:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(102,126,234,.1),rgba(118,75,162,.1));border-radius:25px;opacity:0;transition:opacity .4s ease-in-out}.skill-section-header:hover .skill-subtitle{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.15);color:rgba(255,255,255,.95)}.skill-section-header:hover .skill-subtitle:before{opacity:1}@media (max-width:768px){.skill-main-title{font-size:2rem}.skill-subtitle{font-size:1rem;padding:6px 16px}}.enhanced-skill-title{position:relative;z-index:1}.gradient-text{background:linear-gradient(135deg,#680623,#ff014f 50%,#ec225e);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200% 200%;animation:gradientShift 3s ease-in-out infinite;position:relative;display:inline-block}.gradient-text:after{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:2px;background:linear-gradient(90deg,#c50b0b,#d60909,#f70606);border-radius:1px;transform:scaleX(0);transform-origin:left;animation:underlineExpand 2s ease-in-out infinite}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes underlineExpand{0%,to{transform:scaleX(0)}50%{transform:scaleX(1)}}