.seo-blog-links{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.blog-hero{background:var(--gradient-hero);padding:5rem 0 4rem;text-align:center}.blog-hero-content h1{font-size:2.75rem;font-weight:800;color:var(--white);margin-bottom:1rem}.blog-hero-content p{font-size:1.125rem;color:#fffc;max-width:600px;margin:0 auto;line-height:1.7}.blog-posts-section{padding:4rem 0;background:var(--gray-50);min-height:50vh}.blog-loading,.blog-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 0;color:var(--gray-500)}.blog-loading .spinner{animation:spin 1s linear infinite;margin-bottom:1rem}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.blog-card{background:var(--white);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--gray-200);transition:all var(--transition-slow)}.blog-card:hover{border-color:var(--gray-400);box-shadow:var(--shadow-xl);transform:translateY(-4px)}.blog-card-link{display:block;text-decoration:none;color:inherit}.blog-card-image{position:relative;aspect-ratio:16 / 10;overflow:hidden;background:var(--gray-100)}.blog-card-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.blog-card:hover .blog-card-image img{transform:scale(1.05)}.blog-card-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);color:var(--white);font-weight:600;font-size:1rem}.blog-card-tag{position:absolute;top:1rem;right:1rem;background:var(--secondary);color:var(--white);padding:.25rem .75rem;border-radius:var(--radius);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.blog-card-content{padding:1.5rem}.blog-card-title{font-size:1.25rem;font-weight:700;color:var(--gray-900);margin-bottom:.75rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-card-excerpt{font-size:.9375rem;color:var(--gray-600);line-height:1.6;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-card-meta{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem;padding-top:1rem;border-top:1px solid var(--gray-100)}.blog-card-author{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--gray-700);font-weight:500}.author-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover}.author-icon{color:var(--gray-400)}.blog-card-details{display:flex;align-items:center;gap:1rem;font-size:.8125rem;color:var(--gray-500)}.blog-card-date,.blog-card-reading-time{display:flex;align-items:center;gap:.35rem}.blog-card-cta{display:inline-flex;align-items:center;gap:.5rem;color:var(--primary);font-weight:600;font-size:.875rem;transition:gap var(--transition)}.blog-card:hover .blog-card-cta{gap:.75rem}.blog-pagination{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:3rem}.pagination-btn{padding:.625rem 1.25rem;border:1px solid var(--gray-300);background:var(--white);border-radius:var(--radius);font-size:.875rem;font-weight:500;color:var(--gray-700);transition:all var(--transition)}.pagination-btn:hover:not(:disabled){background:var(--gray-50);border-color:var(--gray-400)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-numbers{display:flex;gap:.5rem}.pagination-num{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1px solid var(--gray-300);background:var(--white);border-radius:var(--radius);font-size:.875rem;font-weight:500;color:var(--gray-700);transition:all var(--transition)}.pagination-num:hover{background:var(--gray-50);border-color:var(--gray-400)}.pagination-num.active{background:var(--primary);border-color:var(--primary);color:var(--white)}.blog-cta-section{padding:4rem 0;background:var(--white)}.blog-cta-card{background:var(--gradient-primary);padding:3rem;border-radius:var(--radius-xl);text-align:center;color:var(--white)}.blog-cta-card h2{font-size:1.75rem;font-weight:700;margin-bottom:.75rem}.blog-cta-card p{font-size:1.0625rem;opacity:.9;margin-bottom:1.5rem}.blog-cta-card .btn-primary{display:inline-flex;padding:.875rem 2rem;background:var(--white);color:var(--primary);font-weight:600;border-radius:var(--radius);transition:all var(--transition)}.blog-cta-card .btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}@media(max-width:1024px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.blog-hero{padding:3rem 0}.blog-hero-content h1{font-size:2rem}.blog-hero-content p{font-size:1rem}.blog-posts-section{padding:2rem 0}.blog-grid{grid-template-columns:1fr;gap:1.5rem}.blog-pagination{flex-wrap:wrap}.blog-cta-card{padding:2rem 1.5rem}.blog-cta-card h2{font-size:1.5rem}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
