.blog-hero { background: #ffffff; border-radius: 1.5rem; box-shadow: 0 25px 60px rgba(15,23,42,.06); padding: 2rem; margin-bottom: 2rem; }
.blog-hero h1 { font-weight: 800; }
.blog-hero p { color: #6c757d; }
.blog-card-image { height: 240px; object-fit: cover; border-top-left-radius: 1rem; border-top-right-radius: 1rem; }
.blog-detail-image { width: 100%; max-height: 650px; object-fit: contain; background: #f8f9fa; border-top-left-radius: 1rem; border-top-right-radius: 1rem; }
.card iframe { border: none; border-top-left-radius: 1rem; border-top-right-radius: 1rem; }
.card { overflow: hidden; box-shadow: 0 18px 40px rgba(15,23,42,.06); transition: transform .3s ease; }
.card:hover { transform: translateY(-6px); }
.blog-detail-card:hover { transform: none; }
.card-title { color: #102a43; font-weight: 700; }
.card .card-body { padding: 1.5rem; }