.blog-main{min-height:100vh;padding:60px 20px;background:linear-gradient(135deg,rgba(20,14,26,.95),rgba(15,10,20,.98));position:relative}.blog-main:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 50%,rgba(65,102,245,.03) 0,transparent 50%),radial-gradient(circle at 80% 80%,rgba(139,92,246,.03) 0,transparent 50%);pointer-events:none;z-index:0}.blog-container{max-width:1200px;margin:0 auto;position:relative;z-index:1}.blog-header{text-align:center;margin-bottom:80px;animation:fadeInUp .8s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.blog-title{font-size:3.5rem;font-weight:700;background:linear-gradient(135deg,#ffffff,#b8a9ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:16px;letter-spacing:-.02em}.blog-subtitle{font-size:1.2rem;color:rgba(255,255,255,.6);max-width:600px;margin:0 auto;line-height:1.6}.blog-posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));grid-gap:32px;gap:32px}.blog-post-card{text-decoration:none;color:inherit;height:100%;animation:fadeInUp .8s ease-out;animation-fill-mode:both}.blog-post-card:first-child{animation-delay:.1s}.blog-post-card:nth-child(2){animation-delay:.2s}.blog-post-card:nth-child(3){animation-delay:.3s}.blog-post-card-content{height:100%;padding:32px;background:linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.1);border-radius:12px;transition:all .3s ease;display:flex;flex-direction:column;position:relative;overflow:hidden}.blog-post-card-content:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(65,102,245,.1),transparent);opacity:0;transition:opacity .3s ease;pointer-events:none}.blog-post-card:hover .blog-post-card-content{border-color:rgba(65,102,245,.4);background:linear-gradient(135deg,rgba(65,102,245,.1),rgba(139,92,246,.05));transform:translateY(-8px);box-shadow:0 20px 40px rgba(65,102,245,.1)}.blog-post-meta{display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap}.blog-post-category{display:inline-block;padding:6px 12px;background:rgba(65,102,245,.15);color:#8ca6ff;border-radius:6px;font-size:.85rem;font-weight:500;text-transform:capitalize}.blog-post-date{display:inline-block;font-size:.9rem;color:rgba(255,255,255,.5);font-weight:400}.blog-post-title{font-size:1.4rem;font-weight:600;color:#ffffff;margin-bottom:12px;line-height:1.4;flex-grow:1}.blog-post-excerpt{font-size:.95rem;color:rgba(255,255,255,.65);line-height:1.6;margin-bottom:20px;flex-grow:1}.blog-post-footer{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:rgba(255,255,255,.5);margin-top:auto;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}.blog-post-arrow{font-size:1.2rem;color:rgba(65,102,245,.7);transition:all .3s ease}.blog-post-card:hover .blog-post-arrow{color:#4166f5;transform:translateX(4px)}@media (max-width:768px){.blog-title{font-size:2.5rem}.blog-subtitle{font-size:1rem}.blog-posts-grid{grid-template-columns:1fr;gap:24px}.blog-main{padding:40px 16px}.blog-header{margin-bottom:60px}}