.page-top-spacer{background:#fff!important;height:160px!important}.blog-hero{color:#fff;text-align:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:120px 0 80px}.blog-hero h1{margin-bottom:20px;font-size:3em;font-weight:300}.blog-hero p{opacity:.9;font-size:14px}.blog-categories{background:#fff;margin-top:15px;padding:40px 0}.category-tabs{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.category-tab{cursor:pointer;color:#666;background:#f5f5f5;border:none;border-radius:25px;padding:12px 24px;font-size:1em;transition:all .3s}.category-tab:hover,.category-tab.active{color:#fff;background:linear-gradient(45deg,#667eea 0%,#764ba2 100%);transform:translateY(-2px)}.featured-post{z-index:1;background:#fff;padding:60px 0;position:relative}.featured-content{cursor:pointer;background:#fff;border-radius:12px;grid-template-columns:1fr 1fr;align-items:center;gap:60px;transition:transform .3s;display:grid;overflow:hidden;box-shadow:0 10px 30px #0000001a}.featured-content:hover{transform:translateY(-5px)}.blog-card a{color:inherit;text-decoration:none;display:block}.featured-image{background-position:50%;background-size:cover;height:400px;position:relative}.featured-badge{color:#fff;background:#667eea;border-radius:20px;padding:8px 16px;font-size:.9em;transition:transform .3s;position:absolute;top:20px;right:20px;box-shadow:0 2px 8px #667eea4d}.featured-badge:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.featured-text{padding:40px}.featured-text h2{color:#333;margin:15px 0 20px;font-size:2.2em}.featured-text p{color:#666;margin-bottom:25px;font-size:14px;line-height:1.8}.blog-posts{background:#fff;padding:60px 0}.posts-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:40px;margin-bottom:50px;display:grid}.blog-card{cursor:pointer;background:#fff;border-radius:12px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 5px 20px #00000014}.blog-card:after{content:"";z-index:1;position:absolute;inset:0}.blog-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00000026}.blog-image{background-position:50%;background-size:cover;height:220px;position:relative}.blog-content{padding:25px}.blog-content h3{color:#333;margin-bottom:12px;font-size:1.3em;line-height:1.4}.blog-content p{color:#666;margin-bottom:15px;font-size:.95em;line-height:1.6}.post-category,.post-meta{display:none}.post-meta span{align-items:center;display:flex}.post-date:before{content:"📅 ";margin-right:5px}.read-time:before{content:"⏱ ";margin-right:5px}.post-author:before{content:"✏️ ";margin-right:5px}.read-more-btn{color:#fff;background:linear-gradient(45deg,#667eea 0%,#764ba2 100%);border-radius:50px;margin-top:20px;padding:12px 30px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.read-more-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}.newsletter{color:#fff;text-align:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:60px 0}.newsletter-content h2{margin-bottom:15px;font-size:2.2em}.newsletter-content p{opacity:.9;margin-bottom:30px;font-size:1.1em}.newsletter-form{gap:15px;max-width:500px;margin:0 auto;display:flex}.newsletter-form input{border:none;border-radius:50px;flex:1;padding:15px;font-size:1em}.newsletter-form button{color:#667eea;cursor:pointer;background:#fff;border:none;border-radius:50px;padding:15px 40px;font-size:1em;font-weight:600;transition:all .3s}.newsletter-form button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0003}.load-more-container{text-align:center;cursor:pointer;color:#666;background:#fff;border:2px solid #e0e0e0;border-radius:50px;margin-top:50px;padding:15px 40px;font-size:1.1em;transition:all .3s;display:none}.load-more-btn:hover{color:#fff;background:linear-gradient(45deg,#667eea 0%,#764ba2 100%);border-color:#0000;transform:translateY(-2px)}@media (width<=992px){.featured-content{grid-template-columns:1fr}.featured-image{height:300px}}@media (width<=768px){.blog-hero h1{font-size:2.2em}.posts-grid{grid-template-columns:1fr;gap:30px}.category-tabs{gap:10px}.category-tab{padding:8px 18px;font-size:.9em}.newsletter-form{flex-direction:column}.newsletter-form button{width:100%}}@media (width<=480px){.page-top-spacer{height:80px!important}}
