.blog-container{max-width:1400px;margin:0 auto;padding:0 40px}.blog-hero{text-align:center;padding:180px 0 120px;background:linear-gradient(135deg,#000000b3,#00000080),url(/JSON-Prompt-Gen/assets/blog-hero-Co8pCanl.png) center/cover no-repeat;border-radius:20px;margin-bottom:80px;position:relative;overflow:hidden}.blog-hero:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#0000004d;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:0}.blog-hero>*{position:relative;z-index:1}.blog-hero h1{font-size:3.5rem;font-weight:800;margin-bottom:20px;background:linear-gradient(135deg,#2196f3,#9c27b0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.blog-hero p{font-size:1.25rem;color:var(--text-secondary);max-width:700px;margin:0 auto}.platform-filter{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:60px;padding:0 20px}.filter-btn{padding:12px 28px;border:2px solid var(--border-color);background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-primary);border-radius:10px;cursor:pointer;font-weight:600;font-size:.95rem;transition:all .3s ease;position:relative;overflow:hidden}.filter-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#2196f34d;transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease}.filter-btn:hover:before,.filter-btn.active:before{width:300px;height:300px}.filter-btn:hover,.filter-btn.active{border-color:var(--accent-blue);color:var(--accent-blue);transform:translateY(-2px)}.filter-btn.active{background:#2196f326}.filter-btn[data-platform=veo]:hover,.filter-btn[data-platform=veo].active{border-color:#4285f4;color:#4285f4}.filter-btn[data-platform=sora]:hover,.filter-btn[data-platform=sora].active{border-color:#ff6b35;color:#ff6b35}.filter-btn[data-platform=runway]:hover,.filter-btn[data-platform=runway].active{border-color:#00d9ff;color:#00d9ff}.filter-btn[data-platform=luma]:hover,.filter-btn[data-platform=luma].active{border-color:gold;color:gold}.filter-btn[data-platform=kling]:hover,.filter-btn[data-platform=kling].active{border-color:#9c27b0;color:#9c27b0}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-bottom:80px}.blog-card{background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:16px;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative}.blog-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#2196f31a,#9c27b01a);opacity:0;transition:opacity .4s ease;pointer-events:none}.blog-card:hover:before{opacity:1}.blog-card:hover{transform:translateY(-8px) scale(1.02);border-color:var(--accent-blue);box-shadow:0 20px 60px #2196f34d}.blog-card-image{width:100%;height:280px;background-size:cover;background-position:center;overflow:hidden;position:relative;border-radius:12px 12px 0 0}.blog-card-image:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#0000,#0006);transition:opacity .3s ease}.blog-card:hover .blog-card-image{transform:scale(1.08);transition:transform .6s cubic-bezier(.4,0,.2,1)}.blog-card[data-platform=veo] .blog-card-image{background-image:url(/JSON-Prompt-Gen/assets/veo-hero-B9Ctb1rJ.png)}.blog-card[data-platform=sora] .blog-card-image{background-image:url(/JSON-Prompt-Gen/assets/sora-hero-OWl86hft.png)}.blog-card[data-platform=runway] .blog-card-image{background-image:url(/JSON-Prompt-Gen/assets/runway-hero-DSxI_RFg.png)}.blog-card[data-platform=luma] .blog-card-image{background-image:url(/JSON-Prompt-Gen/assets/luma-hero-HQtUr4Hh.png)}.blog-card[data-platform=kling] .blog-card-image{background-image:url(/JSON-Prompt-Gen/assets/kling-hero-DWRGKxau.png)}.blog-card-content{padding:30px}.platform-badge{display:inline-block;padding:6px 16px;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px}.platform-badge.veo{background:#4285f433;color:#4285f4;border:1px solid #4285F4}.platform-badge.sora{background:#ff6b3533;color:#ff6b35;border:1px solid #FF6B35}.platform-badge.runway{background:#00d9ff33;color:#00d9ff;border:1px solid #00D9FF}.platform-badge.luma{background:#ffd70033;color:gold;border:1px solid #FFD700}.platform-badge.kling{background:#9c27b033;color:#9c27b0;border:1px solid #9C27B0}.blog-card h3{font-size:1.5rem;font-weight:700;margin-bottom:12px;color:var(--text-primary);line-height:1.4}.blog-card-meta{display:flex;gap:16px;align-items:center;margin-bottom:16px;font-size:.875rem;color:var(--text-secondary)}.blog-card-meta span{display:flex;align-items:center;gap:6px}.blog-card-excerpt{color:var(--text-secondary);line-height:1.7;margin-bottom:20px;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.read-more-btn{display:inline-flex;align-items:center;gap:8px;color:var(--accent-blue);font-weight:600;text-decoration:none;transition:all .3s ease}.read-more-btn:hover{gap:12px;color:var(--accent-purple)}.read-more-btn:after{content:"→";transition:transform .3s ease}.read-more-btn:hover:after{transform:translate(4px)}.blog-layout{display:block;margin-bottom:80px}.blog-sidebar{position:sticky;top:100px;height:fit-content}.sidebar-widget{background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:16px;padding:30px;margin-bottom:30px}.sidebar-widget h3{font-size:1.25rem;font-weight:700;margin-bottom:20px;color:var(--text-primary)}.popular-post{padding:16px 0;border-bottom:1px solid var(--border-color);transition:all .3s ease}.popular-post:last-child{border-bottom:none}.popular-post:hover{transform:translate(8px)}.popular-post a{color:var(--text-primary);text-decoration:none;font-weight:600;font-size:.95rem;display:block;margin-bottom:6px}.popular-post span{color:var(--text-secondary);font-size:.85rem}.newsletter-form{display:flex;flex-direction:column;gap:12px}.newsletter-input{padding:14px 18px;background:#ffffff0d;border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:1rem;transition:all .3s ease}.newsletter-input:focus{outline:none;border-color:var(--accent-blue);background:#ffffff14}.newsletter-btn{padding:14px;background:linear-gradient(135deg,var(--accent-blue) 0%,var(--accent-purple) 100%);border:none;border-radius:8px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease}.newsletter-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #2196f366}.blog-search{max-width:600px;margin:0 auto 60px;position:relative;display:flex;justify-content:center;width:100%}.search-input{width:600px;max-width:100%;padding:18px 24px 18px 56px;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-size:1rem;transition:all .3s ease}.search-input:focus{outline:none;border-color:var(--accent-blue);background:#ffffff14;box-shadow:0 8px 30px #2196f333}.search-icon{position:absolute;left:24px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center}.search-icon svg{width:22px;height:22px;transition:all .3s ease}.search-input:focus+.search-icon svg{transform:scale(1.1);filter:drop-shadow(0 0 5px rgba(33,150,243,.5))}@media (max-width: 1024px){.blog-layout{grid-template-columns:1fr}.blog-sidebar{position:static}.blog-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px}}@media (max-width: 768px){.blog-container{padding:0 20px}.blog-hero{padding:80px 20px 60px}.blog-hero h1{font-size:2.5rem}.blog-grid{grid-template-columns:1fr;gap:24px}.platform-filter{gap:8px}.filter-btn{padding:10px 20px;font-size:.85rem}.blog-card-content{padding:24px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in-up,.blog-card{animation:fadeInUp .6s ease forwards}.blog-card:nth-child(1){animation-delay:.1s}.blog-card:nth-child(2){animation-delay:.2s}.blog-card:nth-child(3){animation-delay:.3s}.blog-card:nth-child(4){animation-delay:.4s}.blog-card:nth-child(5){animation-delay:.5s}.blog-card:nth-child(6){animation-delay:.6s}.sidebar-text-muted{color:var(--text-secondary);margin-bottom:16px;font-size:.9rem}.cta-widget-glow{background:linear-gradient(135deg,#2196f31a,#9c27b01a);border-color:var(--accent-blue)!important}.cta-btn-block{text-align:center;text-decoration:none;display:block}.blog-footer{text-align:center;padding:60px 20px 40px;border-top:1px solid var(--border-color);margin-top:80px}.footer-nav{display:flex;justify-content:center;gap:30px;margin-bottom:24px;flex-wrap:wrap}.footer-link{color:var(--text-secondary);text-decoration:none;transition:color .3s ease}.footer-link:hover{color:var(--accent-blue)}.footer-copy{color:var(--text-secondary);font-size:.9rem}.blog-page-spacer{padding-top:120px}.landing-nav .nav-content{max-width:1300px;justify-content:space-between;gap:0!important}.home-btn{display:flex;align-items:center;color:azure;border:1px solid #00fff27e;border-radius:8px;padding:7px 12px;box-shadow:0 1px 14px #00ffff42;text-shadow:0 1px 14px rgba(0,255,255,.26);text-decoration:none;font-weight:600;order:2}.home-btn:hover{color:azure;border-color:#00fff27e;box-shadow:0 1px 14px #00ffff42}.home-btn span{max-width:100px;opacity:1;overflow:hidden;white-space:nowrap;font-size:.95rem}.nav-links{display:flex;gap:16px;align-items:center}.btn-launch-beta{order:1;display:inline-flex;align-items:center;padding:8px 14px;border-radius:8px}.btn-launch-beta:hover{background:#0000004d!important;box-shadow:0 0 15px #00fff233!important;border-color:#00fff280!important;transform:none!important}.btn-launch-beta span{max-width:120px;opacity:1;overflow:hidden;white-space:nowrap;font-size:.9rem}.comparison-table-wrapper{overflow-x:auto;margin:30px 0}.comparison-table{width:100%;border-collapse:collapse;background:#ffffff08;border-radius:12px;overflow:hidden}.comparison-table thead tr{background:#2196f31a}.comparison-table.purple-theme thead tr{background:#9c27b01a}.comparison-table th,.comparison-table td{padding:15px;text-align:left;border-bottom:1px solid var(--border-color)}.comparison-table strong{color:var(--accent-blue)}.tip-footer{margin-top:12px;font-size:.95rem}@media (max-width: 1200px){.blog-grid{grid-template-columns:repeat(2,1fr);gap:25px}}@media (max-width: 768px){.blog-container{padding:0 20px}.blog-grid{grid-template-columns:1fr;gap:20px}.blog-hero h1{font-size:2.5rem}}