.blog-page{min-height:100vh;background:radial-gradient(ellipse at center,rgba(172,140,242,.04) 0,transparent 70%),#0f0f1a;color:#e0e0e0;position:relative;overflow:hidden;display:flex;align-items:flex-start;justify-content:center;padding:6rem 0 2rem}.blog-page:after{content:"";position:absolute;bottom:-50px;left:0;right:0;height:50px;background:linear-gradient(180deg,#0f0f1a 0,transparent);z-index:1}@media(max-width:768px){.blog-page{padding:8rem 0 2rem}}.blog-page-inner{max-width:1200px;width:100%;padding:0 2rem;position:relative;z-index:2}@media(max-width:768px){.blog-page-inner{padding:0 1rem}}.blog-header{text-align:center;margin-bottom:4rem;position:relative;z-index:2}.blog-header h1{font-size:3rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(135deg,#ac8cf2,#87cefa);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}@media(max-width:768px){.blog-header h1{font-size:2.5rem}}.blog-header .blog-subtitle{font-size:1.2rem;color:#a1a1aa;max-width:600px;margin:0 auto;line-height:1.6}@media(max-width:768px){.blog-header .blog-subtitle{font-size:1rem}}.tag-filter{margin-bottom:3rem;text-align:center;position:relative;z-index:2}.tag-filter h3{font-size:1.2rem;margin-bottom:1rem;color:#e0e0e0}.tag-filter .tag-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}@media(max-width:768px){.tag-filter .tag-buttons{gap:.25rem}}.tag-filter .tag-button{padding:.5rem 1rem;border:2px solid rgba(172,140,242,.3);background:rgba(15,15,26,.8);backdrop-filter:blur(10px);color:#a1a1aa;border-radius:25px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease-in-out}.tag-filter .tag-button:hover{border-color:#ac8cf2;color:#ac8cf2;transform:translateY(-2px);box-shadow:0 10px 20px rgba(172,140,242,.2)}.tag-filter .tag-button.active{background:linear-gradient(135deg,#ac8cf2,#87cefa);border-color:rgba(0,0,0,0);color:#0f0f1a;box-shadow:0 10px 25px rgba(172,140,242,.4)}@media(max-width:768px){.tag-filter .tag-button{padding:.4rem .8rem;font-size:.8rem}}.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;position:relative;z-index:2}@media(max-width:768px){.blog-grid{grid-template-columns:1fr;gap:1.5rem}}.blog-card{background:rgba(15,15,26,.8);backdrop-filter:blur(10px);border:1px solid rgba(172,140,242,.2);border-radius:16px;overflow:hidden;transition:all .3s ease-in-out;box-shadow:0 10px 25px rgba(0,0,0,.2)}.blog-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgba(172,140,242,.15);border-color:rgba(172,140,242,.4)}.blog-card-content{padding:2rem}.blog-card-content h2{font-size:1.5rem;font-weight:600;margin-bottom:.5rem;color:#e0e0e0;line-height:1.3}@media(max-width:768px){.blog-card-content h2{font-size:1.3rem}}.blog-card-content .post-date{font-size:.9rem;color:#a1a1aa;margin-bottom:1rem;font-weight:500}.blog-card-content .post-description{color:#a1a1aa;line-height:1.6;margin-bottom:1.5rem;font-size:1rem}.blog-card-content .post-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.blog-card-content .post-tags .post-tag{padding:.25rem .75rem;background:linear-gradient(135deg,rgba(172,140,242,.2),rgba(135,206,250,.2));color:#ac8cf2;border-radius:12px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid rgba(172,140,242,.3)}.blog-card-content .post-tags .post-tag:hover{background:linear-gradient(135deg,rgba(172,140,242,.3),rgba(135,206,250,.3));border-color:rgba(172,140,242,.5);transform:translateY(-1px);color:#87cefa}.blog-card-content .read-more{display:inline-flex;align-items:center;gap:.5rem;color:#ac8cf2;text-decoration:none;font-weight:600;font-size:.95rem;transition:all .2s ease}.blog-card-content .read-more:hover{color:#87cefa;transform:translateX(4px)}.no-posts{grid-column:1/-1;text-align:center;padding:3rem;color:#a1a1aa;font-size:1.1rem}