a{text-decoration:none;color:inherit;}img{display:block;max-width:100%;}button{cursor:pointer;border:none;outline:none;font-family:var(--font-body);}
/* ─── TOP BAR ─── */

/* ─── SECONDARY NAV ─── */

/* ---- MEGA MENU ---- */

/* ---- RIGHT ALIGNED DROPDOWNS ---- */

.hero-blog{background:url('https://images.unsplash.com/photo-1486312338219-ce68a2c6e4d2?w=1920&h=600&fit=crop') center/cover;padding:80px 24px;text-align:center;color:#fff;position:relative;overflow:hidden;}
.hero-blog::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.4) 100%);}
.hero-blog-inner{position:relative;z-index:2;max-width:800px;margin:0 auto;}
.hero-blog-title{font-family:var(--font-head);font-size:48px;font-weight:800;margin-bottom:20px;line-height:1.2;}
.hero-blog-subtitle{font-size:18px;margin-bottom:40px;opacity:0.9;}
.hero-blog-stats{display:flex;justify-content:center;gap:60px;margin-bottom:40px;}
.hero-blog-stat{text-align:center;}
.hero-blog-stat-number{font-family:var(--font-head);font-size:36px;font-weight:800;display:block;margin-bottom:8px;}
.hero-blog-stat-label{font-size:14px;opacity:0.8;}
.btn-blog{background:var(--accent);color:#fff;padding:16px 40px;border-radius:12px;font-size:16px;font-weight:700;font-family:var(--font-head);transition:all .2s;display:inline-flex;align-items:center;gap:10px;}
.btn-blog:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(0,0,0,0.15);}
.section-blog{padding:2px 24px;}
.section-blog-inner{max-width:1200px;margin:0 auto;}
.section-blog-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:32px;}
.section-blog-head h2{font-family:var(--font-head);font-size:26px;font-weight:800;letter-spacing:-0.5px;}
.section-blog-head h2 em{font-style:normal;color:var(--accent2);}
.section-blog-head .see-all{font-size:13px;font-weight:500;color:var(--accent2);display:flex;align-items:center;gap:5px;transition:gap .2s;}
.section-blog-head .see-all:hover{gap:10px;}
.section-blog-head .see-all i{font-size:11px;}
.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:30px;}
.blog-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:all .3s;cursor:pointer;}
.blog-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px rgba(0,0,0,0.1);border-color:var(--accent);}
.blog-card-img{position:relative;overflow:hidden;aspect-ratio:16/10;background:var(--bg3);}
.blog-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .3s;}
.blog-card:hover .blog-card-img img{transform:scale(1.05);}
.blog-card-img .blog-tag{position:absolute;top:16px;left:16px;background:var(--accent);color:#fff;font-size:11px;font-weight:600;padding:4px 12px;border-radius:20px;text-transform:uppercase;}
.blog-card-body{padding:24px;}
.blog-card-meta{display:flex;align-items:center;gap:12px;margin-bottom:12px;font-size:12px;color:var(--text3);}
.blog-card-meta i{margin-right:4px;}
.blog-card-title{font-family:var(--font-head);font-size:20px;font-weight:700;color:var(--text);margin-bottom:12px;line-height:1.3;}
.blog-card-excerpt{font-size:14px;color:var(--text2);line-height:1.6;margin-bottom:16px;}
.blog-card-author{display:flex;align-items:center;gap:8px;}
.blog-card-author img{width:32px;height:32px;border-radius:50%;object-fit:cover;}
.blog-card-author-info{display:flex;flex-direction:column;}
.blog-card-author-name{font-size:12px;font-weight:600;color:var(--text);}
.blog-card-author-date{font-size:11px;color:var(--text3);}
.blog-featured{background:linear-gradient(135deg,var(--bg2) 0%,var(--bg3) 100%);border:1px solid rgba(16,185,129,0.15);border-radius:var(--radius-lg);padding:48px 40px;display:flex;align-items:center;gap:40px;margin-bottom:20px; margin-top: 30px;}
.blog-featured-text{flex:1;}
.blog-featured-text .tag{display:inline-block;background:var(--accent);color:#fff;font-size:11px;font-weight:700;padding:4px 12px;border-radius:100px;margin-bottom:16px;letter-spacing:.5px;text-transform:uppercase;}
.blog-featured-text h2{font-family:var(--font-head);font-size:32px;font-weight:800;letter-spacing:-1px;margin-bottom:12px;line-height:1.2;}
.blog-featured-text p{color:var(--text2);font-size:15px;max-width:420px;margin-bottom:24px;}
.blog-featured-btns{display:flex;gap:12px;}
.blog-featured-img{width:360px;flex-shrink:0;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border2);}
.blog-featured-img img{width:100%;height:220px;object-fit:cover;}

.
.
.
.
.
.

.
.
.
.
.
.
.
.
.
.
@media(max-width:1024px){
  .hero-blog{padding:60px 20px;}
  .hero-blog-title{font-size:40px;}
  .hero-blog-stats{gap:40px;}
  .blog-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;}
  .blog-featured{flex-direction:column;text-align:center;}
  .blog-featured-img{width:100%;max-width:360px;margin:0 auto;}
  .
}
@media(max-width:768px){
  .hero-blog{padding:40px 16px;}
  .hero-blog-title{font-size:32px;}
  .hero-blog-subtitle{font-size:16px;}
  .hero-blog-stats{flex-direction:column;gap:24px;}
  .section-blog{padding:40px 16px;}
  .blog-grid{grid-template-columns:1fr;gap:20px;}
  .blog-card-img{aspect-ratio:16/9;}
  .blog-card-body{padding:20px;}
  .blog-card-title{font-size:18px;}
  .blog-featured{padding:32px 20px;}
  .blog-featured-text h2{font-size:24px;}
  
  
  
  
  .
  .
}
@media(max-width:480px){
  .hero-blog{padding:32px 12px;}
  .hero-blog-title{font-size:28px;}
  .hero-blog-subtitle{font-size:14px;}
  .hero-blog-stats{flex-direction:column;gap:16px;}
  .section-blog{padding:20px 12px;}
  .blog-card-img{aspect-ratio:4/3;}
  .blog-card-body{padding:16px;}
  .blog-card-title{font-size:16px;}
  .blog-featured{padding:24px 16px;}
  .blog-featured-text h2{font-size:20px;}
  
  
  
  
}
@keyframes fadeIn{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}
.blog-card{animation:fadeIn .6s ease both;}
.blog-card:nth-child(1){animation-delay:0.1s;}
.blog-card:nth-child(2){animation-delay:0.2s;}
.blog-card:nth-child(3){animation-delay:0.3s;}
.blog-card:nth-child(4){animation-delay:0.4s;}
.blog-card:nth-child(5){animation-delay:0.5s;}
.blog-card:nth-child(6){animation-delay:0.6s;}