.blog-hero{justify-content:center;align-items:center;min-height:50vh;padding-top:120px;padding-bottom:48px;display:flex;position:relative;overflow:hidden}.blog-hero-background{z-index:0;position:absolute;inset:0}.blog-hero-gradient{background:radial-gradient(ellipse at 50% 0%,var(--accent-pink-15)0%,#6366f114 30%,transparent 60%);width:150%;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%)}.blog-hero-grid{background-image:linear-gradient(var(--white-2)1px,transparent 1px),linear-gradient(90deg,var(--white-2)1px,transparent 1px);background-size:60px 60px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(at 50% 0,#000 0%,#0000 70%);mask-image:radial-gradient(at 50% 0,#000 0%,#0000 70%)}.blog-hero-content{text-align:center;z-index:1;max-width:1248px;margin:0 auto;padding:0 24px;position:relative}.blog-hero-badge{background:var(--bg-overlay);border:1px solid var(--white-10);color:var(--text-secondary);border-radius:9999px;align-items:center;gap:8px;margin-bottom:24px;padding:8px 16px;font-size:.875rem;font-weight:600;display:inline-flex}.blog-hero-badge-dot{background:var(--accent-pink);border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite blog-pulse}@keyframes blog-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.blog-hero-title{font-size:clamp(2.5rem,6vw,4rem);font-weight:800;line-height:var(--leading-tight);color:var(--text-primary);margin-bottom:24px}.blog-hero-title .text-gradient{background:linear-gradient(135deg,var(--accent-pink)0%,var(--accent-purple)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.blog-hero-subtitle{font-size:var(--wpai-text-lg);color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.6}.blog-featured{z-index:2;margin-top:-32px;padding:0 0 32px;position:relative}.blog-card--featured{background:var(--bg-secondary);background-image:linear-gradient(var(--bg-secondary),var(--bg-secondary)),linear-gradient(135deg,var(--accent-pink-40),var(--accent-purple),var(--accent-pink-40));background-origin:border-box;background-clip:padding-box,border-box;border:1px solid #0000;border-radius:16px;max-width:900px;padding:40px;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1);display:block;position:relative}.blog-card--featured:hover{box-shadow:0 12px 40px var(--accent-pink-15),0 4px 16px var(--black-30);transform:translateY(-4px)}.blog-card--featured .blog-card-title{font-size:var(--wpai-text-2xl)}.blog-card--featured .blog-card-description{font-size:var(--wpai-text-lg);max-width:700px}.blog-card--featured .blog-card-cta{font-size:var(--wpai-text-base)}.blog-list{padding:48px 0 64px}.blog-list-header{margin-bottom:32px}.blog-list-heading{font-size:var(--wpai-text-2xl);color:var(--text-primary);margin-bottom:20px;font-weight:700}.blog-tags-filter{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;gap:8px;padding-bottom:24px;display:flex}.blog-tag-btn{font-size:var(--wpai-text-xs);color:var(--text-muted);border:1px solid var(--border-default);cursor:pointer;z-index:1;background:0 0;border-radius:9999px;padding:6px 16px;font-weight:500;transition:color .2s,border-color .2s,background .2s;position:relative;overflow:hidden}.blog-tag-btn:hover{color:var(--text-primary);border-color:var(--accent-pink-40);background:var(--accent-pink-10)}.blog-tag-btn--active{color:#fff;background:0 0;border-color:#0000}.blog-tag-btn--active:hover{color:#fff;border-color:#0000}.blog-tag-btn-indicator{background:var(--accent-pink);z-index:-1;border-radius:9999px;position:absolute;inset:0}.blog-empty{text-align:center;color:var(--text-muted);font-size:var(--wpai-text-lg);padding:64px 0}.blog-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.blog-card{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:12px;flex-direction:column;padding:32px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.blog-card:hover{border-color:var(--accent-pink-40);box-shadow:0 8px 32px var(--accent-pink-10),0 2px 8px var(--black-30);transform:translateY(-3px)}.blog-card:hover .blog-card-cta{color:var(--accent-pink);gap:10px}.blog-card-badge{background:var(--gradient-primary);color:#fff;font-size:var(--wpai-text-xs);text-transform:uppercase;letter-spacing:.05em;border-radius:20px;padding:4px 12px;font-weight:600;position:absolute;top:16px;right:16px}.blog-card-content{flex-direction:column;flex:1;gap:12px;display:flex}.blog-card-meta{font-size:var(--wpai-text-xs);color:var(--text-muted);align-items:center;gap:8px;display:flex}.blog-card-separator{color:var(--text-muted);opacity:.5}.blog-card-title{font-size:var(--wpai-text-xl);color:var(--text-primary);font-weight:700;line-height:var(--leading-snug);transition:color .2s}.blog-card:hover .blog-card-title{color:#fff}.blog-card-description{font-size:var(--wpai-text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed)}.blog-card-footer{border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;margin-top:auto;padding-top:16px;display:flex}.blog-card-author-name{font-size:var(--wpai-text-xs);color:var(--text-muted);font-weight:500}.blog-card-tags{flex-wrap:wrap;gap:6px;display:flex}.blog-card-tag{color:var(--accent-pink);background:var(--accent-pink-10);border-radius:4px;padding:2px 8px;font-size:.7rem;font-weight:500}.blog-card-cta{font-size:var(--wpai-text-sm);color:var(--text-muted);align-items:center;gap:6px;margin-top:8px;font-weight:600;transition:all .3s;display:inline-flex}.blog-newsletter{padding:0 0 80px}.blog-newsletter-card{text-align:center;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:16px;max-width:700px;margin:0 auto;padding:48px 40px;position:relative;overflow:hidden}.blog-newsletter-card:before{content:"";background:var(--gradient-primary);height:2px;position:absolute;top:0;left:0;right:0}.blog-newsletter-title{font-size:var(--wpai-text-2xl);color:var(--text-primary);margin-bottom:12px;font-weight:700}.blog-newsletter-description{font-size:var(--wpai-text-base);color:var(--text-secondary);max-width:500px;margin-bottom:28px;margin-left:auto;margin-right:auto;line-height:1.6}.blog-newsletter-form{max-width:420px;margin:0 auto}@media (max-width:768px){.blog-hero{min-height:40vh;padding-top:100px;padding-bottom:32px}.blog-hero-title{font-size:clamp(2rem,8vw,2.5rem)}.blog-hero-subtitle{font-size:var(--wpai-text-base)}.blog-featured{margin-top:-16px}.blog-card--featured{padding:28px}.blog-card--featured .blog-card-title{font-size:var(--wpai-text-xl)}.blog-card--featured .blog-card-description{font-size:var(--wpai-text-base)}.blog-grid{grid-template-columns:1fr}.blog-list{padding:32px 0 48px}.blog-list-heading{font-size:var(--wpai-text-xl);margin-bottom:16px}.blog-tags-filter{gap:6px;padding-bottom:20px}.blog-tag-btn{padding:5px 12px;font-size:.7rem}.blog-card{padding:24px}.blog-card-title{font-size:var(--wpai-text-lg)}.blog-card-footer{flex-direction:column;align-items:flex-start;gap:8px}.blog-newsletter{padding:0 0 48px}.blog-newsletter-card{padding:32px 24px}.blog-newsletter-title{font-size:var(--wpai-text-xl)}.blog-newsletter-description{font-size:var(--wpai-text-sm)}}