[theme="dark"] .daily-draw-promo {
     animation: glowPulse 3s ease-in-out infinite;
     transition: all 0.3s ease;
     background: linear-gradient(135deg, #141414, #262626);
     border: 1px solid gold;
     color: #fff;
 }


 [theme="dark"] .daily-draw-promo:hover {
     transform: scale(1.03);
     box-shadow: 0 0 15px gold;
 }

 @keyframes glowPulse {
     0% {
         box-shadow: 0 0 8px gold;
     }

     50% {
         box-shadow: 0 0 18px gold;
     }

     100% {
         box-shadow: 0 0 8px gold;
     }
 }

 .daily-draw-promo {
     background: linear-gradient(135deg, #ffffff, #f5f5f5);
     border: 1px solid #c9a500;
     color: #333;
     animation: glowPulseLight 3s ease-in-out infinite;
 }

 .daily-draw-promo:hover {
     transform: scale(1.03);
     box-shadow: 0 0 15px #f8d64e;
 }

 @keyframes glowPulseLight {
     0% {
         box-shadow: 0 0 8px #f8d64e;
     }

     50% {
         box-shadow: 0 0 18px #ffd700;
     }

     100% {
         box-shadow: 0 0 8px #f8d64e;
     }
 }

 .daily-draw-promo h6 {
     color: #f3d942;
 }

 .daily-draw-promo p {
     color: #555;
 }

 .daily-draw-promo button {
     background: #ffd700;
     color: #000;
 }

 .txxxs {
     background: linear-gradient(135deg, #1a1f2c, #1c3883);
     border: 1px solid #5d9749;
 }

 #depositForDraw {
     background: #558a4d;
     border-radius: 20px;
     color: #ffdd00 !important;
     padding-left: 10px;
     padding-right: 10px;
 }

 #quickDepositModal {
     position: fixed;
     inset: 0;
     display: none;
     align-items: center;
     justify-content: center;
     background: rgba(0, 0, 0, 0.8);
     z-index: 99999;
     animation: fadeIn 0.3s ease-in-out;
 }

 .quick-modal-content {
     transform: scale(0.7);
     opacity: 0;
     transition: transform 0.35s ease, opacity 0.35s ease;
 }

 #quickDepositModal.show .quick-modal-content {
     transform: scale(1);
     opacity: 1;
 }

 @keyframes fadeIn {
     from {
         background: rgba(0, 0, 0, 0);
     }

     to {
         background: rgba(0, 0, 0, 0.8);
     }
 }

 #quickDepositClose {
     margin-top: 16px;
     padding: 6px 14px;
     border: none;
     border-radius: 8px;
     font-weight: 700;
     cursor: pointer;
     background: linear-gradient(135deg, #15d815, #0a880a);
     color: #fff !important;
     box-shadow: 0 0 10px rgb(21 216 21 / .4);
     transition: all 0.2s ease;
 }

 #quickDepositClose:hover {
     background: linear-gradient(135deg, #19f819, #0b9c0b);
 }

 .newreg-hide {
     display: none !important;
 }

 .twofiftyoffer {
     background-color: #651e46;
     border-radius: 10px;
     padding: 1px;
 }

 .m-gray {
     filter: grayscale(100%);
 }

 .btn-success-x {
     background: #ffc107;
     border: 2px solid #ffc107;
     color: #000;
     font-weight: 600;
     border-radius: 10px;
 }

 .modal-close-btn-x {
     border-radius: 50%;
     background-color: var(--tush-green);
     color: white;
     font-weight: 600;
     border: 1px solid var(--tush-green);
 }

 .modal-close-x {
     position: absolute;
     display: flex;
     width: 100%;
     padding-right: 25px;
     flex-shrink: 0;
     flex-wrap: wrap;
     align-items: center;
     justify-content: flex-end;
     background-color: var(--bs-modal-footer-bg);
     border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
     border-bottom-right-radius: var(--bs-modal-inner-border-radius);
     border-bottom-left-radius: var(--bs-modal-inner-border-radius);
 }

 .offers-modal .modal-content {
     border-radius: 24px;
     border: none;
     padding: 12px 12px 4px;
     background-color: #181f2c !important;
 }

 .offers-header {
     padding: 16px 20px 8px;
     text-align: center;
 }

 .offers-header h2 {
     font-size: 1.6rem;
     font-weight: 700;
 }

 .offers-header p {
     color: #6c757d;
 }

 /* Summary cards */
 .summary-card {
     border-radius: 18px;
     padding: 10px 16px;
     background: linear-gradient(145deg, #1f491e 0%, #5abd58 100%);
     box-shadow: 0 6px 16px rgba(15, 23, 42, 0.04);
     display: flex;
     flex-direction: column;
     gap: 4px;
 }

 .summary-icon {
     font-size: 1.4rem;
     margin-bottom: 4px;
 }

 .summary-label {
     font-size: 0.9rem;
     color: #ffffff;
 }

 .summary-value {
     font-size: 1.4rem;
     font-weight: 700;
 }

 .summary-balance .summary-value {
     color: #1dd872;
 }

 .summary-miles .summary-value {
     color: #1dd872;
 }

 .summary-freebets .summary-value {
     color: #ffb536;
 }

 /* Sections */
 .offers-section h5 {
     font-weight: 600;
 }

 /* Daily Gifts card */
 .daily-gift-card {
     background: #070a10;
     border-radius: 16px;
     padding: 12px 14px;
     display: flex;
     align-items: center;
     justify-content: space-between;
     box-shadow: 0 6px 16px rgba(15, 23, 42, 0.04);
 }

 .gift-game-icon {
     position: relative;
     width: 60px;
     height: 60px;
     flex-shrink: 0;
 }

 .gift-game-icon img {
     width: 100%;
     height: 100%;
     border-radius: 12px;
     object-fit: cover;
 }

 .gift-badge {
     position: absolute;
     bottom: -4px;
     right: -4px;
     background: #ef4444;
     color: #fff;
     font-size: 0.7rem;
     padding: 2px 6px;
     border-radius: 999px;
     font-weight: 600;
     border: 2px solid #ffffff;
 }

 .gift-title {
     font-weight: 600;
 }

 .gift-subtitle {
     font-size: 0.9rem;
     color: #64748b;
 }

 .gift-btn {
     border-radius: 10px;
     font-weight: 600;
     padding-inline: 10px;
 }

 /* Offer cards */
 .offer-card {
     background: #070a10;
     border-radius: 18px;
     padding: 14px 14px;
     box-shadow: 0 8px 18px rgba(22, 163, 74, 0.08);
 }

 .offer-card-alt {
     background-color: #070a10;
     box-shadow: 0 8px 18px rgba(37, 99, 235, 0.08);
 }

 .offer-body {
     display: flex;
     align-items: center;
     justify-content: space-between;
     gap: 12px;
 }

 .offer-title {
     font-weight: 700;
     font-size: 1rem;
 }

 .offer-title .highlight {
     color: #16a34a;
 }

 .offer-card-alt .highlight {
     color: #2563eb;
 }

 .offer-subtitle {
     font-size: 0.9rem;
     color: #475569;
     margin-bottom: 8px;
 }

 .offer-games {
     display: flex;
     gap: 8px;
     flex-wrap: wrap;
 }

 .offer-game-icon {
     position: relative;
     width: 55px;
     height: 55px;
     flex-shrink: 0;
 }

 .offer-game-icon img {
     width: 100%;
     height: 100%;
     border-radius: 12px;
     object-fit: cover;
 }

 .offer-game-badge {
     position: absolute;
     bottom: -4px;
     right: -4px;
     background: #f97316;
     color: #fff;
     font-size: 0.7rem;
     padding: 2px 6px;
     border-radius: 999px;
     font-weight: 600;
     border: 2px solid #ffffff;
 }

 .offer-action {
     flex-shrink: 0;
 }

 /* Mobile tweaks */
 @media (max-width: 576px) {
     .offer-body {
         flex-direction: column;
         align-items: stretch;
     }

     .offer-action {
         display: flex;
         justify-content: flex-end;
     }
 }