.hero-section {background: linear-gradient(135deg, #1e3a5f 0%, #2c5282 100%) !important; padding: 100px 20px !important; text-align: center !important; color: white !important; margin: 0 !important;}
.hero-section h1 {font-size: 48px !important; font-weight: 700 !important; margin-bottom: 20px !important; color: white !important;}
.hero-section p {font-size: 20px !important; color: #e0e7ff !important; max-width: 800px !important; margin: 0 auto !important;}
.featured-news {padding: 80px 20px !important; background: white !important; margin: 0 !important;}
.featured-news h2 {text-align: center !important; font-size: 36px !important; color: #1e3a5f !important; margin-bottom: 50px !important;}
.featured-card {display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 40px !important; max-width: 1200px !important; margin: 0 auto !important; background: white !important; border-radius: 12px !important; overflow: hidden !important; box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1) !important;}
.featured-image {background: linear-gradient(135deg, #1e3a5f 0%, #00bcd4 100%) !important; display: flex !important; align-items: center !important; justify-content: center !important; color: white !important; font-size: 32px !important; font-weight: 600 !important; min-height: 400px !important;}
.featured-content {padding: 40px !important; display: flex !important; flex-direction: column !important; justify-content: center !important;}
.news-badge {display: inline-block !important; padding: 6px 16px !important; background: #00bcd4 !important; color: white !important; border-radius: 20px !important; font-size: 12px !important; font-weight: 600 !important; text-transform: uppercase !important; margin-bottom: 20px !important;}
.featured-content h3 {font-size: 32px !important; color: #1e3a5f !important; margin-bottom: 15px !important; font-weight: 700 !important;}
.news-date {color: #666 !important; font-size: 14px !important; margin-bottom: 20px !important;}
.featured-content p {color: #555 !important; font-size: 16px !important; line-height: 1.8 !important; margin-bottom: 25px !important;}
.read-more {display: inline-block !important; padding: 12px 30px !important; background: #00bcd4 !important; color: white !important; text-decoration: none !important; border-radius: 6px !important; font-weight: 600 !important; transition: background 0.3s ease !important;}
.read-more:hover {background: #0097a7 !important;}
.news-section {background: #f8f9fa !important; padding: 80px 20px !important; margin: 0 !important;}
.news-section h2 {text-align: center !important; font-size: 36px !important; color: #1e3a5f !important; margin-bottom: 50px !important;}
.news-grid {display: grid !important; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)) !important; gap: 30px !important; max-width: 1200px !important; margin: 0 auto !important;}
.news-card {background: white !important; border-radius: 12px !important; overflow: hidden !important; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1) !important; transition: transform 0.3s ease, box-shadow 0.3s ease !important; margin: 0 !important;}
.news-card:hover {transform: translateY(-8px) !important; box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15) !important;}
.news-card-image {width: 100% !important; height: 200px !important; background: linear-gradient(135deg, #2c5282 0%, #00bcd4 100%) !important; display: flex !important; align-items: center !important; justify-content: center !important; color: white !important; font-size: 20px !important; font-weight: 600 !important;}
.news-card-content {padding: 25px !important;}
.news-card h3 {font-size: 20px !important; color: #1e3a5f !important; margin-bottom: 12px !important; font-weight: 600 !important; line-height: 1.4 !important;}
.news-card p {color: #666 !important; font-size: 15px !important; line-height: 1.6 !important; margin-bottom: 20px !important;}
.news-card-link {color: #00bcd4 !important; text-decoration: none !important; font-weight: 600 !important; font-size: 14px !important;}
.news-card-link:hover {color: #0097a7 !important;}
.newsletter-cta {background: linear-gradient(135deg, #1e3a5f 0%, #2c5282 100%) !important; padding: 80px 20px !important; text-align: center !important; color: white !important; margin: 0 !important;}
.newsletter-cta h2 {font-size: 36px !important; margin-bottom: 20px !important; color: white !important;}
.newsletter-cta p {font-size: 18px !important; margin-bottom: 30px !important; opacity: 0.95 !important; color: white !important;}
@media (max-width: 768px) {
.hero-section h1 {font-size: 32px !important;}
.hero-section p {font-size: 16px !important;}
.featured-card {grid-template-columns: 1fr !important;}
.featured-image {min-height: 250px !important;}
.featured-content h3 {font-size: 24px !important;}
.news-section h2 {font-size: 28px !important;}
.news-grid {grid-template-columns: 1fr !important; gap: 20px !important;}
}

MESA News & Updates

Latest news, announcements, and industry updates from the Malaysian Energy Storage Association.

Featured Story

Press ReleasePress Release

MESA Announces Strategic Partnership with Leading Technology Provider

February 20, 2026

The Malaysian Energy Storage Association today announced a strategic partnership aimed at advancing energy storage technology adoption across Southeast Asia.

Read Full Story →

Industry Highlights

Industry UpdateIndustry Update

Malaysia’s Energy Storage Market Shows Strong Growth in Q1 2026

February 18, 2026

The Malaysian energy storage sector continues its upward trajectory with significant project announcements.

Read More →Member SpotlightMember Spotlight

Member Spotlight: Innovating Energy Storage Solutions

February 15, 2026

We feature a MESA member company making waves in the energy storage industry.

Read More →

News

Subscribe to our newsletter for the latest news and updates