.blog-page{min-height:100vh;background:linear-gradient(180deg,#f8fafc,#ffffff)}.blog-hero{position:relative;padding:6rem 2rem 4rem;background:linear-gradient(135deg,#0f172a,#1e293b);overflow:hidden}.blog-hero-content{max-width:800px;margin:0 auto;text-align:center;position:relative;z-index:2}.blog-hero-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;color:#ffffff;margin:0 0 1rem;letter-spacing:-.02em}.blog-hero-subtitle{font-size:1.25rem;color:#94a3b8;margin:0;line-height:1.6}.blog-hero-decoration{position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,rgba(59,130,246,.15) 0,transparent 70%);border-radius:50%;pointer-events:none}.blog-container{max-width:1200px;margin:0 auto;padding:4rem 2rem}.blog-empty{text-align:center;padding:4rem 2rem;color:#64748b;font-size:1.125rem}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem}@media (max-width:768px){.blog-grid{grid-template-columns:1fr}}.blog-card{display:block;background:#ffffff;border-radius:1rem;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.05),0 4px 12px rgba(0,0,0,.05);transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none;color:inherit;position:relative}.blog-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px rgba(0,0,0,.08),0 12px 32px rgba(0,0,0,.12)}.blog-card article{display:flex;flex-direction:column;height:100%}.blog-card-image{position:relative;padding-top:56.25%;overflow:hidden;background:#f1f5f9}.blog-card-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.4,0,.2,1)}.blog-card:hover .blog-card-image img{transform:scale(1.05)}.blog-card-content{padding:1.5rem;flex:1;display:flex;flex-direction:column}.blog-card-categories{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.blog-card-category{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#3b82f6;background:#eff6ff;padding:.25rem .75rem;border-radius:9999px}.blog-card-title{font-size:1.25rem;font-weight:700;color:#0f172a;margin:0 0 .75rem;line-height:1.4;-webkit-line-clamp:2}.blog-card-excerpt,.blog-card-title{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.blog-card-excerpt{font-size:.95rem;color:#64748b;margin:0 0 1rem;line-height:1.6;flex:1;-webkit-line-clamp:3}.blog-card-meta{display:flex;align-items:center;gap:.25rem;font-size:.875rem;color:#94a3b8;margin-top:auto}.blog-card-date{color:#64748b}.blog-card-reading-time{color:#94a3b8}.blog-card-arrow{position:absolute;bottom:1.5rem;right:1.5rem;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#f8fafc;border-radius:50%;color:#64748b;transition:all .3s ease}.blog-card:hover .blog-card-arrow{background:#3b82f6;color:#ffffff;transform:translateX(4px)}