.hero-background{background-color:hsl(0deg 0% 100%);background-image:linear-gradient(135deg,hsla(var(--primary),0.15) 0%,hsla(var(--background),1) 70%)}.section-title{font-family:'Poppins',sans-serif;font-size:1.5rem;font-weight:700;color:hsl(var(--foreground));margin-bottom:1.5rem;border-bottom:2px solid hsl(var(--primary));padding-bottom:.5rem;display:inline-block}.hero-slider .swiper-slide{border-radius:1rem;overflow:hidden;aspect-ratio:16 / 9}@media (min-width:768px){.hero-slider .swiper-slide{aspect-ratio:21 / 9}}.slider-card{display:block;width:100%;height:100%;position:relative}.slider-image{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.slider-card:hover .slider-image{transform:scale(1.05)}.slider-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,rgba(0,0,0,0) 60%)}.slider-content{position:absolute;bottom:0;left:0;right:0;padding:1.5rem;color:white;text-shadow:1px 1px 4px rgba(0,0,0,.7)}@media (min-width:768px){.slider-content{padding:2rem}}.slider-category{display:inline-block;background-color:hsl(var(--primary));color:hsl(var(--primary-foreground));padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;margin-bottom:.75rem}.slider-title{font-family:'Poppins',sans-serif;font-weight:800;font-size:1.5rem;line-height:1.3}@media (min-width:768px){.slider-title{font-size:2.25rem}}.hero-slider-nav{display:none}.swiper-button-prev{left:1.5rem}.swiper-button-next{right:1.5rem}.hero-slider-pagination{position:absolute;bottom:1rem!important}.hero-slider-pagination .swiper-pagination-bullet{background-color:rgba(255,255,255,.5)}.hero-slider-pagination .swiper-pagination-bullet-active{background-color:white}.article-card{transition:transform .3s ease,box-shadow .3s ease;position:relative;overflow:hidden;border-radius:1rem}.article-card:hover{transform:translateY(-6px);box-shadow:0 0 0 2px hsl(var(--primary)),0 8px 25px -5px hsla(var(--primary),.5)}.article-image{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.article-card:hover .article-image{transform:scale(1.05)}.article-card.group .article-image{aspect-ratio:16 / 9}.article-category{display:inline-block;background-color:hsl(var(--primary));color:hsl(var(--primary-foreground));padding:.125rem .625rem;border-radius:9999px;font-size:.7rem;font-weight:600}.article-category.small{font-size:.65rem;padding:.1rem .5rem}.article-title{font-family:'Poppins',sans-serif;font-size:1.1rem;font-weight:600;line-height:1.4;color:hsl(var(--card-foreground));transition:color .3s ease;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-card:hover .article-title{color:hsl(var(--primary))}.article-meta{font-size:.75rem;color:hsl(var(--muted-foreground))}.shine-effect{position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,.2) 50%,rgba(255,255,255,0) 100%);transform:skewX(-25deg);opacity:0;transition:left .6s ease-in-out,opacity .3s ease;pointer-events:none}.article-card:hover .shine-effect{left:150%;opacity:1}.top-news-image{width:120px;height:90px;object-fit:cover;border-radius:.5rem;flex-shrink:0}.top-news-title{font-weight:600;font-size:1rem;line-height:1.4;color:hsl(var(--foreground));transition:color .3s ease;-webkit-line-clamp:2}.top-news-card:hover .top-news-title{color:hsl(var(--primary))}.top-news-meta{font-size:.8rem;color:hsl(var(--muted-foreground))}.latest-article-item{transition:transform .3s ease,box-shadow .3s ease}.latest-article-item:hover{transform:translateY(-4px);box-shadow:0 8px 15px rgba(0,0,0,.07)}.latest-article-image{width:100px;height:75px;object-fit:cover;border-radius:.5rem;flex-shrink:0;transition:transform .4s ease}.latest-article-item:hover .latest-article-image{transform:scale(1.05)}.latest-article-title{font-family:'Poppins',sans-serif;font-weight:600;font-size:1.1rem;line-height:1.4;color:hsl(var(--foreground));transition:color .3s ease;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.latest-article-item:hover .latest-article-title{color:hsl(var(--primary))}.latest-article-meta{font-size:.8rem;color:hsl(var(--muted-foreground))}