.blog-hero{background-color:var(--bg-lavender);text-align:center;padding:80px 0 48px;position:relative;overflow:hidden}.blog-hero:before{content:"";opacity:.1;pointer-events:none;background-image:url(/hero-bg.webp);background-position:50%;background-size:cover;position:absolute;inset:0}.blog-hero h1{font-family:var(--font-heading);z-index:1;margin-bottom:12px;position:relative}.blog-hero .subtitle{color:var(--muted);z-index:1;max-width:500px;margin:0 auto;font-size:1.05rem;line-height:1.7;position:relative}.blog-hero-decor{color:var(--purple-2);opacity:.4;pointer-events:none;z-index:0;font-size:1.4rem;animation:6s ease-in-out infinite float;position:absolute}.blog-hero-decor:first-child{animation-delay:0s;top:20%;left:10%}.blog-hero-decor:nth-child(2){font-size:1rem;animation-delay:2s;top:25%;right:12%}.blog-hero-decor:nth-child(3){font-size:1.6rem;animation-delay:3.5s;bottom:25%;left:18%}.blog-hero-decor:nth-child(4){animation-delay:1s;bottom:30%;right:15%}.blog-content{padding:48px 0 80px}.featured-post{background:var(--glass-strong);border-radius:var(--radius-lg);border:1px solid var(--border);-webkit-backdrop-filter:blur(16px);grid-template-columns:1.2fr 1fr;gap:32px;margin-bottom:64px;padding:24px;animation:.6s ease-out fadeIn;display:grid;overflow:hidden}.featured-post-image{border-radius:var(--radius-md);aspect-ratio:16/9;background:var(--bg-3);overflow:hidden}.featured-post-image img{object-fit:cover;width:100%;height:100%}.featured-post-content{flex-direction:column;justify-content:center;display:flex}.featured-badge{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--gold), var(--gold-2));color:#fff;align-items:center;gap:4px;width:fit-content;margin-bottom:12px;padding:4px 12px;font-size:.75rem;font-weight:600;display:inline-flex}.featured-post-content h2{font-family:var(--font-heading);color:var(--text);margin-bottom:12px;font-size:1.5rem;line-height:1.3}.featured-post-content .excerpt{color:var(--muted);margin-bottom:20px;font-size:.95rem;line-height:1.7}.featured-post-meta{color:var(--muted-2);align-items:center;gap:16px;margin-bottom:20px;font-size:.82rem;display:flex}.featured-post-meta span{align-items:center;gap:4px;display:inline-flex}.blog-grid-title{font-family:var(--font-heading);text-align:center;margin-bottom:32px}.blog-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:64px;display:grid}.blog-card{background:var(--glass-strong);border-radius:var(--radius-lg);border:1px solid var(--border);-webkit-backdrop-filter:blur(16px);transition:all .4s cubic-bezier(.4,0,.2,1);display:block;overflow:hidden}.blog-card:hover{box-shadow:var(--shadow-lg);border-color:var(--border-strong);transform:translateY(-6px)}.blog-card-image{aspect-ratio:16/10;background:var(--bg-3);position:relative;overflow:hidden}.blog-card-image img{object-fit:cover;width:100%;height:100%;transition:transform .4s cubic-bezier(.4,0,.2,1)}.blog-card:hover .blog-card-image img{transform:scale(1.05)}.blog-card-category{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--purple), var(--purple-2));color:#fff;z-index:1;padding:4px 12px;font-size:.72rem;font-weight:600;position:absolute;top:12px;left:12px}.blog-card-body{padding:20px}.blog-card-body h3{color:var(--text);font-size:1rem;font-weight:600;line-height:1.4;font-family:var(--font-body);margin-bottom:8px}.blog-card-body .excerpt{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:12px;font-size:.85rem;line-height:1.6;display:-webkit-box;overflow:hidden}.blog-card-footer{color:var(--muted-2);justify-content:space-between;align-items:center;font-size:.78rem;display:flex}.tags-section{text-align:center;margin-bottom:48px}.tags-section h2{font-family:var(--font-heading);margin-bottom:20px}.tags-cloud{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.tag-pill{border-radius:var(--radius-full);background:var(--glass-strong);border:1px solid var(--border);color:var(--text-light);cursor:pointer;padding:8px 20px;font-size:.85rem;text-decoration:none;transition:all .3s;display:inline-block}.tag-pill:hover{background:var(--purple-soft);border-color:var(--purple-2);color:var(--purple-dark);transform:translateY(-2px)}.blog-footer{text-align:center;border-top:1px solid var(--border);color:var(--muted-2);padding:24px 0;font-size:.82rem}@media (max-width:1024px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.blog-hero{padding:56px 0 36px}.featured-post{grid-template-columns:1fr;padding:16px}.blog-grid{grid-template-columns:1fr}.blog-content{padding:32px 0 56px}}