.blog-hero{position:relative;padding:160px 0 100px;overflow:hidden}.blog-hero-bg{position:absolute;inset:0}.blog-hero-gradient{position:absolute;inset:0;background:linear-gradient(135deg,#083b66,#0a4d85,#40bad2)}.blog-hero-pattern{position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 5c0 5.523-4.477 10-10 10h-5v10h-5c-5.523 0-10 4.477-10 10s4.477 10 10 10h5v10h5c5.523 0 10-4.477 10-10s4.477-10 10-10h5V25h5c5.523 0 10-4.477 10-10s-4.477-10-10-10h-5V-5h-5c-5.523 0-10 4.477-10 10z' fill='%23ffffff' fill-opacity='0.03'/%3E%3C/svg%3E")}.blog-hero-content{position:relative;z-index:1;text-align:center;max-width:700px;margin:0 auto}.blog-hero h1{color:var(--white);font-size:clamp(2.5rem,5vw,3.5rem);margin-bottom:20px}.blog-hero p{color:#ffffffd9;font-size:1.25rem;margin-bottom:40px}.blog-search{display:flex;align-items:center;gap:16px;background:var(--white);padding:8px 8px 8px 24px;border-radius:60px;max-width:500px;margin:0 auto;box-shadow:var(--shadow-lg)}.blog-search svg{color:var(--text-grey);flex-shrink:0}.blog-search input{flex:1;border:none;outline:none;font-size:1rem;padding:12px 0}.blog-search input:focus-visible{outline:2px solid var(--ocean-blue);outline-offset:2px;border-radius:4px}.featured-section .section-header{text-align:left;margin-bottom:40px}.featured-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}.featured-card{background:var(--white);border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.featured-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.featured-image{position:relative;aspect-ratio:16/9;overflow:hidden}.featured-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-base)}.featured-card:hover .featured-image img{transform:scale(1.05)}.play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;background:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--ocean-blue);box-shadow:var(--shadow-lg);transition:all var(--transition-base)}.featured-card:hover .play-button{transform:translate(-50%,-50%) scale(1.1)}.featured-category{position:absolute;top:16px;left:16px;background:var(--ocean-blue);color:var(--white);padding:6px 14px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase}.featured-content{padding:28px}.post-meta{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px}.post-meta span{display:flex;align-items:center;gap:6px;font-size:.875rem;color:var(--text-grey)}.post-meta .rating{color:var(--ocean-blue);font-weight:600}.featured-content h3{font-size:1.375rem;margin-bottom:12px;line-height:1.3}.featured-content p{font-size:.9375rem;margin-bottom:20px}.read-more{display:inline-flex;align-items:center;gap:6px;color:var(--ocean-blue);font-weight:600;font-size:.9375rem}.read-more:hover{gap:10px}.posts-header{margin-bottom:40px}.category-filters{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.category-filters svg{color:var(--text-grey)}.category-btn{background:var(--white);border:1px solid var(--bg-grey);padding:10px 20px;border-radius:50px;font-size:.875rem;font-weight:500;color:var(--text-grey);cursor:pointer;transition:all var(--transition-fast)}.category-btn:hover,.category-btn.active{background:var(--primary-blue);border-color:var(--primary-blue);color:var(--white)}.posts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-bottom:48px}.post-card{background:var(--white);border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.post-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.post-image{position:relative;aspect-ratio:16/10;overflow:hidden}.post-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-base)}.post-card:hover .post-image img{transform:scale(1.05)}.play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;background:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--ocean-blue);box-shadow:var(--shadow-md)}.post-content{padding:24px}.post-tags{display:flex;align-items:center;gap:6px;margin-bottom:12px}.post-tags svg{color:var(--ocean-blue)}.post-tags span{font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--ocean-blue)}.post-content h3{font-size:1.125rem;margin-bottom:10px;line-height:1.4}.post-content>p{font-size:.875rem;line-height:1.6;margin-bottom:16px}.post-footer{display:flex;align-items:center;justify-content:space-between;padding-top:16px;border-top:1px solid var(--bg-grey-light)}.post-meta-small{display:flex;gap:12px}.post-meta-small span{font-size:.8125rem;color:var(--text-grey)}.post-rating{display:flex;align-items:center;gap:4px;color:var(--ocean-blue);font-size:.875rem;font-weight:600}.post-rating svg{fill:var(--ocean-blue)}.load-more{text-align:center}.blog-cta{background:var(--primary-blue);padding:80px 0}.blog-cta-content{text-align:center;max-width:500px;margin:0 auto}.blog-cta h2{color:var(--white);font-size:2rem;margin-bottom:12px}.blog-cta p{color:#fffc;margin-bottom:32px}.blog-cta-form{display:flex;gap:12px}.blog-cta-form input{flex:1;padding:16px 24px;border:none;border-radius:50px;font-size:1rem}@media(max-width:1024px){.blog-hero{padding:120px 0 80px}.posts-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.blog-hero{padding:80px 0 48px}.blog-hero p{font-size:1.0625rem;margin-bottom:28px}.blog-search{max-width:100%;padding:6px 6px 6px 18px}.featured-grid,.posts-grid{grid-template-columns:1fr}.category-filters{justify-content:flex-start;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;padding-bottom:4px}.category-filters::-webkit-scrollbar{display:none}.category-btn{flex-shrink:0;padding:8px 16px;font-size:.8125rem}.featured-content,.post-content{padding:20px}.blog-cta{padding:60px 0}.blog-cta h2{font-size:1.75rem}.blog-cta-form{flex-direction:column}}@media(max-width:480px){.blog-hero{padding:60px 0 36px}}