.fade-in{animation:fadeIn .8s ease forwards;opacity:0}@keyframes fadeIn{to{opacity:1;transform:translateY(0)}0%{opacity:0;transform:translateY(20px)}}.blog-card{background-color:#1a1a1a;border:1px solid #222;border-radius:12px;overflow:hidden;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;height:100%;position:relative;transition:transform .3s ease,box-shadow .3s ease}.blog-card:hover{transform:translateY(-8px);box-shadow:0 8px 24px rgba(0,230,195,.15)}.blog-card-image{position:relative;height:250px;overflow:hidden}.blog-card-image .card-img{width:100%;height:100%;border-top-left-radius:12px;border-top-right-radius:12px;object-fit:cover;transition:transform .3s ease}.blog-card:hover .blog-card-image .card-img{transform:scale(1.05)}.blog-card-link{text-decoration:none;color:inherit;display:block}.blog-card-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(0,230,195,.1),rgba(0,242,195,.2));opacity:0;transition:opacity .3s ease;display:flex;align-items:center;justify-content:center}.blog-card:hover .blog-card-overlay{opacity:1}.overlay-content{text-align:center;color:#fff}.overlay-content .read-more{background:rgba(0,230,195,.9);color:#1a1a1a;padding:8px 16px;border-radius:20px;font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.blog-card-badge{position:absolute;top:12px;left:12px;padding:.4rem .8rem;border-radius:20px;font-size:.8rem;font-weight:600;color:#111}.blog-card-badge.popular{background-color:#ff3c57}.blog-card-badge.new{background-color:#00e6c3}.blog-card-content{padding:1.5rem;display:flex;flex-direction:column;justify-content:space-between;flex-grow:1;color:#f1f3f5}.blog-card-date,.blog-card-reading-time{color:#999;font-size:.85rem;display:flex;align-items:center;gap:.4rem}.blog-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem}.blog-card-header h3{margin:0;flex:1 1}.favorite-btn{background:none;border:none;color:#666;font-size:1.2rem;cursor:pointer;padding:8px;border-radius:50%;transition:all .3s ease;display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;position:relative}.favorite-btn:hover{color:#00e6c3;background:rgba(0,230,195,.1);transform:scale(1.1)}.favorite-btn.active{color:#ff3c57}.favorite-btn.active:hover{color:#ff1744}.blog-card-title{font-size:1.3rem;font-weight:700;color:#f1f3f5;transition:color .3s ease;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;box-orient:vertical;max-height:calc(1.3rem * 2 * 1.2);margin:0;line-height:1.4}.blog-card:hover .blog-card-title{color:#00e6c3}.blog-card-excerpt{color:#ccc;font-size:.95rem;line-height:1.6;margin:1rem 0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;line-clamp:3;box-orient:vertical}.blog-card-meta{gap:1.5rem;flex-wrap:wrap;margin:1rem 0}.blog-card-meta,.meta-item{display:flex;align-items:center}.meta-item{color:#999;font-size:.85rem;gap:.4rem}.meta-icon{color:#00e6c3;font-size:.8rem}.blog-card-tags{display:flex;align-items:center;gap:.5rem;margin:1rem 0;flex-wrap:wrap}.tags-icon{color:#00e6c3;font-size:.9rem}.tags-list{display:flex;gap:.5rem;flex-wrap:wrap}.tag{background:rgba(0,230,195,.1);color:#00e6c3;padding:.3rem .6rem;border-radius:12px;font-size:.75rem;font-weight:500;border:1px solid rgba(0,230,195,.3);transition:all .3s ease}.tag:hover{background:rgba(0,230,195,.2);transform:translateY(-1px)}.more-tags{background:rgba(255,255,255,.1);color:#ccc;border-color:rgba(255,255,255,.2)}.blog-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:1rem}.read-more-btn{background:linear-gradient(45deg,#00e6c3,#00f2c3);color:#1a1a1a;padding:.6rem 1.2rem;border-radius:25px;text-decoration:none;font-weight:600;font-size:.85rem;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.read-more-btn:hover{background:linear-gradient(45deg,#00f2c3,#00e6c3);transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,230,195,.3);color:#1a1a1a}.blog-category{background:rgba(255,255,255,.1);color:#f1f3f5;padding:.4rem .8rem;border-radius:15px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.blog-card-description{font-size:1rem;color:#ccc;line-height:1.6;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;line-clamp:3;box-orient:vertical;max-height:calc(1rem * 3 * 1.6)}.blog-card-categories{display:flex;flex-wrap:wrap;gap:.5rem}.blog-card-category{background-color:#222;color:#00e6c3;padding:.3rem .8rem;border-radius:20px;font-size:.85rem;font-weight:500;display:flex;align-items:center;gap:.3rem}.blog-card-link{color:#00e6c3;font-weight:500;margin-top:auto;transition:transform .3s ease}.blog-card-link:hover{transform:translateX(5px)}.icon{color:#00e6c3;font-size:.9rem}.blog-card-favorite-btn{position:absolute;top:12px;right:12px;background:rgba(26,26,26,.9);border:1px solid rgba(0,230,195,.3);color:rgba(241,243,245,.7);padding:.5rem;border-radius:50%;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:36px;height:36px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10}.blog-card-favorite-btn:hover{background:rgba(0,230,195,.2);border-color:#00e6c3;color:#00e6c3;transform:scale(1.1)}.blog-card-favorite-btn.active{background:rgba(0,230,195,.2);border-color:#00e6c3;color:#ff6b6b}.blog-card-favorite-btn.active:hover{color:#ff5252;transform:scale(1.1)}.related-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:2rem;gap:2rem;align-items:stretch}@media (max-width:768px){.blog-card-content{padding:1rem}.blog-card-title{font-size:1.3rem}}@media (max-width:480px){.blog-card-title{font-size:1.2rem}.blog-card-description{font-size:.95rem}}