.blog-filter-section{background:var(--color-bg-primary);border-bottom:1px solid var(--color-border);position:relative;overflow:hidden}[data-theme=dark] .blog-filter-section{background:var(--color-bg-primary);border-bottom-color:rgba(75,85,99,.3)}.blog-filter-section::after{content:'';position:absolute;bottom:0;left:-100%;width:100%;height:2px;background:linear-gradient(90deg,transparent 0,var(--color-primary-green) 25%,var(--color-primary-blue) 50%,var(--color-primary-green) 75%,transparent 100%);animation:slide-accent 15s linear infinite}@keyframes slide-accent{0%{transform:translateX(0)}100%{transform:translateX(200%)}}.filter-tag{background:var(--color-bg-secondary);color:var(--color-text-secondary);transition:all .3s ease}[data-theme=dark] .filter-tag{background:rgba(75,85,99,.3)}.filter-tag:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}[data-theme=dark] .filter-tag:hover{box-shadow:0 4px 12px rgba(0,0,0,.3)}.filter-tag-active{background:linear-gradient(135deg,var(--color-primary-green) 0,var(--color-primary-blue) 100%);color:#fff;box-shadow:0 4px 12px rgba(212,160,60,.3)}.blog-content-section{background:var(--color-bg-secondary);position:relative;overflow:hidden}[data-theme=dark] .blog-content-section{background:rgba(17,24,39,.95)}.blog-content-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 10% 20%,rgba(212,160,60,.02) 0,transparent 50%),radial-gradient(circle at 90% 80%,rgba(30,58,95,.02) 0,transparent 50%),radial-gradient(circle at 50% 50%,rgba(74,111,156,.01) 0,transparent 70%);animation:float-pattern 40s ease-in-out infinite;pointer-events:none}[data-theme=dark] .blog-content-section::before{background-image:radial-gradient(circle at 10% 20%,rgba(212,160,60,.04) 0,transparent 50%),radial-gradient(circle at 90% 80%,rgba(30,58,95,.04) 0,transparent 50%),radial-gradient(circle at 50% 50%,rgba(74,111,156,.03) 0,transparent 70%)}@keyframes float-pattern{0%,100%{transform:translate(0,0)}33%{transform:translate(-20px,20px)}66%{transform:translate(20px,-20px)}}.featured-post-card{background:var(--color-bg-primary);border-radius:12px;overflow:hidden;transition:all .3s ease;position:relative;border:2px solid transparent;background-clip:padding-box}[data-theme=dark] .featured-post-card{background:var(--color-bg-card)}.featured-post-card::before{content:'';position:absolute;inset:0;border-radius:12px;padding:2px;background:linear-gradient(135deg,var(--color-primary-green) 0,var(--color-primary-blue) 100%);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none}.featured-post-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px rgba(0,0,0,.15)}[data-theme=dark] .featured-post-card:hover{box-shadow:0 20px 40px rgba(0,0,0,.4)}.featured-badge{background:linear-gradient(135deg,var(--color-primary-green) 0,var(--color-primary-blue) 100%);position:relative;overflow:hidden}.featured-badge::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0,rgba(255,255,255,.3) 50%,transparent 100%);animation:shimmer-badge 3s infinite}@keyframes shimmer-badge{0%{transform:translateX(-100%)}100%{transform:translateX(300%)}}.blog-post-card{background:var(--color-bg-primary);border-radius:12px;overflow:hidden;transition:all .3s ease;box-shadow:0 2px 8px rgba(0,0,0,.05);position:relative;border:2px solid transparent;background-clip:padding-box}[data-theme=dark] .blog-post-card{background:var(--color-bg-card);box-shadow:0 2px 8px rgba(0,0,0,.2)}.blog-post-card::before{content:'';position:absolute;inset:0;border-radius:12px;padding:2px;background:linear-gradient(135deg,var(--color-primary-green) 0,var(--color-primary-blue) 100%);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none}.blog-post-card:hover{transform:translateY(-6px);box-shadow:0 12px 24px rgba(0,0,0,.1)}[data-theme=dark] .blog-post-card:hover{box-shadow:0 12px 24px rgba(0,0,0,.3)}.blog-thumbnail{position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(156,163,175,.3) 0,rgba(209,213,219,.3) 100%)}[data-theme=dark] .blog-thumbnail{background:linear-gradient(135deg,rgba(75,85,99,.5) 0,rgba(55,65,81,.5) 100%)}.blog-thumbnail::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,transparent 0,rgba(212,160,60,.1) 50%,rgba(30,58,95,.1) 100%);opacity:0;transition:opacity .3s ease}.blog-post-card:hover .blog-thumbnail::after{opacity:1}.blog-title{color:var(--color-text-primary)}.blog-excerpt{color:var(--color-text-secondary)}.blog-meta{color:var(--color-text-secondary)}.blog-category{background:rgba(74,111,156,.15);color:var(--color-primary-blue)}[data-theme=dark] .blog-category{background:rgba(30,58,95,.2);color:var(--color-primary-green)}.sidebar-widget{background:var(--color-bg-primary);border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.05);transition:all .3s ease;position:relative;border:2px solid transparent;background-clip:padding-box}[data-theme=dark] .sidebar-widget{background:var(--color-bg-card);box-shadow:0 2px 8px rgba(0,0,0,.2)}.sidebar-widget::before{content:'';position:absolute;inset:0;border-radius:12px;padding:2px;background:linear-gradient(135deg,var(--color-primary-green) 0,var(--color-primary-blue) 100%);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none}.sidebar-widget:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}[data-theme=dark] .sidebar-widget:hover{box-shadow:0 4px 12px rgba(0,0,0,.3)}.sidebar-title{color:var(--color-text-primary)}.sidebar-text{color:var(--color-text-secondary)}.sidebar-link{color:var(--color-text-secondary);transition:color .2s ease}.sidebar-link:hover{color:var(--color-primary-blue)}[data-theme=dark] .sidebar-link:hover{color:var(--color-primary-green)}.sidebar-cta{background:linear-gradient(135deg,var(--color-primary-green) 0,var(--color-primary-blue) 100%);position:relative;overflow:hidden}.sidebar-cta::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0,transparent 70%);animation:pulse-glow 4s ease-in-out infinite}@keyframes pulse-glow{0%,100%{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:.3}}.newsletter-backdrop{background:rgba(255,255,255,.1);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);position:relative;overflow:hidden}.newsletter-backdrop::before{content:'';position:absolute;top:-100%;left:-100%;width:300%;height:300%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);animation:sweep 8s linear infinite}@keyframes sweep{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.pagination-btn{background:var(--color-bg-primary);color:var(--color-text-secondary);transition:all .3s ease}[data-theme=dark] .pagination-btn{background:var(--color-bg-card)}.pagination-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}[data-theme=dark] .pagination-btn:hover{box-shadow:0 4px 12px rgba(0,0,0,.3)}.pagination-active{background:linear-gradient(135deg,var(--color-primary-green) 0,var(--color-primary-blue) 100%);color:#fff}.search-input{background:var(--color-bg-primary);color:var(--color-text-primary);border:2px solid transparent;transition:all .3s ease}.search-input:focus{border-color:var(--color-primary-green);box-shadow:0 0 0 3px rgba(212,160,60,.1);outline:0}[data-theme=dark] .search-input:focus{box-shadow:0 0 0 3px rgba(212,160,60,.2)}.mobile-cta{background:var(--color-bg-primary);border-top:1px solid var(--color-border)}[data-theme=dark] .mobile-cta{background:var(--color-bg-card);border-top-color:rgba(75,85,99,.3)}@media (max-width:768px){.blog-content-section::before{animation:none}.blog-post-card:hover{transform:translateY(-2px)}.featured-post-card:hover{transform:translateY(-4px) scale(1)}}@media (prefers-reduced-motion:reduce){*,::after,::before{animation:none!important;transition:none!important}}.blog-fade-in{opacity:0;transform:translateY(20px);animation:fadeInUp .6s ease forwards}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.blog-fade-in:first-child{animation-delay:.1s}.blog-fade-in:nth-child(2){animation-delay:.2s}.blog-fade-in:nth-child(3){animation-delay:.3s}.blog-fade-in:nth-child(4){animation-delay:.4s}

/* Hero Animations */
.hero-title {
    opacity: 0;
    transform: translateY(30px);
    animation: heroFadeUp 0.8s ease forwards;
}

.hero-subtitle {
    opacity: 0;
    transform: translateY(20px);
    animation: heroFadeUp 0.8s ease 0.2s forwards;
}

.hero-filter-bar {
    opacity: 0;
    transform: translateY(20px) scale(0.98);
    animation: heroFadeUp 0.8s ease 0.4s forwards;
}

.hero-stats {
    opacity: 0;
    animation: heroFadeIn 0.8s ease 0.6s forwards;
}

@keyframes heroFadeUp {
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@keyframes heroFadeIn {
    to {
        opacity: 1;
    }
}

/* Gradient background animation */
.gradient-animated {
    background-size: 200% 200%;
    animation: gradientShift 8s ease infinite;
}

@keyframes gradientShift {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

/* Floating particles effect */
.hero-particles {
    position: absolute;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
}

.hero-particles::before,
.hero-particles::after {
    content: '';
    position: absolute;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.1);
    animation: float 20s ease-in-out infinite;
}

.hero-particles::before {
    width: 300px;
    height: 300px;
    top: -100px;
    right: -100px;
    animation-delay: 0s;
}

.hero-particles::after {
    width: 200px;
    height: 200px;
    bottom: -50px;
    left: -50px;
    animation-delay: -10s;
}

@keyframes float {
    0%, 100% {
        transform: translate(0, 0) rotate(0deg);
    }
    25% {
        transform: translate(20px, 20px) rotate(5deg);
    }
    50% {
        transform: translate(0, 40px) rotate(0deg);
    }
    75% {
        transform: translate(-20px, 20px) rotate(-5deg);
    }
}

/* Subtle text glow on title */
.hero-title-glow {
    text-shadow: 0 0 40px rgba(255, 255, 255, 0.3);
}

/* Icon pulse animation */
.hero-icon-pulse {
    animation: iconPulse 2s ease-in-out infinite;
}

@keyframes iconPulse {
    0%, 100% { transform: scale(1); opacity: 0.9; }
    50% { transform: scale(1.1); opacity: 1; }
}