.blog-page-container{background-color:#0a0a0a;min-height:100vh;padding-top:100px;padding-bottom:80px}.blog-hero{text-align:center;padding:60px 20px;max-width:1200px;margin:0 auto}.blog-hero h1{font-size:3.5rem;font-weight:900;background:linear-gradient(135deg,#ffffff,#e5e5e5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:15px;letter-spacing:-1px}.blog-hero p{color:#b0b0b0;font-size:1.2rem;max-width:600px;margin:0 auto}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:30px;max-width:1400px;margin:0 auto;padding:20px 40px}.blog-card{background:linear-gradient(145deg,rgba(30,30,30,.6),rgba(20,20,20,.9));border:1px solid rgba(255,255,255,.08);border-radius:20px;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;height:100%}.blog-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px rgba(0,0,0,.4),0 0 30px rgba(229,62,62,.1);border-color:rgba(229,62,62,.3)}.blog-image-wrapper{height:220px;overflow:hidden;position:relative}.blog-image{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.blog-card:hover .blog-image{transform:scale(1.1)}.blog-content{padding:25px;flex:1;display:flex;flex-direction:column}.blog-date{font-size:.85rem;color:#e53e3e;font-weight:600;margin-bottom:10px;text-transform:uppercase;letter-spacing:1px}.blog-title{color:white;font-size:1.5rem;font-weight:700;margin-bottom:15px;line-height:1.3}.blog-excerpt{color:#a0a0a0;font-size:1rem;line-height:1.6;margin-bottom:25px;flex-grow:1}.blog-link{display:inline-flex;align-items:center;gap:10px;color:white;text-decoration:none;font-weight:600;margin-top:auto;transition:gap .3s ease}.blog-link span{background:linear-gradient(45deg,#e53e3e,#ff4757);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.blog-link:hover{gap:15px}.article-container{max-width:900px;margin:0 auto;padding:0 20px;color:#e2e8f0}.article-header{text-align:center;margin-bottom:50px}.article-title{font-size:3rem;font-weight:900;color:white;margin-bottom:20px;line-height:1.2}.article-meta{color:#888;font-size:1rem}.article-image{width:100%;height:auto;max-height:500px;object-fit:cover;border-radius:20px;margin-bottom:50px;box-shadow:0 20px 50px rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.1)}.article-body{font-size:1.15rem;line-height:1.8}.article-body h2{color:#e53e3e;font-size:2rem;margin-top:40px;margin-bottom:20px}.article-body p{margin-bottom:20px;color:#cbd5e1}.article-body ul{margin-bottom:20px;padding-left:20px}.article-body li{margin-bottom:10px;color:#cbd5e1}@media (max-width:768px){.blog-hero h1{font-size:2.5rem}.blog-grid{grid-template-columns:1fr;padding:20px}.article-title{font-size:2rem}.article-body{font-size:1rem}}.blog-nav-header{max-width:1400px;margin:0 auto;padding:20px 40px;display:flex;align-items:center}.back-home-link{display:inline-flex;align-items:center;gap:10px;color:#a0a0a0;text-decoration:none;font-size:1rem;font-weight:600;padding:10px 20px;border-radius:30px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);transition:all .3s ease;backdrop-filter:blur(5px)}.back-home-link:hover{background:rgba(229,62,62,.15);border-color:#e53e3e;color:white;transform:translateX(-5px);box-shadow:0 0 15px rgba(229,62,62,.3)}.back-home-link svg{transition:transform .3s ease}.back-home-link:hover svg{transform:translateX(-3px)}