.blog-hero {
    padding: 60px 20px;
    text-align: center;
    background: linear-gradient(135deg, #f5f7fa 0%, #e0e8f0 100%);
    border-bottom: 1px solid var(--border-color);
}

.blog-hero .page-title {
    font-size: 3rem;
    font-weight: 800;
    margin-bottom: 12px;
    color: var(--text-main);
}

.blog-hero .page-subtitle {
    font-size: 1.15rem;
    color: var(--text-secondary);
    max-width: 600px;
    margin: 0 auto;
}