.blog-listing{max-width:1200px;margin:0 auto;padding:0 20px}.blog-hero{position:relative;text-align:center;padding:72px 24px;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.12) 0%,transparent 45%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.1) 0%,transparent 45%),linear-gradient(135deg,var(--accent) 0%,var(--accent-alt) 100%);border-radius:16px;margin-bottom:40px;color:#fff;overflow:hidden}.blog-hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.18) 1px,transparent 1px);background-size:22px 22px;opacity:.5;pointer-events:none}.hero-content{position:relative;z-index:1}.hero-eyebrow{display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#ffffffd9;background:#ffffff26;padding:6px 14px;border-radius:20px;margin-bottom:20px}.hero-content h1{font-size:3rem;font-weight:700;margin-bottom:16px;font-family:Syne,sans-serif}.hero-content p{font-size:1.2rem;opacity:.9;max-width:600px;margin:0 auto;line-height:1.6}.blog-filters{display:flex;flex-direction:column;gap:20px;margin-bottom:40px;padding:24px;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border)}.search-container{position:relative;max-width:400px}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--text-muted);size:20px}.search-input{width:100%;padding:12px 16px 12px 48px;border:1px solid var(--border);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-size:16px;transition:all .3s ease}.search-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #00f5a01a}.filter-controls{display:flex;gap:16px;flex-wrap:wrap}.filter-group{display:flex;align-items:center;gap:8px}.filter-icon{color:var(--text-muted);size:20px}.filter-select{padding:8px 32px 8px 12px;border:1px solid var(--border);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);font-size:14px;cursor:pointer;transition:all .3s ease}.filter-select:focus{outline:none;border-color:var(--accent)}.results-count{color:var(--text-muted);font-size:14px;margin-top:8px}.blog-posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:32px;margin-bottom:60px}.blog-card{background:var(--bg-secondary);border-radius:12px;overflow:hidden;border:1px solid var(--border);transition:all .3s ease;animation:fadeInUp .6s ease forwards;opacity:0}.blog-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #00000026;border-color:var(--accent)}.blog-card-image{position:relative;height:200px;overflow:hidden}.blog-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.blog-card:hover .blog-card-image img{transform:scale(1.05)}.blog-card-category{position:absolute;top:12px;left:12px;background:var(--accent);color:var(--bg-primary);padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase}.blog-card-content{padding:24px}.blog-card-title{margin-bottom:12px}.blog-card-title a,.blog-card-title .link{color:var(--text-primary);text-decoration:none;font-size:1.25rem;font-weight:600;margin-bottom:12px;transition:color .3s ease;display:block}.blog-card-title a:hover,.blog-card-title .link:hover{color:var(--accent)}.blog-card-description{color:var(--text-muted);line-height:1.6;margin-bottom:20px;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-card-meta{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px}.meta-item{display:flex;align-items:center;gap:6px;color:var(--text-muted);font-size:14px}.meta-icon{size:16px}.blog-card-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.tag{background:var(--bg-primary);color:var(--text-muted);padding:4px 8px;border-radius:4px;font-size:12px;border:1px solid var(--border)}.tag-more{color:var(--text-muted);font-size:12px;padding:4px 8px}.blog-card-footer{text-align:right}.read-more-btn{color:var(--accent);text-decoration:none;font-weight:600;font-size:14px;transition:all .3s ease;position:relative}.read-more-btn:after{content:">";margin-left:4px;transition:transform .3s ease}.read-more-btn:hover:after{transform:translate(4px)}.no-results{text-align:center;padding:60px 20px;grid-column:1 / -1}.no-results h3{color:var(--text-primary);margin-bottom:12px}.no-results p{color:var(--text-muted)}.blog-newsletter{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-alt) 100%);border-radius:16px;padding:48px;text-align:center;margin-bottom:60px;color:#fff}.newsletter-content h2{font-size:2rem;margin-bottom:12px;font-family:Syne,sans-serif}.newsletter-content p{margin-bottom:24px;opacity:.9}.newsletter-form{display:flex;gap:12px;max-width:400px;margin:0 auto}.newsletter-input{flex:1;padding:12px 16px;border:none;border-radius:8px;background:#ffffffe6;color:var(--bg-primary);font-size:16px}.newsletter-input::placeholder{color:var(--text-muted)}.newsletter-btn{padding:12px 24px;background:var(--bg-primary);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.newsletter-btn:hover{background:var(--accent);transform:translateY(-2px)}.popular-tags{text-align:center;margin-bottom:40px}.popular-tags h2{color:var(--text-primary);margin-bottom:24px;font-family:Syne,sans-serif}.tags-cloud{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.tag-cloud-btn{padding:8px 16px;background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border);border-radius:20px;font-size:14px;cursor:pointer;transition:all .3s ease}.tag-cloud-btn:hover{background:var(--accent);color:var(--bg-primary);border-color:var(--accent);transform:translateY(-2px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.hero-content h1{font-size:2rem}.hero-content p{font-size:1rem}.blog-filters{padding:16px}.filter-controls{flex-direction:column;gap:12px}.blog-posts-grid{grid-template-columns:1fr;gap:24px}.newsletter-form{flex-direction:column}.tags-cloud{justify-content:flex-start}}@media(max-width:480px){.blog-listing{padding:0 16px}.blog-hero{padding:40px 20px}.blog-card-content{padding:20px}.blog-newsletter{padding:32px 20px}}