/* ==========================================================================
   FORTILABS.DEV — BLOG GATEWAY PAGE STYLES
   AdVixo Brand Kit Specification
   ========================================================================== */

.blog-gateway-hero {
    text-align: center;
    padding: var(--space-8) 0;
    background: linear-gradient(180deg, var(--bg-primary) 0%, var(--bg-secondary) 100%);
    border-bottom: 1px solid var(--border-default);
}

.category-cards {
    display: grid;
    gap: var(--space-6);
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

.category-card {
    text-align: center;
    padding: 32px 24px;
    background-color: var(--bg-surface);
    border-radius: var(--radius-lg);
    border: 1px solid var(--border-default);
    box-shadow: var(--shadow-sm);
    transition: transform var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-base);
    display: block;
    text-decoration: none;
    color: inherit;
}

.category-card:hover {
    transform: translateY(-2px);
    box-shadow: var(--shadow-md);
    border-color: var(--border-strong);
}

.category-icon {
    font-size: 2rem;
    margin-bottom: 16px;
    color: var(--accent);
}