.main-section{position:relative;padding:6rem 1.5rem 4rem;background:linear-gradient(135deg,#e8f5d0 0%,var(--off-white) 100%);text-align:center;overflow:hidden;}.main-section-pattern{position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 30%,rgba(29,42,33,0.03) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(29,42,33,0.03) 0%,transparent 50%);pointer-events:none;z-index:0;}.main-section .container-narrow{position:relative;z-index:1;}.hero-icon-wrapper{margin-bottom:1.5rem;display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:rgba(192,241,28,0.2);border-radius:50%;animation:fadeInUp 0.8s ease-out forwards,pulseIcon 3s ease-in-out infinite 1s;opacity:0;}@keyframes pulseIcon{0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(192,241,28,0.4);}50%{transform:scale(1.05);box-shadow:0 0 0 10px rgba(192,241,28,0);}}.hero-icon{color:var(--forest-green);animation:iconRotate 4s ease-in-out infinite;}@keyframes iconRotate{0%,100%{transform:rotate(0deg);}50%{transform:rotate(10deg);}}.tag-badge-wrapper{text-align:center;margin-bottom:1.5rem;}.tag-badge{display:inline-flex;align-items:center;gap:0.5rem;padding:0.5rem 1.25rem;background:linear-gradient(135deg,rgba(192,241,28,0.2) 0%,rgba(192,241,28,0.15) 100%);color:var(--forest-green);border-radius:1.5rem;font-size:0.875rem;font-weight:600;transition:all 0.3s ease;animation:fadeInUp 0.6s ease-out 0.2s forwards;opacity:0;}.tag-badge svg{width:18px;height:18px;flex-shrink:0;}.main-section .title{font-size:3.5rem;color:var(--forest-green);margin-bottom:1rem;text-shadow:0 2px 10px rgba(0,0,0,0.05);}.main-section .subtitle{font-size:1.25rem;color:var(--dark-gray);font-weight:400;max-width:700px;margin-left:auto;margin-right:auto;line-height:1.7;}.category-section{background-color:var(--off-white);position:relative;}.category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;}.category-card{position:relative;border-radius:1rem;overflow:hidden;cursor:pointer;box-shadow:0 4px 15px rgba(0,0,0,0.1);transition:all 0.4s cubic-bezier(0.4,0,0.2,1);background:var(--white);}.category-card-animate{opacity:0;transform:translateY(30px);animation:fadeInUpCard 0.6s ease-out forwards;}@keyframes fadeInUpCard{to{opacity:1;transform:translateY(0);}}.category-card:hover{transform:translateY(-8px);box-shadow:0 12px 30px rgba(0,0,0,0.15);}.category-card a{display:block;width:100%;height:100%;text-decoration:none;color:inherit;}.category-image-wrapper{position:relative;height:320px;overflow:hidden;}.category-card img{width:100%;height:100%;object-fit:cover;transition:transform 0.6s cubic-bezier(0.4,0,0.2,1);}.category-card:hover img{transform:scale(1.15);}.category-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient( 180deg,transparent 0%,rgba(29,42,33,0.3) 50%,rgba(29,42,33,0.8) 100% );transition:background 0.4s ease;z-index:1;}.category-card:hover .category-overlay{background:linear-gradient( 180deg,transparent 0%,rgba(29,42,33,0.4) 50%,rgba(29,42,33,0.85) 100% );}.category-hover-effect{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient( 90deg,transparent,rgba(192,241,28,0.2),transparent );transition:left 0.6s ease;z-index:2;}.category-card:hover .category-hover-effect{left:100%;}.category-content{position:absolute;bottom:0;left:0;right:0;padding:2rem;z-index:3;transform:translateY(0);transition:transform 0.4s ease;}.category-card:hover .category-content{transform:translateY(-5px);}.category-name{color:var(--white);font-size:2rem;font-weight:700;margin-bottom:0.5rem;text-shadow:0 2px 8px rgba(0,0,0,0.3);transition:all 0.3s ease;}.category-card:hover .category-name{color:var(--lime-green);text-shadow:0 2px 12px rgba(192,241,28,0.4);}.category-arrow{color:var(--white);opacity:0;transform:translateX(-10px);transition:all 0.4s ease;display:inline-flex;align-items:center;}.category-card:hover .category-arrow{opacity:1;transform:translateX(0);color:var(--lime-green);}.category-arrow svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,0.3));}.empty-state{text-align:center;padding:4rem 1.5rem;animation:fadeInUp 0.6s ease-out;}.empty-state-icon{color:var(--dark-gray);opacity:0.3;margin-bottom:1.5rem;}.empty-state-text{font-size:1.125rem;color:var(--dark-gray);}.articles-section{background-color:var(--white);}.articles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;}@media (max-width:768px){.main-section{padding:4rem 1.5rem 3rem;}.main-section .title{font-size:2.5rem;}.main-section .subtitle{font-size:1.125rem;}.hero-icon-wrapper{width:70px;height:70px;margin-bottom:1.25rem;}.hero-icon{width:40px;height:40px;}.category-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;}.category-image-wrapper{height:280px;}.category-content{padding:1.5rem;}.category-name{font-size:1.75rem;}.articles-grid{grid-template-columns:1fr;}}@media (max-width:480px){.main-section{padding:3rem 1rem 2rem;}.main-section .title{font-size:2rem;}.main-section .subtitle{font-size:1rem;}.hero-icon-wrapper{width:60px;height:60px;margin-bottom:1rem;}.hero-icon{width:32px;height:32px;}.category-grid{grid-template-columns:1fr;gap:1.25rem;}.category-image-wrapper{height:250px;}.category-content{padding:1.25rem;}.category-name{font-size:1.5rem;}.category-card:hover{transform:translateY(-4px);}.empty-state{padding:3rem 1rem;}.empty-state-icon{width:48px;height:48px;}}