/* ========================================
   BLOG PAGE STYLES
   ======================================== */

body.blog-page {
    background: #ffffff;
}

body.blog-page .featured-post {
    background: #ffffff;
    border-radius: 28px;
    padding: 3rem;
    box-shadow: 0 18px 32px rgba(15, 23, 42, 0.08);
}

body.blog-page .featured-text h2 {
    font-size: 2.4rem;
    line-height: 1.2;
}

body.blog-page .category-card,
body.blog-page .blog-card {
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

body.blog-page .category-card:hover,
body.blog-page .blog-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 18px 36px rgba(15, 23, 42, 0.12);
}

body.blog-page .newsletter-signup {
    background: #ffffff;
    border-radius: 24px;
    padding: 2.5rem;
    box-shadow: 0 16px 30px rgba(15, 23, 42, 0.08);
}

body.blog-page .newsletter-form input {
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid rgba(15, 23, 42, 0.08);
}

body.blog-page .newsletter-form button {
    background: linear-gradient(135deg, var(--primary-green), var(--accent-teal));
    color: #ffffff;
}