.blog-hero {
            border-radius: 18px;
            background: linear-gradient(135deg, rgba(0, 187, 156, .18), rgba(255, 156, 0, .12));
            border: 1px solid rgba(255, 255, 255, .10);
            backdrop-filter: blur(8px);
        }

        .blog-card {
            border-radius: 18px;
            border: 1px solid rgba(255, 255, 255, .10);
            background: rgba(255, 255, 255, .04);
            transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
        }

        .blog-card:hover {
            transform: translateY(-3px);
            border-color: rgba(255, 156, 0, .35);
            box-shadow: 0 18px 40px rgba(0, 0, 0, .25);
        }

        .badge-soft {
            background: rgba(255, 255, 255, .08);
            border: 1px solid rgba(255, 255, 255, .10);
        }

        .muted {
            opacity: .82;
        }

        .line-clamp-2 {
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }

        .line-clamp-3 {
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }

        .blog-thumb-capa {
            height: 450px;
            border-radius: 16px;
            background:
                radial-gradient(1200px 300px at 20% 0%, rgba(0, 187, 156, .25), transparent 55%),
                radial-gradient(900px 280px at 70% 20%, rgba(255, 156, 0, .20), transparent 55%),
                linear-gradient(135deg, rgba(17, 34, 64, .95), rgba(11, 22, 41, .95));
            border: 1px solid rgba(255, 255, 255, .10);
        }

        .blog-thumb {
            height: 260px;
            border-radius: 16px;
            background:
                radial-gradient(1200px 300px at 20% 0%, rgba(0, 187, 156, .25), transparent 55%),
                radial-gradient(900px 280px at 70% 20%, rgba(255, 156, 0, .20), transparent 55%),
                linear-gradient(135deg, rgba(17, 34, 64, .95), rgba(11, 22, 41, .95));
            border: 1px solid rgba(255, 255, 255, .10);
        }

        .blog-thumb-sm {
            height: 160px;
        }

        .blog-section-title {
            letter-spacing: .2px;
        }

        .blog-section-title i {
            color: var(--brand-2, #FF9C00);
        }

        .blog-link {
            text-decoration: none;
            color: inherit;
        }

        .blog-link:hover {
            color: inherit;
        }

        .pagination .page-link {
            border-radius: 12px !important;
        }

        .cover {
            border-radius: 18px;
            overflow: hidden;
            border: 1px solid rgba(255, 255, 255, .10);
            background: rgba(255, 255, 255, .04);
        }

        .cover-img {
            min-height: 570px;
            background-size: cover;
            background-position: center;
            position: relative;
        }

        .cover-img::after {
            content: "";
            position: absolute;
            inset: 0;
            background: linear-gradient(180deg, rgba(0, 0, 0, .15), rgba(0, 0, 0, .70));
        }

        .cover-inner {
            position: relative;
            z-index: 1;
        }

        .post-body {
            color: #fff;
            line-height: 1.75;
            font-size: 16px;
        }

        .post-body img {
            max-width: 100%;
            height: auto;
            border-radius: 14px;
        }

        .post-body a {
            color: #9ad7ff;
            text-decoration: underline;
        }

        .comment-card {
            border-radius: 16px;
            border: 1px solid rgba(255, 255, 255, .10);
            background: rgba(255, 255, 255, .04);
        }

        .fw-bold {
            font-weight: 600 !important;
            font-size: 1.1rem;
        }