.blog-page{background-color:#f8fafc;min-height:100vh;font-family:Inter,-apple-system,sans-serif}.blog-hero{text-align:center;background:radial-gradient(circle at top,#3b82f614 0%,#f8fafc00 70%),#fff;border-bottom:1px solid #e2e8f0;padding:90px 0 60px}.blog-hero .badge{color:#2563eb;text-transform:uppercase;letter-spacing:1px;background:#3b82f61a;border-radius:100px;margin-bottom:16px;padding:6px 16px;font-size:.85rem;font-weight:700;display:inline-block}.blog-hero-title{letter-spacing:-.04em;color:#0f172a;margin-bottom:20px;font-size:3.5rem;font-weight:800;line-height:1.15}.text-highlight{background:linear-gradient(135deg,#2563eb,#7c3aed);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.blog-hero-subtitle{color:#64748b;max-width:640px;margin:0 auto;font-size:1.2rem;line-height:1.6}.blog-content-section{padding:60px 0 100px}.blog-grid{grid-template-columns:repeat(3,1fr);gap:32px;display:grid}.blog-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden;box-shadow:0 4px 6px -1px #00000005}.blog-card:hover{border-color:#3b82f64d;transform:translateY(-6px);box-shadow:0 20px 30px -10px #3b82f61f}.blog-card-image{background:#f1f5f9;border-bottom:1px solid #f1f5f9;justify-content:center;align-items:center;height:220px;font-size:3rem;display:flex;position:relative;overflow:hidden}.blog-card-image img{transition:transform .4s}.blog-card:hover .blog-card-image img{transform:scale(1.04)}.blog-card-content{flex-direction:column;flex:1;padding:28px;display:flex}.blog-meta{color:#64748b;align-items:center;gap:12px;margin-bottom:14px;font-size:.8rem;font-weight:600;display:flex}.blog-category{color:#2563eb;text-transform:uppercase;letter-spacing:.5px;background:#eff6ff;border-radius:100px;padding:4px 12px;font-size:.75rem;font-weight:700}.blog-title{color:#0f172a;margin-bottom:10px;font-size:1.35rem;font-weight:800;line-height:1.35;transition:color .2s}.blog-card:hover .blog-title{color:#2563eb}.blog-excerpt{color:#475569;flex:1;margin-bottom:20px;font-size:.95rem;line-height:1.6}.blog-read-more{color:#2563eb;align-items:center;gap:6px;font-size:.9rem;font-weight:700;display:flex}.blog-read-more:after{content:"→";transition:transform .2s}.blog-card:hover .blog-read-more:after{transform:translate(4px)}@media (max-width:1024px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.blog-grid{grid-template-columns:1fr}.blog-hero-title{font-size:2.5rem}}.pagination{justify-content:center;align-items:center;gap:16px;margin-top:50px;display:flex}.page-numbers{gap:8px;display:flex}.page-link{color:#334155;background:#fff;border:1px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;padding:8px 16px;font-size:.9rem;font-weight:700;text-decoration:none;transition:all .2s;display:flex}.page-link:hover:not(.disabled):not(.active){color:#2563eb;background:#f8fafc;border-color:#2563eb}.page-link.active{color:#fff;background:#2563eb;border-color:#2563eb;box-shadow:0 4px 12px #2563eb40}.page-link.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.page-num{width:40px;height:40px;padding:0}