.heading{font-size:2rem;font-weight:800;color:#1f2937;text-align:center;color:#f43b47;margin-bottom:1rem;text-transform:uppercase;letter-spacing:1px;position:relative}.heading:after{content:"";width:60px;height:4px;background-color:#f43b47;position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);border-radius:2px}h5{font-weight:700;color:#1f2937;margin-bottom:1rem;font-size:1.2rem;position:relative;display:inline-block;text-align:center!important}h5:before{content:"💡";margin-right:8px}.badge{font-size:.9rem;padding:.6em 1.3em;border-radius:2rem;font-weight:600;box-shadow:0 2px 8px rgba(0,0,0,.05);transition:transform .2s ease-in-out,background-color .2s ease-in-out;cursor:default}.badge:hover{transform:scale(1.05);background-color:#111;color:#fff}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.row{row-gap:2rem;margin-bottom:2rem;animation:fadeInUp 1s ease-in-out both}section{background:linear-gradient(90deg,#f8fafc,#f0f0f0);padding:2rem 0;min-height:90vh}.skill-card{background:white;border-radius:1rem;padding:2rem;box-shadow:0 2px 24px rgba(0,0,0,.1);transition:transform .3s ease}.skill-card:hover{transform:translateY(-5px)}@media (max-width:768px){.heading{font-size:2.2rem}h5{font-size:1.1rem}.badge{font-size:.8rem;padding:.5em 1em}}