.blog-page{background:#050a0d;min-height:100vh}.blog-hero{background-color:#0c171a;min-height:400px;position:relative;overflow:hidden}.blog-hero-bg{opacity:.17;z-index:1;background-image:url(/img/backgrounds/minecraft_bg.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;animation:1s ease-in-out blogBgFadeIn;position:absolute;inset:0}@keyframes blogBgFadeIn{0%{opacity:0;transform:scale(1.05)}to{opacity:.17;transform:scale(1)}}.blog-hero:after{content:"";z-index:2;pointer-events:none;background:linear-gradient(#0000 0%,#050a0d 100%);position:absolute;inset:0}.blog-hero-overlay{z-index:10;text-align:center;max-width:900px;margin:0 auto;padding:180px 30px 80px;position:relative}.blog-hero h1{color:#fff;margin:0 0 20px;font-size:42px;font-weight:700}.blog-hero p{color:#b8c5d0;max-width:800px;margin:0 auto;font-size:18px;line-height:1.6}.blog-filters{flex-wrap:wrap;justify-content:center;gap:10px;max-width:1400px;margin:0 auto 40px;padding:0 30px;display:flex}.blog-filter-btn{color:#b8c5d0;cursor:pointer;background:#0c171a;border:2px solid #17272b;border-radius:20px;padding:8px 20px;font-size:14px;font-weight:500;transition:all .3s}.blog-filter-btn:hover{color:#fff;border-color:#ff551a}.blog-filter-btn.active{color:#fff;background:linear-gradient(135deg,#f6921e,#ff551a);border-color:#0000;font-weight:600}.blog-grid{grid-template-columns:repeat(3,1fr);gap:30px;max-width:1400px;margin:0 auto;padding:0 30px 80px;display:grid}.blog-card{color:inherit;background:#0c171a;border:2px solid #17272b;border-radius:12px;text-decoration:none;transition:transform .3s,box-shadow .3s,border-color .3s;display:block;overflow:hidden}.blog-card:hover{border-color:#ff551a;transform:translateY(-8px);box-shadow:0 8px 30px #ff551a26}.blog-card-image{width:100%;height:220px;position:relative;overflow:hidden}.blog-card-image img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.blog-card:hover .blog-card-image img{transform:scale(1.05)}.blog-card-category{color:#fff;text-transform:uppercase;background:linear-gradient(135deg,#f6921e,#ff551a);border-radius:20px;padding:6px 14px;font-size:12px;font-weight:600;position:absolute;top:15px;left:15px}.blog-card-content{padding:25px}.blog-card-meta{color:#5a6b75;gap:15px;margin-bottom:12px;font-size:13px;display:flex}.blog-card-title{color:#fff;margin:0 0 12px;font-size:20px;font-weight:700;line-height:1.4}.blog-card-excerpt{color:#b8c5d0;margin:0 0 15px;font-size:14px;line-height:1.6}.blog-card-read-more{color:#ff551a;font-size:14px;font-weight:600}@media (max-width:768px){.blog-hero{min-height:300px}.blog-hero-overlay{padding:130px 20px 50px}.blog-hero h1{font-size:32px}.blog-grid{grid-template-columns:1fr;gap:20px;padding:0 15px 60px}.blog-filters{padding:0 15px}}@media (min-width:769px) and (max-width:1100px){.blog-grid{grid-template-columns:repeat(2,1fr)}}
