.seo-hero-section{background:linear-gradient(135deg,#0f172a 0%,#1e293b 55%,#1d4ed8 100%);padding:80px 0 60px;position:relative;overflow:hidden;color:#ffffff}.seo-hero-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 30%,rgba(37,99,235,0.3) 0%,transparent 60%),radial-gradient(circle at 80% 70%,rgba(6,182,212,0.25) 0%,transparent 60%);pointer-events:none}.seo-hero-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 18px;background:rgba(255,255,255,0.12);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.2);border-radius:50px;font-size:0.875rem;font-weight:600;color:#38bdf8;margin-bottom:20px}.seo-hero-title{font-size:2.5rem;font-weight:800;line-height:1.25;margin-bottom:1rem;color:#ffffff;text-shadow:0 2px 10px rgba(0,0,0,0.2)}@media (min-width:768px){.seo-hero-title{font-size:3rem}}.seo-hero-desc{font-size:1.125rem;color:#cbd5e1;max-width:760px;margin:0 auto 2rem;line-height:1.6}.seo-search-container{max-width:640px;margin:0 auto;position:relative}.seo-search-input{width:100%;padding:16px 24px 16px 54px;border-radius:16px;border:1px solid rgba(255,255,255,0.25);background:rgba(255,255,255,0.1);backdrop-filter:blur(12px);color:#ffffff;font-size:1rem;outline:none;transition:all 0.3s ease}.seo-search-input::placeholder{color:#94a3b8}.seo-search-input:focus{background:rgba(255,255,255,0.18);border-color:#38bdf8;box-shadow:0 0 20px rgba(56,189,248,0.35)}.seo-search-icon{position:absolute;left:20px;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:1.2rem}.seo-filter-bar{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:2.5rem}.seo-filter-btn{padding:8px 18px;border-radius:50px;border:1px solid #e2e8f0;background:#ffffff;color:#334155;font-weight:600;font-size:0.875rem;cursor:pointer;transition:all 0.25s ease;display:inline-flex;align-items:center;gap:8px}.seo-filter-btn:hover{background:#f1f5f9;color:#1e293b;border-color:#cbd5e1}.seo-filter-btn.active{background:#2563eb;color:#ffffff;border-color:#2563eb;box-shadow:0 4px 12px rgba(37,99,235,0.25)}.seo-filter-btn.active .badge{background-color:rgba(255,255,255,0.25) !important;color:#ffffff !important}.seo-card{background:#ffffff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;height:100%;display:flex;flex-direction:column;transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}.seo-card:hover{transform:translateY(-6px);box-shadow:0 12px 24px -6px rgba(0,0,0,0.1);border-color:#93c5fd}.seo-card-image{position:relative;height:180px;overflow:hidden;background-color:#f1f5f9}.seo-card-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.4s ease}.seo-card:hover .seo-card-image img{transform:scale(1.05)}.seo-card-body{padding:24px;display:flex;flex-direction:column;flex-grow:1}.seo-card-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.seo-badge-tag{font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;padding:4px 12px;border-radius:50px}.seo-tag-technical{background:#dbeafe;color:#1e40af}.seo-tag-onpage{background:#e0e7ff;color:#3730a3}.seo-tag-geo{background:#cff4fc;color:#055160}.seo-tag-entity{background:#fef3c7;color:#92400e}.seo-tag-audit{background:#d1fae5;color:#065f46}.seo-read-time{font-size:0.8125rem;color:#64748b}.seo-card-title{font-size:1.15rem;font-weight:700;line-height:1.4;margin-bottom:12px}.seo-card-title a{color:#0f172a;text-decoration:none;transition:color 0.2s ease;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.seo-card-title a:hover{color:#2563eb}.seo-card-desc{font-size:0.9rem;color:#64748b;line-height:1.55;margin-bottom:20px;flex-grow:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.seo-card-footer{padding-top:14px;border-top:1px solid #f1f5f9;display:flex;align-items:center;justify-content:space-between}.seo-link-more{font-size:0.875rem;font-weight:600;color:#2563eb;text-decoration:none;display:inline-flex;align-items:center;gap:6px;transition:gap 0.2s ease}.seo-card:hover .seo-link-more{gap:10px}.seo-empty-state{text-align:center;padding:60px 20px;display:none}.seo-empty-icon{font-size:3rem;color:#94a3b8;margin-bottom:16px}