.blog-listing{min-height:100vh;background:#f8f9ff;padding:60px 20px 100px}.blog-container{max-width:1100px;margin:0 auto}.blog-header{text-align:center;margin-bottom:60px}.blog-subtitle{font-size:.875rem;font-weight:600;background:linear-gradient(135deg,#667eea,#764ba2);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-transform:uppercase;letter-spacing:2px;margin-bottom:16px}.blog-title{font-size:2.75rem;font-weight:700;color:#2d3748;margin:0 0 20px;line-height:1.2}.blog-description{font-size:1.125rem;color:#4a5568;max-width:600px;margin:0 auto;line-height:1.6}.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));grid-gap:32px;gap:32px}.blog-card{background:#ffffff;border:1px solid rgba(102,126,234,.15);border-radius:16px;overflow:hidden;transition:all .3s ease;box-shadow:0 2px 12px rgba(102,126,234,.08)}.blog-card:hover{border-color:rgba(102,126,234,.4);transform:translateY(-4px);box-shadow:0 12px 32px rgba(102,126,234,.15)}.blog-card-content{padding:32px}.blog-card-meta{display:flex;align-items:center;gap:8px;margin-bottom:16px;font-size:.875rem;color:#718096}.blog-card-separator{color:#cbd5e0}.blog-card-title{font-size:1.375rem;font-weight:600;margin:0 0 16px;line-height:1.4}.blog-card-title a{color:#2d3748;text-decoration:none;transition:color .2s ease}.blog-card-title a:hover{color:#667eea}.blog-card-excerpt{font-size:1rem;color:#4a5568;line-height:1.6;margin:0 0 24px}.blog-card-link{display:inline-flex;align-items:center;font-size:.9375rem;font-weight:600;background:linear-gradient(135deg,#667eea,#764ba2);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-decoration:none;transition:gap .2s ease;gap:4px}.blog-card-link:hover{gap:8px}.blog-post{min-height:100vh;background:#f8f9ff;padding:60px 20px 100px}.blog-post-container{max-width:800px;margin:0 auto}.blog-post-back{display:inline-flex;align-items:center;gap:8px;color:#667eea;text-decoration:none;font-size:.9375rem;margin-bottom:40px;transition:color .2s ease}.blog-post-back:hover{color:#764ba2}.blog-post-header{margin-bottom:48px}.blog-post-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:20px;font-size:.9375rem;color:#718096}.blog-post-title{font-size:2.5rem;font-weight:700;color:#2d3748;margin:0;line-height:1.3}.blog-post-content{color:#4a5568;font-size:1.0625rem;line-height:1.8}.blog-post-content h2{font-size:1.75rem;font-weight:600;color:#2d3748;margin:48px 0 20px}.blog-post-content h3{font-size:1.375rem;font-weight:600;color:#2d3748;margin:36px 0 16px}.blog-post-content p{margin:0 0 24px}.blog-post-content ol,.blog-post-content ul{margin:0 0 24px;padding-left:24px}.blog-post-content li{margin-bottom:8px}.blog-post-content a,.blog-post-content a.blog-link{color:#667eea;text-decoration:underline;transition:color .2s ease}.blog-post-content a.blog-link:hover,.blog-post-content a:hover{color:#764ba2;text-decoration:none}.blog-post-cta{margin-top:60px;padding:40px;background:linear-gradient(135deg,rgba(102,126,234,.1),rgba(118,75,162,.1));border:1px solid rgba(102,126,234,.2);border-radius:16px;text-align:center}.blog-post-cta h3{font-size:1.5rem;font-weight:600;color:#2d3748;margin:0 0 12px}.blog-post-cta p{color:#4a5568;margin:0 0 24px}.blog-post-cta-button{display:inline-block;padding:14px 32px;background:linear-gradient(135deg,#667eea,#764ba2);color:#ffffff;font-size:1rem;font-weight:600;border-radius:8px;text-decoration:none;transition:all .2s ease;box-shadow:0 4px 12px rgba(102,126,234,.3)}.blog-post-cta-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(102,126,234,.4)}@media (max-width:768px){.blog-listing{padding:40px 16px 80px}.blog-title{font-size:2rem}.blog-description{font-size:1rem}.blog-grid{grid-template-columns:1fr;gap:24px}.blog-card-content{padding:24px}.blog-card-title{font-size:1.25rem}.blog-post{padding:40px 16px 80px}.blog-post-title{font-size:1.75rem}.blog-post-content{font-size:1rem}.blog-post-content h2{font-size:1.5rem;margin:36px 0 16px}.blog-post-content h3{font-size:1.25rem;margin:28px 0 12px}.blog-post-cta{padding:28px 20px}.blog-post-cta h3{font-size:1.25rem}}@media (max-width:480px){.blog-header{margin-bottom:40px}.blog-title{font-size:1.75rem}.blog-subtitle{font-size:.75rem}.blog-post-meta{font-size:.875rem}.blog-post-title{font-size:1.5rem}}
/*# sourceMappingURL=5f55328262974de9.css.map*/