@charset "utf-8";.article-card,.article-image{position:relative;overflow:hidden}.articles-section{background:#fef4f6;padding:80px 0}.article-card{background:#fff;border-radius:20px;transition:.4s;height:100%}.article-card:hover{transform:translateY(-10px)}.article-image{height:250px;background:#ffa300}.article-image img{width:100%;height:100%;object-fit:cover;object-position:center}.article-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:4rem;color:#fff;opacity:.8}.article-content{padding:2rem}.article-category{display:inline-block;background:#84329b;color:#fff;font-size:.8rem;font-weight:600;padding:.4rem 1rem;border-radius:25px;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.5px}.article-title{font-size:1.2rem;font-weight:700;color:#2c3e50;margin-bottom:1rem;line-height:1.3}.article-excerpt{color:#6c757d;font-size:1rem;line-height:1.6;margin-bottom:1.5rem}.article-meta{display:flex;justify-content:flex-start;align-items:center;padding-top:1rem;border-top:1px solid #eee;font-size:.9rem;color:#6c757d}.article-date{display:flex;align-items:center;gap:.5rem}.read-more{color:#e31c79;text-decoration:none;font-weight:600;display:flex;align-items:center;gap:.5rem;transition:.3s}.read-more:hover{color:#e31c79;gap:1rem}.article-card:first-child .article-image,.article-card:nth-child(4) .article-image{background:#e31c79}.article-card:nth-child(2) .article-image,.article-card:nth-child(5) .article-image{background:#84329b}.article-card:nth-child(3) .article-image,.article-card:nth-child(6) .article-image{background:#ffa300}@media (max-width:768px){.section-title{font-size:2.5rem}.article-content{padding:1.5rem}.article-title{font-size:1.3rem}}.fade-in{animation:.8s ease-out forwards fadeInUp;opacity:0;transform:translateY(30px)}.fade-in:first-child{animation-delay:.1s}.fade-in:nth-child(2){animation-delay:.2s}.fade-in:nth-child(3){animation-delay:.3s}.fade-in:nth-child(4){animation-delay:.4s}.fade-in:nth-child(5){animation-delay:.5s}.fade-in:nth-child(6){animation-delay:.6s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}