.blog-page{min-height:80vh;padding:120px 0 80px}.blog-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:30px;margin-top:50px;display:grid}.blog-card{background:var(--card-bg);border:1px solid var(--border-color);color:inherit;border-radius:20px;flex-direction:column;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.blog-card:hover{border-color:var(--accent-color);transform:translateY(-8px);box-shadow:0 20px 40px #f9731626}.blog-card-content{flex-direction:column;flex-grow:1;padding:30px;display:flex}.blog-card h2{color:var(--text-color);margin:0 0 15px;font-size:1.5rem;line-height:1.3}.blog-card-desc{color:var(--text-muted);flex-grow:1;margin:0 0 25px;line-height:1.6}.blog-card-footer{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;padding-top:20px;display:flex}.blog-date{color:var(--text-muted);font-size:.9rem}.blog-read-more{color:var(--accent-color);font-size:.95rem;font-weight:600;transition:transform .2s}.blog-card:hover .blog-read-more{transform:translate(5px)}.blog-post-page{min-height:80vh;padding:120px 0 80px}.post-header{text-align:center;max-width:800px;margin-bottom:50px;margin-left:auto;margin-right:auto}.post-title{margin:20px 0;font-size:2.5rem;line-height:1.2}.post-meta{color:var(--text-muted);font-size:1rem}.post-content{color:#ffffffe6;max-width:800px;margin:0 auto;font-size:1.1rem;line-height:1.8}.post-content h2{color:var(--text-color);margin:40px 0 20px;font-size:1.8rem}.post-content h3{color:var(--text-color);margin:30px 0 15px;font-size:1.4rem}.post-content p{margin-bottom:25px}.post-content ul{margin-bottom:25px;padding-left:25px;list-style-type:disc}.post-content ol{margin-bottom:25px;padding-left:25px;list-style-type:decimal}.post-content li{margin-bottom:10px;padding-left:5px}.post-content strong{color:var(--text-color)}.post-content img{border-radius:12px;max-width:100%;height:auto;margin:30px 0;display:block;box-shadow:0 10px 30px #0003}.back-link{color:var(--text-muted);align-items:center;gap:8px;margin-bottom:30px;font-weight:500;text-decoration:none;transition:color .2s;display:inline-flex}.back-link:hover{color:var(--accent-color)}@media (max-width:768px){.post-title{font-size:2rem}.blog-page,.blog-post-page{padding-top:100px}}