.blog-hero{position: relative;padding: 180px 0 100px;overflow: visible;background-color: var(--light-gray);background: transparent !important;box-shadow: none !important;z-index: 1;text-align: center;min-height: unset;display: block;height: 70vh}.blog-hero-content{max-width: 600px;position: relative;z-index: 2;margin: 0 auto;text-align: center;background: transparent !important}.blog-hero-content h1{margin-bottom: var(--spacing-lg);font-size: 3.5rem;font-weight: 700;line-height: 1.1}.blog-hero-content p{font-size: 1.2rem;margin-bottom: var(--spacing-xl);color: var(--text-muted)}.blog-filter{padding: var(--spacing-xl) 0;background-color: #f8f9fa}.blog-filter .filter-controls{display: flex;flex-wrap: wrap;gap: var(--spacing-md);justify-content: center;margin-bottom: var(--spacing-lg)}.blog-filter .filter-btn{background: var(--light-gray);border: 2px solid transparent;border-radius: var(--border-radius-md);padding: var(--spacing-sm) var(--spacing-lg);font-size: 1rem;color: var(--text-dark);cursor: pointer;transition: all var(--transition-normal);font-weight: 500}.blog-filter .filter-btn.active,.blog-filter .filter-btn:hover{background: linear-gradient(90deg, var(--gradient-start), var(--gradient-end));color: #fff;border-color: var(--primary-color)}.search-container{display: flex;align-items: center;max-width: 400px;margin: var(--spacing-md) auto;background: #fff;border-radius: var(--border-radius-md);padding: var(--spacing-xs);box-shadow: var(--shadow-sm)}.blog-filter .search-container{border: 2px solid var(--medium-gray);margin: 0 auto}.blog-filter .search-container:focus-within{border-color: var(--primary-color);box-shadow: 0 0 0 3px rgba(67, 97, 238, 0.1)}#blog-search{flex: 1;border: none;padding: var(--spacing-sm) var(--spacing-md);font-size: 1rem;font-family: var(--font-primary);color: var(--text-dark);outline: none;background: transparent}#blog-search::placeholder{color: var(--text-muted)}#search-btn{background: linear-gradient(90deg, var(--gradient-start), var(--gradient-end));color: #fff;border: none;padding: var(--spacing-sm) var(--spacing-md);border-radius: var(--border-radius-sm);cursor: pointer;transition: all var(--transition-normal)}#search-btn:hover{transform: translateY(-1px);box-shadow: var(--shadow-md)}.blog-grid-section{padding: var(--spacing-xxl) 0;background-color: var(--light-gray)}.blog-grid{display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: var(--spacing-xl);margin-bottom: var(--spacing-xl)}.blog-card{background-color: #fff;border-radius: var(--border-radius-lg);overflow: hidden;box-shadow: var(--shadow-md);transition: all var(--transition-normal);opacity: 1;transform: translateY(0)}.blog-card.hidden{opacity: 0;transform: translateY(20px)}.blog-card:hover{transform: translateY(-5px);box-shadow: var(--shadow-lg)}.blog-image{height: 200px;overflow: hidden;position: relative}.blog-image img{width: 100%;height: 100%;object-fit: cover;transition: transform var(--transition-normal)}.blog-card:hover .blog-image img{transform: scale(1.05)}.blog-content{padding: var(--spacing-xl)}.post-category{display: inline-block;background: linear-gradient(90deg, var(--gradient-start), var(--gradient-end));color: #fff;padding: var(--spacing-xs) var(--spacing-md);border-radius: var(--border-radius-sm);font-size: 0.85rem;font-weight: 500;margin-bottom: var(--spacing-md)}.post-meta{font-size: 0.9rem;color: var(--text-muted);margin-bottom: var(--spacing-md)}.post-meta .author{color: var(--primary-color);font-weight: 500}.post-meta .date{color: var(--text-muted)}.blog-content h3{font-size: 1.3rem;margin-bottom: var(--spacing-md);line-height: 1.4;color: var(--text-dark)}.blog-content p{color: var(--text-muted);margin-bottom: var(--spacing-lg);line-height: 1.6}.featured-post{padding: var(--spacing-xl) 0 0 0;background: transparent;position: relative;z-index: 1;text-align: center}.featured-post-card{background-color: #fff;border-radius: var(--border-radius-lg);overflow: hidden;box-shadow: var(--shadow-md);transition: all var(--transition-normal);display: flex;flex-direction: column;align-items: center;justify-content: center;width: 100%;margin: 0;padding: var(--spacing-xl);gap: var(--spacing-lg)}.featured-post-card[style]{width: 100% !important;margin: 0 0 var(--spacing-xl) 0 !important;justify-self: stretch}.blog-grid>.featured-post-card{grid-column: 1 / -1}.featured-post-card:hover{transform: translateY(-5px);box-shadow: var(--shadow-xl)}.featured-post-image{overflow: hidden}.featured-post-image img{width: 100%;max-width: 220px;height: 180px;object-fit: cover;border-radius: var(--border-radius-md);margin-bottom: var(--spacing-md);transition: transform var(--transition-normal)}.featured-post-card:hover .featured-post-image img{transform: scale(1.05)}.featured-post-content{text-align: center;padding: 0}.featured-label{display: inline-block;font-size: 0.95rem;color: var(--primary-color);background: rgba(67, 97, 238, 0.08);border-radius: 6px;padding: 2px 10px;margin-bottom: 6px;margin-right: 4px;font-weight: 500}.featured-post-content h2{font-size: 1.6rem;font-weight: 700;margin-bottom: var(--spacing-md);line-height: 1.3}.featured-post-content .post-meta{display: block;font-size: 0.95rem;color: var(--text-muted);margin-bottom: var(--spacing-md)}.featured-post-content .post-excerpt,.post-excerpt{font-size: 1.1rem;color: var(--text-muted);margin-bottom: var(--spacing-lg);line-height: 1.6}.featured-post-content .btn-primary{background: transparent;color: var(--primary-color);border: 2px solid var(--primary-color);border-radius: 6px;padding: 8px 22px;font-weight: 600;font-size: 1rem;box-shadow: none;transition: all var(--transition-normal)}.featured-post-content .btn-primary:hover{background: var(--primary-color);color: #fff}.pagination{display: flex;justify-content: center;align-items: center;gap: var(--spacing-sm);margin-top: var(--spacing-xxl)}.pagination a,.pagination span{display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;border-radius: var(--border-radius-sm);text-decoration: none;color: var(--text-dark);background: #fff;border: 1px solid var(--medium-gray);transition: all var(--transition-normal)}.pagination a:hover,.pagination a.active{background: var(--primary-color);color: #fff;border-color: var(--primary-color)}.pagination .next{width: auto;padding: 0 var(--spacing-lg);gap: var(--spacing-xs)}.pagination span{background: transparent;border: none;color: var(--text-muted)}.newsletter{padding: 100px 0;background: var(--light-gray);color: #1a1a2e;text-align: center;position: relative;overflow: hidden}.newsletter::before{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: radial-gradient(circle at 10% 20%, rgba(67, 97, 238, 0.05) 0%, transparent 40%), radial-gradient(circle at 90% 80%, rgba(114, 9, 183, 0.05) 0%, transparent 40%);pointer-events: none}.newsletter::after{content: '';position: absolute;top: 0;left: 0;right: 0;height: 100px;background: linear-gradient(to bottom, #ffffff 0%, transparent 100%);z-index: 2;pointer-events: none}.newsletter-particles{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;pointer-events: none}.newsletter .container{position: relative;z-index: 3}.newsletter-content{max-width: 700px;margin: 0 auto}.newsletter-content h2{font-size: 2.5rem;font-weight: 700;margin-bottom: 16px;background: linear-gradient(135deg, #4361ee 0%, #7209b7 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-shadow: none}.newsletter-content>p{font-size: 1.15rem;margin-bottom: 32px;color: #4a5568;line-height: 1.6}.newsletter-form{display: flex;justify-content: center;gap: 12px;margin-bottom: 20px;flex-wrap: wrap;max-width: 500px;margin-left: auto;margin-right: auto}.newsletter-form input[type="email"]{flex: 1;padding: 16px 20px;border-radius: 50px;border: 2px solid #e2e8f0;font-size: 1rem;min-width: 250px;background: #ffffff;box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);transition: all 0.3s ease}.newsletter-form input[type="email"]:focus{outline: none;border-color: #4361ee;box-shadow: 0 0 0 4px rgba(67, 97, 238, 0.15)}.newsletter-form .btn-primary,.newsletter-form button{padding: 16px 32px;background: linear-gradient(135deg, #4361ee 0%, #7209b7 100%);color: #ffffff;border: none;border-radius: 50px;font-size: 1rem;font-weight: 600;cursor: pointer;transition: all 0.3s ease;box-shadow: 0 8px 25px rgba(67, 97, 238, 0.35)}.newsletter-form .btn-primary:hover,.newsletter-form button:hover{background: linear-gradient(135deg, #3a56d4 0%, #6008a0 100%);transform: translateY(-3px);box-shadow: 0 12px 35px rgba(67, 97, 238, 0.45)}.newsletter .privacy-note{font-size: 0.9rem;color: #718096;margin-top: 16px}@media (max-width: 900px){.featured-post-card{max-width: 100%;padding: var(--spacing-lg) var(--spacing-md)} .featured-post-image img{max-width: 100%;height: 160px}}@media (max-width: 768px){.blog-hero{padding: 120px 0 60px} .blog-hero-content h1{font-size: 2rem} .featured-post-card{grid-template-columns: 1fr} .blog-filter .filter-controls{justify-content: center} .blog-filter .filter-btn{font-size: 0.9rem;padding: var(--spacing-xs) var(--spacing-md)} .newsletter-form{flex-direction: column;align-items: center} .newsletter-form input[type="email"]{width: 100%;max-width: 100%}}