.banks-hero{position:relative;background:#ffffff;padding-top:100px;padding-bottom:100px;overflow:hidden}@media (max-width:1073px){.banks-hero{padding-top:calc(70px + 30 * ((100vw - 360px) / 713))}}@media (max-width:1073px){.banks-hero{padding-bottom:calc(70px + 30 * ((100vw - 360px) / 713))}}.banks-hero::before{content:"";position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle, rgba(237, 233, 254, 0.5) 0%, transparent 70%);pointer-events:none;z-index:0}.banks-hero::after{content:"";position:absolute;bottom:-30%;left:-15%;width:500px;height:500px;background:radial-gradient(circle, rgba(255, 161, 53, 0.08) 0%, transparent 60%);pointer-events:none;z-index:0}.banks-hero__container{position:relative;z-index:10}.banks-hero__body{position:relative}.banks-hero__top{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:48px !important}@media (max-width:767px){.banks-hero__top{margin-bottom:32px !important}}.banks-hero__icon{width:72px;height:72px;background:linear-gradient(135deg, #7c3aed 0%, #6d28d9 100%);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:28px;box-shadow:0 12px 40px rgba(124, 58, 237, 0.35), 0 4px 16px rgba(109, 40, 217, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.2);position:relative}.banks-hero__icon::before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='white' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M2.25 21h19.5m-18-18v18m10.5-18v18m6-13.5V21M6.75 6.75h.75m-.75 3h.75m-.75 3h.75m3-6h.75m-.75 3h.75m-.75 3h.75M6.75 21v-3.375c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21M3 3h12m-.75 4.5H21m-3.75 3H21m-3.75 3H21'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:36px}@media (max-width:767px){.banks-hero__icon{width:60px;height:60px;margin-bottom:20px}.banks-hero__icon::before{background-size:30px}}.banks-hero__title{font-size:52px;line-height:1.15 !important;font-weight:800 !important;color:#111827 !important;margin-bottom:16px !important;position:relative;letter-spacing:-0.02em;background:linear-gradient(135deg, #111827 0%, #6d28d9 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (max-width:1073px){.banks-hero__title{font-size:calc(30px + 22 * ((100vw - 360px) / 713))}}.banks-hero__subtitle{font-size:18px;line-height:1.6;color:#6b7280;max-width:600px;margin:0 auto 32px auto}@media (max-width:767px){.banks-hero__subtitle{font-size:16px}}.banks-hero__filter{display:flex;align-items:center;gap:16px;background:#ffffff;border:1px solid #e5e7eb;border-radius:20px;padding:10px;box-shadow:0 4px 20px rgba(6, 5, 31, 0.08), 0 1px 4px rgba(6, 5, 31, 0.04);transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.banks-hero__filter:hover{box-shadow:0 8px 32px rgba(6, 5, 31, 0.12), 0 2px 8px rgba(124, 58, 237, 0.08);border-color:#d1d5db}@media (max-width:767px){.banks-hero__filter{flex-direction:column;width:100%;padding:16px;gap:12px}}.banks-hero__wrapper{position:relative;min-width:280px}@media (max-width:767px){.banks-hero__wrapper{width:100%;min-width:auto}}.banks-hero__wrapper .filter-current{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:14px 20px;cursor:pointer;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);font-weight:600;color:#374151}.banks-hero__wrapper .filter-current:hover{background:#f3f4f6;border-color:#c4b5fd;color:#6d28d9}.banks-hero__wrapper .filter-current svg{transition:transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);color:#9ca3af}.banks-hero__wrapper .filter-current:hover svg{color:#7c3aed}.banks-hero__wrapper:hover .filter-current svg,.banks-hero__wrapper:focus-within .filter-current svg{transform:rotate(180deg)}.banks-hero__wrapper .filter-list{position:absolute;top:100%;left:0;right:0;margin-top:8px;background:#ffffff;border-radius:12px;box-shadow:0 20px 40px rgba(6, 5, 31, 0.15), 0 8px 16px rgba(6, 5, 31, 0.08);opacity:0;visibility:hidden;transform:translateY(10px);transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);z-index:100;max-height:300px;overflow-y:auto}.banks-hero__wrapper .filter-list li{padding:12px 20px;cursor:pointer;transition:all 0.2s ease;font-weight:500;color:#374151;border-bottom:1px solid #f3f4f6}.banks-hero__wrapper .filter-list li:last-child{border-bottom:none}.banks-hero__wrapper .filter-list li:hover{background:linear-gradient(90deg, #f5f3ff, transparent);color:#6d28d9;padding-left:28px}.banks-hero__wrapper .filter-list li._active{background:linear-gradient(90deg, #ede9fe, #f5f3ff);color:#6d28d9;font-weight:600}.banks-hero__wrapper:hover .filter-list,.banks-hero__wrapper:focus-within .filter-list{opacity:1;visibility:visible;transform:translateY(0)}.banks-hero__btn{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg, #ffa135 0%, #ffb85c 100%) !important;border:none !important;border-radius:12px !important;padding:14px 28px !important;font-weight:700 !important;font-size:16px;color:#06051f !important;cursor:pointer;transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);box-shadow:0 8px 20px rgba(255, 161, 53, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.3)}@media (max-width:767px){.banks-hero__btn{width:100%;justify-content:center}}.banks-hero__btn svg path{fill:#06051f !important;transition:fill 0.3s ease}.banks-hero__btn:hover{background:linear-gradient(135deg, #7c3aed 0%, #6d28d9 100%) !important;color:#ffffff !important;transform:translateY(-2px);box-shadow:0 12px 28px rgba(124, 58, 237, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.2)}.banks-hero__btn:hover svg path{fill:#ffffff !important}.banks-hero__result{display:grid;grid-template-columns:repeat(3, 1fr);gap:28px}@media (max-width:992px){.banks-hero__result{grid-template-columns:repeat(2, 1fr);gap:24px}}@media (max-width:600px){.banks-hero__result{grid-template-columns:1fr;gap:20px}}.banks-hero .bank-card{background:#ffffff;border-radius:20px !important;overflow:visible;transition:all 0.5s cubic-bezier(0.4, 0, 0.2, 1);border:none;position:relative;box-shadow:0 4px 24px rgba(6, 5, 31, 0.06), 0 1px 4px rgba(6, 5, 31, 0.04), inset 0 0 0 1px rgba(229, 231, 235, 0.8)}.banks-hero .bank-card::before{content:"";position:absolute;inset:-2px;border-radius:calc(20px + 2px);background:linear-gradient(135deg, #a78bfa, #7c3aed, #ffa135);opacity:0;z-index:-1;transition:opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1)}.banks-hero .bank-card::after{content:"";position:absolute;inset:0;border-radius:20px;background:#ffffff;z-index:-1}.banks-hero .bank-card:hover{transform:translateY(-12px) scale(1.02);box-shadow:0 32px 64px rgba(124, 58, 237, 0.15), 0 16px 32px rgba(6, 5, 31, 0.1), inset 0 0 0 1px transparent}.banks-hero .bank-card:hover::before{opacity:1}.banks-hero .bank-card .wrapper{padding:32px 28px;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;z-index:1}.banks-hero .bank-card .image-wrapper{width:120px;height:70px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg, #f9fafb 0%, #ffffff 100%);border-radius:12px;margin-bottom:20px;padding:12px;border:1px solid #f3f4f6;transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1)}.banks-hero .bank-card:hover .image-wrapper{background:linear-gradient(135deg, #f5f3ff 0%, #ffffff 100%);border-color:#ddd6fe;transform:scale(1.05)}.banks-hero .bank-card .image{width:100%;height:100%;object-fit:contain;transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);filter:grayscale(0)}.banks-hero .bank-card:hover .image{filter:grayscale(0) brightness(1.05)}.banks-hero .bank-card .title{font-size:20px;font-weight:700;color:#111827;margin-bottom:12px;transition:all 0.3s ease;letter-spacing:-0.01em;line-height:1.3}.banks-hero .bank-card:hover .title{color:#6d28d9;background:linear-gradient(135deg, #7c3aed, #5b21b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.banks-hero .bank-card .rating{display:flex;align-items:center;gap:10px;margin-bottom:20px;padding:8px 16px;background:#f9fafb;border-radius:9999px;border:1px solid #f3f4f6;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.banks-hero .bank-card .rating .stars{display:flex;gap:3px}.banks-hero .bank-card .rating .stars svg{width:18px;height:18px}.banks-hero .bank-card .rating .count{font-size:14px;color:#4b5563;font-weight:600}.banks-hero .bank-card:hover .rating{background:#f5f3ff;border-color:#ddd6fe}.banks-hero .bank-card:hover .rating .count{color:#6d28d9}.banks-hero .bank-card .link{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;background:linear-gradient(135deg, #7c3aed 0%, #6d28d9 100%);color:#ffffff;padding:14px 24px;border-radius:12px;font-weight:700;font-size:15px;text-transform:uppercase;letter-spacing:0.5px;transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);box-shadow:0 4px 16px rgba(124, 58, 237, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.2);position:relative;overflow:hidden}.banks-hero .bank-card .link::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);transition:left 0.6s ease}.banks-hero .bank-card .link svg{width:18px;height:18px;transition:transform 0.3s ease}.banks-hero .bank-card .link svg path{fill:#ffffff}.banks-hero .bank-card .link:hover{background:linear-gradient(135deg, #ffa135 0%, #ff8e0c 100%);color:#06051f;transform:translateY(-2px);box-shadow:0 8px 24px rgba(255, 161, 53, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.3)}.banks-hero .bank-card .link:hover::before{left:100%}.banks-hero .bank-card .link:hover svg{transform:translateX(4px)}.banks-hero .bank-card .link:hover svg path{fill:#06051f}.banks-hero .bank-card .products-count{position:absolute;top:-8px;right:-8px;background:linear-gradient(135deg, #ffa135 0%, #ff951c 100%);color:#06051f;padding:8px 14px;border-radius:9999px;font-size:12px;font-weight:800;letter-spacing:0.3px;box-shadow:0 4px 12px rgba(255, 161, 53, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.3);z-index:10;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.banks-hero .bank-card:hover .products-count{transform:scale(1.1) rotate(-3deg);box-shadow:0 6px 16px rgba(255, 161, 53, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.3)}.banks-hero .bank-card .verified-badge{position:absolute;top:16px;left:16px;display:flex;align-items:center;gap:6px;background:linear-gradient(135deg, #10b981, #0ea271);color:#ffffff;padding:6px 12px;border-radius:9999px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;box-shadow:0 4px 12px rgba(16, 185, 129, 0.3)}.banks-hero .bank-card .verified-badge svg{width:14px;height:14px}.promotions-bottom{position:relative;padding-top:80px;padding-bottom:80px;background:#f9fafb;border-top:1px solid #f3f4f6}@media (max-width:1073px){.promotions-bottom{padding-top:calc(50px + 30 * ((100vw - 360px) / 713))}}@media (max-width:1073px){.promotions-bottom{padding-bottom:calc(50px + 30 * ((100vw - 360px) / 713))}}.promotions-bottom::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:100%;max-width:800px;height:1px;background:linear-gradient(90deg, transparent, #ddd6fe, transparent);pointer-events:none}.promotions-bottom__container{position:relative;z-index:1}.promotions-bottom__body{max-width:900px;margin:0 auto;text-align:center}.promotions-bottom__title{font-size:42px;font-weight:800 !important;line-height:1.2 !important;background:linear-gradient(135deg, #111827 0%, #7c3aed 50%, #5b21b6 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:24px !important;position:relative}@media (max-width:1073px){.promotions-bottom__title{font-size:calc(28px + 14 * ((100vw - 360px) / 713))}}.promotions-bottom__title::after{content:"";display:block;width:80px;height:4px;background:linear-gradient(90deg, #7c3aed 0%, #ffa135 100%);border-radius:9999px;margin:24px auto 0 auto}.promotions-bottom__text{font-size:18px;line-height:1.8;color:#4b5563}.promotions-bottom__text p{margin-bottom:16px}.promotions-bottom__text p:last-child{margin-bottom:0}.promotions-bottom__text a{color:#7c3aed;font-weight:600;text-decoration:underline;transition:color 0.3s ease}.promotions-bottom__text a:hover{color:#ffa135}.bank-hero{position:relative;background:linear-gradient(180deg, #f9fafb 0%, #ffffff 100%);padding-top:80px;padding-bottom:60px}@media (max-width:1073px){.bank-hero{padding-top:calc(50px + 30 * ((100vw - 360px) / 713))}}@media (max-width:1073px){.bank-hero{padding-bottom:calc(40px + 20 * ((100vw - 360px) / 713))}}.bank-hero__container{position:relative;z-index:1}.bank-hero__top{margin-bottom:32px}.bank-hero__title{font-size:48px;font-weight:800 !important;color:#111827 !important;line-height:1.15}@media (max-width:1073px){.bank-hero__title{font-size:calc(32px + 16 * ((100vw - 360px) / 713))}}.bank-hero__reviews{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg, #f5f3ff, #ede9fe);padding:8px 16px;border-radius:9999px;font-weight:600;color:#6d28d9 !important;text-decoration:none !important;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);box-shadow:0 2px 8px rgba(124, 58, 237, 0.1)}.bank-hero__reviews:hover{background:linear-gradient(135deg, #7c3aed, #6d28d9);color:#ffffff !important;transform:translateY(-2px);box-shadow:0 6px 16px rgba(124, 58, 237, 0.3)}.bank-hero__image{position:relative;border-radius:20px !important;overflow:hidden;box-shadow:0 25px 60px rgba(6, 5, 31, 0.12), 0 10px 25px rgba(6, 5, 31, 0.08)}.bank-hero__image .image-01{border-radius:20px !important;transition:transform 0.6s cubic-bezier(0.4, 0, 0.2, 1)}.bank-hero__image:hover .image-01{transform:scale(1.02)}.bank-hero__image .image-02{position:absolute;top:24px;right:24px;background:#ffffff;padding:12px 16px;border-radius:12px;box-shadow:0 8px 24px rgba(6, 5, 31, 0.15)}.bank-main{padding-top:60px;padding-bottom:80px}@media (max-width:1073px){.bank-main{padding-top:calc(40px + 20 * ((100vw - 360px) / 713))}}@media (max-width:1073px){.bank-main{padding-bottom:calc(50px + 30 * ((100vw - 360px) / 713))}}.bank-main__body h2,.bank-main__body h3,.bank-main__body h4,.bank-main__body h5,.bank-main__body h6{position:relative;padding-left:24px !important;margin:40px 0 24px 0 !important;background:none !important}.bank-main__body h2::before,.bank-main__body h3::before,.bank-main__body h4::before,.bank-main__body h5::before,.bank-main__body h6::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:70%;background:linear-gradient(180deg, #8b5cf6, #ffa135);border-radius:9999px}.bank-main__body p{font-size:17px !important;line-height:1.8 !important;color:#4b5563 !important}.bank-main__body table{border-radius:16px !important;overflow:hidden;box-shadow:0 10px 40px rgba(6, 5, 31, 0.06), 0 4px 12px rgba(6, 5, 31, 0.03)}.bank-main__body table tbody tr{transition:all 0.3s ease}.bank-main__body table tbody tr:hover{background:linear-gradient(90deg, #f5f3ff, transparent) !important}.bank-main__body table tbody tr td{border-color:rgba(139, 92, 246, 0.3) !important;padding:18px 28px !important}.bank-main__body ul li{padding-left:32px !important;margin-bottom:12px;position:relative}.bank-main__body ul li::before{content:"";position:absolute;left:0;top:8px;width:20px;height:20px;background:linear-gradient(135deg, #10b981, #14e8a2);border-radius:9999px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='white' stroke-width='3'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M5 13l4 4L19 7'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:12px}.bank-products{background:linear-gradient(135deg, #7c3aed 0%, #6d28d9 50%, #5b21b6 100%) !important;position:relative;overflow:hidden}.bank-products::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 30%, rgba(255, 255, 255, 0.08) 0%, transparent 40%), radial-gradient(circle at 80% 70%, rgba(255, 161, 53, 0.1) 0%, transparent 40%);pointer-events:none}.bank-products__container{position:relative;z-index:1}.bank-products__title{color:#ffffff !important;font-weight:800 !important;text-shadow:0 2px 8px rgba(6, 5, 31, 0.2)}.bank-products__link{background:rgba(255, 255, 255, 0.15) !important;backdrop-filter:blur(10px);border:1px solid rgba(255, 255, 255, 0.25) !important;color:#ffffff !important;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.bank-products__link:hover{background:#ffffff !important;color:#7c3aed !important}@media (max-width:767px){.banks-hero__filter{border-radius:16px}.banks-hero .bank-card .wrapper{padding:24px 20px}.banks-hero .bank-card .link{padding:12px 20px;font-size:14px}.banks-hero .bank-card .products-count{top:-6px;right:-6px;padding:6px 10px;font-size:11px}.promotions-bottom__body{text-align:left}.promotions-bottom__title::after{margin:20px 0 0 0}}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{from{opacity:0;transform:scale(0.9)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}.banks-hero .bank-card{animation:fadeInUp 0.6s cubic-bezier(0.4, 0, 0.2, 1) both}.banks-hero .bank-card:nth-child(1){animation-delay:0.08s}.banks-hero .bank-card:nth-child(2){animation-delay:0.16s}.banks-hero .bank-card:nth-child(3){animation-delay:0.24s}.banks-hero .bank-card:nth-child(4){animation-delay:0.32s}.banks-hero .bank-card:nth-child(5){animation-delay:0.4s}.banks-hero .bank-card:nth-child(6){animation-delay:0.48s}.banks-hero .bank-card:nth-child(7){animation-delay:0.56s}.banks-hero .bank-card:nth-child(8){animation-delay:0.64s}.banks-hero .bank-card:nth-child(9){animation-delay:0.72s}.banks-hero .bank-card:nth-child(10){animation-delay:0.8s}.banks-hero .bank-card:nth-child(11){animation-delay:0.88s}.banks-hero .bank-card:nth-child(12){animation-delay:0.96s}.banks-hero__icon{animation:scaleIn 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) both;animation-delay:0.1s}.banks-hero__title{animation:fadeInUp 0.6s cubic-bezier(0.4, 0, 0.2, 1) both;animation-delay:0.2s}.banks-hero__filter{animation:fadeInUp 0.6s cubic-bezier(0.4, 0, 0.2, 1) both;animation-delay:0.3s}.banks-hero .bank-card--loading .wrapper{position:relative;overflow:hidden}.banks-hero .bank-card--loading .wrapper::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.6), transparent);background-size:200% 100%;animation:shimmer 1.5s infinite}.banks-hero .bank-card--loading .image,.banks-hero .bank-card--loading .title,.banks-hero .bank-card--loading .link{background:#f3f4f6;border-radius:8px;color:transparent !important}