@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;900&display=swap');.wana-slider-container{max-width:1400px;margin:40px auto;padding:0 20px;position:relative;font-family:'Be Vietnam Pro',sans-serif}.wana-slider-loading{min-height:420px;display:flex;align-items:center;justify-content:center;color:#64748b;font-weight:600}.wana-slide{display:none;animation:fadeScale .8s cubic-bezier(0.4,0,0.2,1)}@keyframes fadeScale{from{opacity:0;transform:scale(0.98)}to{opacity:1;transform:scale(1)}}.blog-hero-card{position:relative;display:block;text-decoration:none;border-radius:28px;overflow:hidden;height:550px;box-shadow:0 20px 40px -10px rgba(0,0,0,0.3);background-color:#000}.blog-card-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;transition:transform 1.2s cubic-bezier(0.165,0.84,0.44,1);z-index:1}.blog-hero-card:hover .blog-card-bg{transform:scale(1.1)}.blog-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,rgba(0,0,0,0) 20%,rgba(0,0,0,0.4) 50%,rgba(0,0,0,0.85) 100%);display:flex;flex-direction:column;justify-content:flex-end;padding:60px;z-index:2;transition:background .3s ease}.blog-hero-card:hover .blog-overlay{background:linear-gradient(to bottom,rgba(0,0,0,0) 10%,rgba(0,0,0,0.3) 40%,rgba(0,0,0,0.9) 100%)}.blog-tag{display:inline-block;background:#2563eb;color:white;font-size:.85rem;font-weight:700;text-transform:uppercase;padding:8px 18px;border-radius:30px;margin-bottom:20px;width:fit-content;letter-spacing:1px}.blog-title{color:white;font-size:2.8rem;font-weight:800;line-height:1.1;margin:0 0 18px 0;max-width:950px;text-shadow:0 4px 10px rgba(0,0,0,0.5)}.blog-intro{color:rgba(255,255,255,0.9);font-size:1.15rem;line-height:1.6;margin:0 0 35px 0;max-width:750px}.btn-read-more{display:inline-flex;align-items:center;gap:12px;background:white;color:#0f172a;font-weight:700;padding:14px 32px;border-radius:50px;font-size:1rem;width:fit-content;transition:all .3s ease;position:relative;overflow:hidden}.btn-read-more:hover{background:#2563eb;color:white;transform:translateX(10px)}.vote-hero-card{position:relative;border-radius:28px;overflow:hidden;min-height:550px;background-color:#000;box-shadow:0 20px 40px -10px rgba(0,0,0,0.3)}.hero-banner-img{width:100%;height:550px;object-fit:cover;transition:transform 1.2s ease}.vote-hero-card:hover .hero-banner-img{transform:scale(1.05)}.hero-overlay{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;padding:60px;background:linear-gradient(to bottom,rgba(0,0,0,0) 35%,rgba(0,0,0,0.55) 100%)}.hero-actions-row{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}.timeline-badge{background:rgba(255,255,255,0.92);color:#0f172a;padding:12px 24px;border-radius:50px;font-weight:800;box-shadow:0 10px 20px rgba(0,0,0,0.18)}.btn-hero{background:#16a34a;color:white;padding:14px 35px;border-radius:50px;font-weight:800;text-decoration:none;text-transform:uppercase;box-shadow:0 10px 20px rgba(22,163,74,0.3);transition:all .3s}.btn-hero:hover{transform:translateY(-5px);box-shadow:0 15px 30px rgba(22,163,74,0.5);color:white}.slider-dots{text-align:center;position:absolute;bottom:30px;width:100%;z-index:10;left:0}.dot{height:8px;width:8px;margin:0 6px;background-color:rgba(255,255,255,0.4);border-radius:50%;display:inline-block;transition:all .4s ease;cursor:pointer}.dot.active{background-color:#fff;width:35px;border-radius:10px}@media(max-width:768px){.blog-hero-card,.vote-hero-card,.hero-banner-img{height:500px;min-height:500px}.blog-overlay,.hero-overlay{padding:30px}.blog-title{font-size:1.8rem}.blog-intro{font-size:1rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.slider-dots{bottom:-30px}.dot{background-color:#cbd5e1}.dot.active{background-color:#2563eb}.wana-slider-container{margin-bottom:70px}}