body { font-family: 'Inter', sans-serif; background-color: #16191C; color: #d4d4d8; } ::-webkit-scrollbar { width: 8px; } ::-webkit-scrollbar-track { background: #27272a; } ::-webkit-scrollbar-thumb { background: #D7CB6C; border-radius: 10px; } ::-webkit-scrollbar-thumb:hover { background: #c4b858; } .card-glass { background: rgba(39, 39, 42, 0.6); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(63, 63, 70, 0.5); } .hot-badge { position: absolute; top: 0.5rem; right: 0.5rem; background-color: #dc2626; color: white; font-size: 0.65rem; font-weight: bold; padding: 0.125rem 0.375rem; border-radius: 0.375rem; text-transform: uppercase; z-index: 10; line-height: 1.2; } .provider-tab { transition: all 0.3s ease; filter: grayscale(80%); opacity: 0.6; } .provider-tab.active { filter: grayscale(0%); opacity: 1; transform: scale(1.05); box-shadow: 0 0 15px rgba(215, 203, 108, 0.5); } @keyframes barberpole { 100% { background-position: 50px 50px; } } .progress-bar-animated { animation: barberpole 1s linear infinite; background-size: 50px 50px; background-image: repeating-linear-gradient( 45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent ); } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeInScaleUp { from { opacity: 0; transform: scale(0.95); } to { opacity: 1; transform: scale(1); } } .modal-animated { animation: fadeIn 0.3s ease-out forwards; } .modal-content-animated { animation: fadeInScaleUp 0.3s ease-out forwards; } .swiper-button-next, .swiper-button-prev { color: #D7CB6C !important; } .swiper-pagination-bullet-active { background-color: #D7CB6C !important; }