.page-blog { max-width: 1440px; margin: 0 auto; padding: 10px; background-color: #08160F; color: #F2FFF6; }
.page-blog__hero { display: flex; flex-direction: column; align-items: center; }
.page-blog__hero-image-wrapper, .page-blog__hero-content { width: 100%; max-width: 1020px; }
.page-blog__hero-image { width: 100%; height: auto; display: block; }
.page-blog__hero-content { text-align: center; padding: 20px 0; }
.page-blog__main-title { font-size: clamp(1.8rem, 4vw, 2.8rem); color: #F2FFF6;}
.page-blog__description { color: #A7D9B8; }
.page-blog__cta-button { background: linear-gradient(180deg, #2AD16F 0%, #13994A 100%); color: #F2FFF6; padding: 12px 30px; border-radius: 50px; text-decoration: none; font-weight: bold; display: inline-block; }
.page-blog__cta-button:hover { opacity: 0.9; }
.page-blog__main-layout { display: flex; gap: 20px; margin-top: 20px; }
.page-blog__latest-posts { flex: 3; display: grid; gap: 25px; }
.page-blog__section-title { color: #F2FFF6; border-bottom: 2px solid #2E7A4E; padding-bottom: 5px; }
.page-blog__post-card { background: #11271B; border: 1px solid #2E7A4E; border-radius: 10px; overflow: hidden; }
.page-blog__post-image { width: 100%; height: auto; display: block; }
.page-blog__post-content { padding: 15px; }
.page-blog__post-meta { color: #57E38D; font-size: 0.9rem; }
.page-blog__post-title { margin: 5px 0; color: #F2FFF6; }
.page-blog__post-title a { color: #F2FFF6; text-decoration: none; }
.page-blog__post-title a:hover { color: #57E38D; }
.page-blog__post-excerpt { color: #A7D9B8; }
.page-blog__read-more { color: #F2C14E; text-decoration: none; font-weight: bold; }
.page-blog__read-more:hover { color: #22C768; }
.page-blog__sidebar { flex: 1; background: #11271B; padding: 15px; border-radius: 10px; height: fit-content; }
.page-blog__widget { margin-bottom: 20px; }
.page-blog__widget-title { color: #F2C14E; border-bottom: 1px solid #2E7A4E; padding-bottom: 5px; }
.page-blog__category-list { list-style: none; padding: 0; }
.page-blog__category-list li { margin: 8px 0; }
.page-blog__category-list a { color: #A7D9B8; text-decoration: none; }
.page-blog__category-list a:hover { color: #57E38D; }
.page-blog__widget-cta { background: linear-gradient(180deg, #2AD16F 0%, #13994A 100%); color: #fff; padding: 10px 20px; border-radius: 50px; text-decoration: none; display: inline-block; }
@media (max-width: 768px) { .page-blog__main-layout { flex-direction: column; } .page-blog__sidebar { margin-top: 20px; } .page-blog img { max-width: 100% !important; height: auto !important; } .page-blog { overflow-x: hidden; } .page-blog__post-content { padding: 15px; } }