.blog-intro-section{text-align:center;z-index:10;padding:160px 20px 40px;position:relative}.blog-intro-section h1{color:var(--primary-dark-green);text-transform:uppercase;margin-bottom:15px;font-size:3.5rem;font-weight:800}.blog-intro-section p{color:var(--text-gray);font-size:1.2rem}.blog-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:40px;margin-bottom:100px;display:grid}.blog-grid .blog-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:24px;flex-direction:column;text-decoration:none;transition:transform .4s,box-shadow .4s;display:flex;overflow:hidden}.blog-grid .blog-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000001a}.blog-grid .blog-card:hover .img-box img{transform:scale(1.05)}.blog-grid .blog-card .img-box{width:100%;height:240px;overflow:hidden}.blog-grid .blog-card .img-box img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.blog-grid .blog-card .content-box{flex-direction:column;flex-grow:1;padding:30px;display:flex}.blog-grid .blog-card .content-box .blog-meta{justify-content:space-between;align-items:center;margin-bottom:15px;font-size:.85rem;font-weight:600;display:flex}.blog-grid .blog-card .content-box .blog-meta .tag{color:var(--primary-purple);background:#8e44ad1a;border-radius:12px;padding:4px 12px}.blog-grid .blog-card .content-box .blog-meta .date{color:var(--text-gray);opacity:.7}.blog-grid .blog-card .content-box h3{color:var(--text-dark);margin-bottom:15px;font-size:1.35rem;font-weight:700;line-height:1.4}.blog-grid .blog-card .content-box p{color:var(--text-gray);flex-grow:1;margin-bottom:25px;font-size:.95rem;line-height:1.7}.blog-grid .blog-card .content-box .read-more{color:var(--primary-green);text-transform:uppercase;align-items:center;gap:8px;font-size:.9rem;font-weight:600;display:flex}.blog-detail-container{z-index:10;max-width:900px;margin:160px auto 100px;padding:0 20px;position:relative}.blog-detail-container .btn-back{color:var(--primary-green);align-items:center;gap:8px;margin-bottom:30px;font-size:1rem;font-weight:600;text-decoration:none;transition:transform .3s;display:inline-flex}.blog-detail-container .btn-back:hover{transform:translate(-5px)}.blog-detail-container .blog-article-glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(25px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:30px;overflow:hidden}.blog-detail-container .blog-article-glass .article-cover{width:100%;height:400px;overflow:hidden}@media (max-width:768px){.blog-detail-container .blog-article-glass .article-cover{height:250px}}.blog-detail-container .blog-article-glass .article-cover img{object-fit:cover;width:100%;height:100%}.blog-detail-container .blog-article-glass .article-body{padding:50px 60px}@media (max-width:768px){.blog-detail-container .blog-article-glass .article-body{padding:30px 25px}}.blog-detail-container .blog-article-glass .article-body .meta{align-items:center;gap:15px;margin-bottom:20px;font-size:.95rem;font-weight:600;display:flex}.blog-detail-container .blog-article-glass .article-body .meta .tag{color:var(--primary-purple);background:#8e44ad1a;border-radius:12px;padding:5px 15px}.blog-detail-container .blog-article-glass .article-body .meta .date{color:var(--text-gray)}.blog-detail-container .blog-article-glass .article-body h1{color:var(--primary-dark-green);margin-bottom:30px;font-size:2.8rem;font-weight:800;line-height:1.2}@media (max-width:768px){.blog-detail-container .blog-article-glass .article-body h1{font-size:2rem}}.blog-detail-container .blog-article-glass .article-body .content-text{color:var(--text-dark);padding-bottom:30px;font-size:1.15rem;line-height:1.8}.blog-detail-container .blog-article-glass .article-body .content-text p{text-align:justify;margin-bottom:20px}