.blog-container{max-width:1200px;margin:0 auto;padding:2rem;color:#e0e0e0}.blog-header{text-align:center;margin-bottom:3rem}.blog-header h1{font-size:3.5rem;background:linear-gradient(45deg,#f05,#0ef);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-transform:uppercase;letter-spacing:2px;margin-bottom:1rem}.category-filter{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;margin-bottom:2rem}.category-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;padding:.5rem 1.2rem;border-radius:20px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;font-size:.8rem;letter-spacing:1px}.category-btn:hover,.category-btn.active{background:#0ef3;border-color:#0ef;box-shadow:0 0 10px #00eeff4d}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}.blog-card{background:#121212cc;border:1px solid rgba(255,255,255,.05);border-radius:12px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.blog-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #00000080;border-color:#ff005580}.card-image{width:100%;height:200px;object-fit:cover;border-bottom:1px solid rgba(255,255,255,.05)}.card-content{padding:1.5rem}.card-meta{display:flex;justify-content:space-between;font-size:.8rem;color:#888;margin-bottom:.5rem}.card-title{font-size:1.4rem;margin-bottom:1rem;color:#fff;line-height:1.3}.card-excerpt{font-size:.95rem;color:#aaa;margin-bottom:1.5rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.read-more-btn{display:inline-block;color:#0ef;text-decoration:none;font-weight:700;text-transform:uppercase;font-size:.8rem;letter-spacing:1px;transition:color .3s}.read-more-btn:hover{color:#f05}.pagination{display:flex;justify-content:center;gap:1rem;margin-top:3rem}.page-btn{background:transparent;border:1px solid rgba(255,255,255,.2);color:#fff;padding:.5rem 1rem;cursor:pointer;transition:all .3s}.page-btn:disabled{opacity:.5;cursor:not-allowed}.page-btn:hover:not(:disabled){border-color:#0ef;color:#0ef}.post-container{max-width:800px;margin:0 auto;padding:2rem;color:#e0e0e0}.back-link{display:inline-flex;align-items:center;color:#888;text-decoration:none;margin-bottom:2rem;transition:color .3s}.back-link:hover{color:#0ef}.post-header-image{width:100%;height:400px;object-fit:cover;border-radius:12px;margin-bottom:2rem;box-shadow:0 20px 40px #00000080}.post-title{font-size:3rem;line-height:1.1;margin-bottom:1rem;color:#fff}.post-meta{display:flex;gap:1.5rem;color:#888;margin-bottom:3rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:1rem}.post-content{font-size:1.1rem;line-height:1.8;color:#ccc}.post-content h3{font-size:1.8rem;color:#0ef;margin-top:3rem;margin-bottom:1rem}.post-content p{margin-bottom:1.5rem}.comments-section{margin-top:5rem;padding-top:3rem;border-top:1px solid rgba(255,255,255,.1)}.comment-form{background:#ffffff05;padding:2rem;border-radius:8px;margin-bottom:3rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:#888}.form-input,.form-textarea{width:100%;background:#0000004d;border:1px solid rgba(255,255,255,.1);color:#fff;padding:.8rem;border-radius:4px;font-family:inherit}.form-textarea{min-height:100px;resize:vertical}.submit-btn{background:linear-gradient(45deg,#f05,#c04);color:#fff;border:none;padding:.8rem 2rem;border-radius:30px;cursor:pointer;text-transform:uppercase;font-weight:700;letter-spacing:1px;transition:transform .2s}.submit-btn:hover{transform:scale(1.05)}.comment-list{display:flex;flex-direction:column;gap:1.5rem}.comment-item{background:#ffffff08;padding:1.5rem;border-radius:8px;border-left:3px solid #00eeff}.comment-header{display:flex;justify-content:space-between;margin-bottom:.8rem}.comment-author{font-weight:700;color:#0ef}.comment-date{font-size:.8rem;color:#666}