.title span{background:linear-gradient(90deg,#4d4d4d,#9a9a9a) no-repeat;background-size:0 1px;background-position:100% 100%;transition:background-size .3s ease-in-out}.title:hover span{background-size:100% 2px;background-position:0 100%}.article-card{transition:all .3s ease}.article-card:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}@keyframes gradient-shift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.gradient-bg{background:linear-gradient(-45deg,#667eea,#764ba2,#f093fb,#f5576c);background-size:400% 400%;animation:gradient-shift 15s ease infinite}.card-content{transition:all .3s ease}.card-content:hover .card-icon{transform:scale(1.1) rotate(5deg)}@media (max-width:768px){.article-grid{grid-template-columns:1fr}}@media (min-width:769px) and (max-width:1024px){.article-grid{grid-template-columns:repeat(2,1fr)}}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}