body{margin:0;font-family:Poppins,sans-serif;background:#1a1a2e;color:#7b2c14f5;overflow-x:hidden}.blog-header{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:2rem}.blog-header h1{font-size:2.8rem;margin-top:1rem;color:#eaeaea}.blog-header h1 span,.blog-header h1 i{color:#fc0}.back-btn{align-self:flex-start;margin-left:2rem;text-decoration:none;color:#fff;font-weight:600;font-size:1.6rem;transition:color .3s}.back-btn:hover{color:#fc0}.search-glass{display:flex;justify-content:center;margin:2rem 0}.search-glass input{width:70%;max-width:500px;padding:1.2rem 2rem;border-radius:50px;border:1px solid rgba(255,255,255,.1);background:#28283ccc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font-size:1.6rem;outline:none;box-shadow:0 4px 20px #00000080;transition:all .3s ease}.search-glass input::placeholder{color:#fff9}.search-glass input:focus{background:#28283cf2;box-shadow:0 4px 25px #fc03;border-color:#ffcc004d}.tag-container{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:2rem;padding:0 2rem}.tag{background:#28283cb3;padding:.6rem 1.2rem;border-radius:30px;cursor:pointer;font-size:1.3rem;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;border:1px solid rgba(255,255,255,.1)}.tag:hover{background:#323246e6;transform:translateY(-2px);border-color:#ffcc004d}.tag.active{background:#fc03;border-color:#fc0;color:#fc0;box-shadow:0 4px 20px #ffcc004d}.blogs-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;padding:0 5%;margin-bottom:4rem}.blog-card{background:#2a2a4a;border-radius:20px;overflow:hidden;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);transition:transform .3s ease,box-shadow .3s;box-shadow:0 4px 20px #0006;border:1px solid rgba(255,255,255,.1)}.blog-card:hover{transform:translateY(-10px);box-shadow:0 8px 25px #00000080;border-color:#ffcc004d}.blog-card img{width:100%;height:180px;object-fit:cover}.blog-info{padding:1.5rem}.blog-info h3{font-size:1.8rem;color:#fff;margin-bottom:.8rem}.blog-info p{font-size:1.4rem;color:#ffffffd9;margin:.5rem 0 1rem;line-height:1.6}.blog-info .tags{margin:1rem 0}.blog-info .tags span{font-size:1.2rem;color:#fc0;margin-right:.5rem}.blog-info a{display:inline-flex;align-items:center;gap:.5rem;margin-top:1rem;color:#fc0;background:transparent;padding:0;border-radius:0;text-decoration:none;font-size:1.3rem;font-weight:600;transition:all .3s ease}.blog-info a:hover{color:gold;gap:1rem}@media (max-width: 768px){.blog-header h1{font-size:2.2rem}.blogs-container{grid-template-columns:1fr}.search-glass input{width:85%;font-size:1.4rem}.tag{font-size:1.1rem}}.view-more{text-align:center;margin-top:3rem}.btn{display:inline-flex;align-items:center;gap:.8rem;padding:1rem 2.5rem;background:#28283ccc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,204,0,.3);border-radius:50px;color:#fff;text-decoration:none;font-size:1.1rem;font-weight:600;transition:all .3s ease;box-shadow:0 4px 15px #0006}.btn:hover{background:#fc03;border-color:#fc0;transform:translateY(-3px);box-shadow:0 6px 25px #fc06;gap:1.2rem}