.blog-container{width:100%;min-height:80vh;padding:120px 20px 50px;background-color:transparent;color:#e4e2dd}.blog-header{text-align:center;margin-bottom:50px}.blog-header h1{font-size:3rem;font-weight:800;margin-bottom:15px;color:#fff}.blog-header p{font-size:1.2rem;color:#6b7280}.blog-list{width:100%;max-width:none;margin:0 auto;display:flex;flex-direction:column;gap:30px}.blog-card{background:rgba(28,28,28,.9);border-radius:12px;padding:30px;box-shadow:0 5px 20px #0000004d;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;border:1px solid rgba(255,255,255,.08);text-decoration:none;color:inherit;display:block}.blog-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00000080;border-color:#ffffff1f}.blog-card h2{font-size:1.8rem;font-weight:700;margin-bottom:10px;color:#fff}.blog-meta{font-size:.9rem;color:#6b7280;margin-bottom:15px;display:block}.blog-card p{font-size:1.1rem;line-height:1.6;color:#9ca3af;margin-bottom:20px}.read-more{display:inline-block;padding:10px 20px;background-color:#ffffff14;color:#e4e2dd;text-decoration:none;border-radius:8px;border:1px solid rgba(255,255,255,.15);font-weight:600;transition:all ease-in-out .3s;font-size:.9rem;text-transform:uppercase;letter-spacing:1px;margin-top:10px}.read-more:hover{background-color:#ffffff26;border-color:#ffffff4d}.blog-post-content{width:100%;max-width:none;margin:0 auto;background:#1e1e1e;padding:40px 5%;border-radius:0;box-shadow:none}.back-btn{display:inline-block;margin-bottom:20px;color:#6b7280;text-decoration:none;font-weight:500;transition:color .2s}.back-btn:hover{color:#fff}.post-title{font-size:2.5rem;font-weight:800;margin-bottom:10px;color:#fff;line-height:1.2}.post-meta{font-size:1rem;color:#6b7280;margin-bottom:30px;display:block;border-bottom:1px solid rgba(255,255,255,.06);padding-bottom:20px}.post-body{font-size:1.15rem;line-height:1.8;color:#b0b0b0}.post-body h3{margin-top:30px;margin-bottom:15px;font-size:1.5rem;color:#fff}.post-body ul{margin-bottom:20px;padding-left:20px}.post-body li{margin-bottom:10px}@media (max-width: 700px){.blog-container{padding:90px 15px 40px}.blog-header h1{font-size:1.8rem}.blog-header p{font-size:1rem}.blog-card{padding:20px}.blog-card h2{font-size:1.3rem}.blog-card p{font-size:.95rem}.post-title{font-size:1.6rem}.post-body{font-size:1rem}.blog-post-content{padding:15px}}