.blog-page{background:var(--background);background-image:var(--bg-gradient);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);background-attachment:fixed;border-radius:25px;margin:40px;padding:100px 10%;overflow:hidden;box-shadow:0 30px 60px -12px #000000a6,0 18px 36px -18px #0006}.blog-container{width:100%;max-width:1200px;margin:0 auto}.blog-header{text-align:center;max-width:700px;margin:0 auto 4rem}.blog-title{letter-spacing:-.03em;margin-bottom:1rem;font-size:clamp(2.5rem,5vw,4rem);font-weight:800}.blog-subtitle{opacity:.8;font-size:1.15rem;line-height:1.6}.blog-grid{perspective:1000px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2.5rem;display:grid}.blog-card{border-radius:20px;flex-direction:column;height:100%;transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s;display:flex;overflow:hidden}.blog-card:hover{transform:translateY(-8px)scale(1.02)rotateY(2deg)rotateX(2deg);box-shadow:0 20px 40px #00000026}.blog-card-image{border:1px solid var(--glass-border);background:linear-gradient(135deg,var(--glass-border),#0000000d);justify-content:center;align-items:center;width:100%;height:200px;display:flex;position:relative;overflow:hidden}.blog-card-image img{object-fit:cover;width:100%;height:100%}[data-theme=dark] .blog-card-image{background:linear-gradient(135deg,#ffffff0d,#0003)}.blog-image-icon{opacity:.7;font-size:4rem;transition:transform .4s}.blog-card:hover .blog-image-icon{transform:scale(1.15)}.blog-card-content{flex-direction:column;flex:1;padding:2rem;display:flex}.blog-card-meta{color:var(--accent);flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.85rem;font-weight:500;display:flex}.blog-dot{opacity:.5}.blog-author{color:var(--foreground);opacity:.8}.blog-card-title{letter-spacing:-.01em;margin-bottom:1rem;font-size:1.35rem;font-weight:700;line-height:1.3}.blog-card-excerpt{opacity:.75;flex:1;margin-bottom:2rem;font-size:.95rem;line-height:1.6}.blog-card-action{margin-top:auto}.blog-read-more{color:var(--foreground);align-items:center;gap:.5rem;font-size:.95rem;font-weight:600;transition:color .3s;display:inline-flex}.blog-read-more svg{transition:transform .3s}.blog-read-more:hover{color:var(--accent)}.blog-read-more:hover svg{transform:translate(4px)}@media (max-width:768px){.blog-page{margin:10px;padding:100px 20px 20px}.blog-grid{grid-template-columns:1fr}}