.blog-page{color:#000;background:#fff;min-height:100vh}.blog-hero{background:linear-gradient(#ffcc000d,#0000);padding-top:140px;padding-bottom:4rem}.blog-container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.blog-hero-content{text-align:center;max-width:900px;margin:0 auto}.blog-badge{color:#fc0;background:#ffcc001a;border-radius:50px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;display:inline-flex}.blog-hero-title{color:#000;margin-bottom:1.5rem;font-size:3rem;font-weight:700;line-height:1.2}.blog-hero-title .highlight{color:#fc0}.blog-loading{text-align:center;padding:4rem 2rem}.loading-spinner{border:3px solid #f3f3f3;border-top-color:#fc0;border-radius:50%;width:40px;height:40px;margin:0 auto 1rem;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.blog-loading p{color:#666;font-size:1.1rem}.blog-error{text-align:center;padding:4rem 2rem}.blog-error p{color:#dc3545;background:#dc35451a;border:1px solid #dc354533;border-radius:8px;padding:1rem;font-size:1.1rem}.blog-empty{text-align:center;color:#666;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.blog-empty svg{color:#ccc;margin-bottom:1.5rem;display:block}.blog-empty h3{color:#333;margin-bottom:1rem;font-size:1.5rem}.blog-empty p{max-width:500px;margin:0 auto;font-size:1.1rem}.blog-hero-description{color:#666;font-size:1.125rem;line-height:1.6}.blog-section{padding:3rem 0}.blog-section-alt{background:#f8f9fa}.section-header{align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.section-indicator{background:#fc0;border-radius:2px;width:4px;height:2rem}.section-title{color:#000;font-size:2rem;font-weight:700}.blog-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;display:grid}@media (max-width:1024px){.blog-hero-title{font-size:2.5rem}.section-title{font-size:1.75rem}}@media (max-width:768px){.blog-hero{padding-top:120px;padding-bottom:3rem}.blog-hero-title{font-size:2rem}.blog-hero-description{font-size:1rem}.section-title{font-size:1.5rem}.blog-grid{grid-template-columns:1fr}.blog-section{padding:2rem 0}}@media (max-width:480px){.blog-hero-title{font-size:1.75rem}.blog-container{padding:0 1rem}}