.section-header{text-align:center;margin-bottom:3.5rem}.section-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem;position:relative;display:inline-block}.skill-card{border:none;border-radius:16px;background:#ffffff;box-shadow:0 4px 12px rgba(0,0,0,.08);transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden;position:relative}.skill-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--underline-color);transform:scaleX(0);transition:transform .4s ease}.skill-card:hover:before{transform:scaleX(1)}.skill-card:hover{transform:translateY(-10px);box-shadow:0 8px 32px rgba(163,177,138,.37)}.skill-card-body{padding:2.5rem 1.5rem;display:flex;flex-direction:column;align-items:center;text-align:center}.skill-icon-wrapper{width:100px;height:100px;display:flex;align-items:center;justify-content:center;background:var(--underline-color);border-radius:24px;margin-bottom:1.5rem;box-shadow:0 8px 32px rgba(173,177,138,.21);transition:all .4s ease;position:relative}.skill-card:hover .skill-icon-wrapper{box-shadow:0 8px 32px rgba(173,177,138,.33);transform:scale(1.05)}.skill-icon{font-size:3rem;animation:gentleFloat 3s ease-in-out infinite}.skill-card:hover .skill-icon{animation:subtleScale .5s ease-in-out}.skill-name{font-size:1.35rem;font-weight:700;margin-bottom:1rem;transition:color .3s ease}.skill-card:hover .skill-name{color:var(--main-text-color)}.skill-description{color:#718096;font-size:.95rem;line-height:1.7;margin:0}.tools-section-wrapper{margin-top:5rem;padding-top:3rem;border-top:1px solid #e2e8f0}.tool-card{border:none;border-radius:16px;background:#ffffff;box-shadow:0 2px 8px rgba(0,0,0,.06);transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;overflow:hidden}.tool-card:hover{transform:translateY(-8px) scale(1.03);box-shadow:0 8px 32px rgba(163,177,138,.37)}.tool-card-body{padding:2rem 1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:150px}.tool-icon-wrapper{margin-bottom:1rem;position:relative}.tool-icon{font-size:3rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block;transition:all .3s ease}.tool-card:hover .tool-icon{animation:gentleFloat .5s ease-in-out;transform:scale(1.1)}.tool-name{font-size:1rem;font-weight:600;margin:0;transition:color .3s ease}.tool-card:hover .tool-name{color:var(--main-text-color)}.show-more-btn{background:var(--underline-color);border:none;padding:14px 48px;border-radius:50px;font-weight:600;font-size:1rem;color:#ffffff;box-shadow:0 8px 32px rgba(173,177,138,.21);transition:all .3s ease;position:relative;overflow:hidden}.show-more-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.show-more-btn:hover:before{left:100%}.show-more-btn:hover{transform:translateY(-3px);box-shadow:0 8px 32px rgba(173,177,138,.33);background:var(--underline-color)}.show-more-btn:active{transform:translateY(-1px)}@keyframes gentleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes subtleScale{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@media (max-width:992px){.section-title{font-size:2rem}.skill-icon-wrapper{width:85px;height:85px}.skill-icon,.tool-icon{font-size:2.5rem}}@media (max-width:768px){.skills-section{padding:3rem 0}.section-title{font-size:1.75rem}.skill-icon-wrapper{width:75px;height:75px}.skill-icon{font-size:2.2rem}.tool-card-body{padding:1.5rem .75rem;min-height:130px}.tool-icon{font-size:2.2rem}.show-more-btn{padding:12px 36px;font-size:.95rem}}@media (max-width:576px){.section-header{margin-bottom:2.5rem}.skill-card-body{padding:2rem 1rem}.tools-section-wrapper{margin-top:3rem;padding-top:2rem}}.skill-card:focus-within,.tool-card:focus-within{outline:2px solid #667eea;outline-offset:4px}@media (prefers-reduced-motion:reduce){.show-more-btn,.skill-card,.skill-icon,.tool-card,.tool-icon{animation:none!important;transition:none!important}}