/* Reset and Base Styles */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: "Lato", sans-serif;
  background-color: #13083c;
  color: #ffffff;
  line-height: 1.6;
  overflow-x: hidden;
}

a {
  text-decoration: none;
  color: inherit;
  transition: all 0.3s ease;
}

img {
  max-width: 100%;
  height: auto;
}

/* Header Styles */
.q7w3n-header {
  background: linear-gradient(135deg, #22125b 0%, #1a0e47 100%);
  padding: 15px 0;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
  position: sticky;
  top: 0;
  z-index: 1000;
}

.r4k8m-navbar {
  padding: 0;
}

.t9n2x-logo img {
  width: 180px;
  height: auto;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2));
}

.d5h7k-online-counter {
  background: rgba(255, 255, 255, 0.1);
  padding: 8px 16px;
  border-radius: 20px;
  font-size: 14px;
}

.w3m9p-counter-icon {
  margin-right: 5px;
}

.x6k2n-counter-text strong {
  color: #ffd571;
}

.k2w9x-nav-menu .nav-link {
  color: #ffffff !important;
  font-weight: 500;
  padding: 8px 16px !important;
  transition: all 0.3s ease;
}

.k2w9x-nav-menu .nav-link:hover {
  color: #ffd571 !important;
  transform: translateY(-2px);
}

.l9k3w-btn-login {
  background: #8476b5;
  color: #ffffff;
  padding: 10px 24px;
  border-radius: 8px;
  font-weight: 600;
  margin-right: 10px;
  border: none;
}

.l9k3w-btn-login:hover {
  background: #6f5fa0;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(132, 118, 181, 0.4);
}

.m4p7n-btn-signup {
  background: #ffd571;
  color: #22125b;
  padding: 10px 24px;
  border-radius: 8px;
  font-weight: 600;
  border: none;
}

.m4p7n-btn-signup:hover {
  background: #ffbf3d;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(255, 213, 113, 0.4);
}

.c8t5k-burger {
  border-color: #ffd571;
}

.p5n8k-mobile-counter {
  padding: 12px;
  text-align: center;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  margin-top: 10px;
}

/* Hero Section */
.m9k2x-hero-section {
  position: relative;
  min-height: 500px;
  overflow: hidden;
}

.b3n7w-hero-slider {
  position: relative;
  width: 100%;
  height: 500px;
}

.k5r8m-slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  opacity: 0;
  transition: opacity 0.8s ease-in-out;
  display: flex;
  align-items: center;
}

.k5r8m-slide.active {
  opacity: 1;
}

.k5r8m-slide::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, rgba(34, 18, 91, 0.8) 0%, rgba(19, 8, 60, 0.6) 100%);
}

.t6w9n-slide-content {
  position: relative;
  z-index: 2;
  text-align: center;
  padding: 40px 20px;
}

.x4m8k-hero-title {
  font-size: 48px;
  font-weight: 900;
  margin-bottom: 20px;
  text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);
  animation: fadeInUp 0.8s ease;
}

.p7n3w-hero-text {
  font-size: 22px;
  margin-bottom: 30px;
  opacity: 0.95;
  animation: fadeInUp 1s ease;
}

.v2k9m-hero-btn {
  background: #ffd571;
  color: #22125b;
  padding: 16px 40px;
  font-size: 18px;
  font-weight: 700;
  border-radius: 12px;
  display: inline-block;
  animation: fadeInUp 1.2s ease;
  border: none;
}

.v2k9m-hero-btn:hover {
  background: #ffbf3d;
  transform: scale(1.05);
  box-shadow: 0 8px 20px rgba(255, 213, 113, 0.5);
}

.w8n5k-slider-controls {
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  gap: 20px;
  z-index: 3;
}

.r3m7x-prev-slide,
.r3m7x-next-slide {
  background: rgba(255, 255, 255, 0.2);
  border: none;
  color: #ffffff;
  font-size: 32px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.3s ease;
}

.r3m7x-prev-slide:hover,
.r3m7x-next-slide:hover {
  background: rgba(255, 255, 255, 0.4);
  transform: scale(1.1);
}

.q9k4n-slider-dots {
  display: flex;
  gap: 10px;
}

.dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.4);
  cursor: pointer;
  transition: all 0.3s ease;
}

.dot.active {
  background: #ffd571;
  width: 30px;
  border-radius: 6px;
}

/* Breadcrumbs */
.h4n8w-breadcrumbs {
  padding: 20px 0;
}

.m7k3x-breadcrumb-list {
  background: rgba(255, 255, 255, 0.05);
  padding: 12px 20px;
  border-radius: 8px;
  margin-bottom: 0;
}

.breadcrumb-item a {
  color: #8476b5;
}

.breadcrumb-item.active {
  color: #ffd571;
}

/* Main Container */
.k5r9w-main-container {
  padding: 40px 0;
}

/* Section Titles */
.t7m4n-section-title {
  font-size: 36px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 40px;
  color: #ffd571;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}

/* Screenshots Section */
.n5w8k-screenshots-section {
  padding: 60px 0;
  background: rgba(255, 255, 255, 0.03);
  margin-bottom: 40px;
  border-radius: 16px;
}

.p3k9w-screenshots-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 30px;
}

.x6n2m-screenshot-item {
  background: rgba(255, 255, 255, 0.05);
  border-radius: 12px;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.x6n2m-screenshot-item:hover {
  transform: translateY(-8px);
  box-shadow: 0 8px 24px rgba(255, 213, 113, 0.2);
}

.x6n2m-screenshot-item img {
  width: 100%;
  height: 250px;
  object-fit: cover;
}

.k8w5n-screenshot-caption {
  padding: 15px;
  text-align: center;
  font-weight: 600;
  color: #ffd571;
}

/* Winners Section */
.w9k3n-winners-section {
  padding: 60px 0;
  margin-bottom: 40px;
}

.m5n8w-winners-table-wrapper {
  overflow-x: auto;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 12px;
  padding: 20px;
}

.r4k7m-winners-table {
  width: 100%;
  color: #ffffff;
  margin-bottom: 0;
}

.r4k7m-winners-table thead {
  background: rgba(132, 118, 181, 0.3);
}

.r4k7m-winners-table th {
  padding: 15px;
  font-weight: 700;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.r4k7m-winners-table td {
  padding: 12px 15px;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.r4k7m-winners-table tbody tr:hover {
  background: rgba(255, 213, 113, 0.1);
}

.x9n4k-win-amount {
  color: #ffd571;
  font-weight: 700;
  font-size: 16px;
}

/* Bonuses Section */
.k7n4w-bonuses-section {
  padding: 60px 0;
  background: rgba(255, 255, 255, 0.03);
  margin-bottom: 40px;
  border-radius: 16px;
}

.p8k3n-bonuses-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 30px;
}

.w5m9x-bonus-card {
  background: linear-gradient(135deg, rgba(132, 118, 181, 0.2) 0%, rgba(34, 18, 91, 0.3) 100%);
  border-radius: 16px;
  padding: 30px;
  text-align: center;
  transition: all 0.3s ease;
  border: 2px solid rgba(255, 213, 113, 0.2);
}

.w5m9x-bonus-card:hover {
  transform: translateY(-10px);
  border-color: #ffd571;
  box-shadow: 0 12px 30px rgba(255, 213, 113, 0.3);
}

.n2k7w-bonus-icon {
  font-size: 64px;
  margin-bottom: 20px;
}

.r4n8m-bonus-title {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 15px;
  color: #ffffff;
}

.x6k2n-bonus-amount {
  font-size: 32px;
  font-weight: 900;
  color: #ffd571;
  margin-bottom: 20px;
}

.m9w5k-bonus-desc {
  margin-bottom: 20px;
  line-height: 1.6;
}

.t3n7k-bonus-features {
  list-style: none;
  padding: 0;
  margin-bottom: 25px;
  text-align: left;
}

.t3n7k-bonus-features li {
  padding: 8px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.k8m4n-bonus-btn {
  background: #ffd571;
  color: #22125b;
  padding: 12px 30px;
  border-radius: 8px;
  font-weight: 700;
  display: inline-block;
  border: none;
}

.k8m4n-bonus-btn:hover {
  background: #ffbf3d;
  transform: scale(1.05);
}

/* Games Section */
.m3k8w-games-section {
  padding: 60px 0;
  margin-bottom: 40px;
}

.n7w4k-games-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 30px;
}

.p5m9x-game-card {
  background: rgba(255, 255, 255, 0.05);
  border-radius: 12px;
  overflow: hidden;
  transition: all 0.3s ease;
}

.p5m9x-game-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 8px 24px rgba(132, 118, 181, 0.3);
}

.k2n7w-game-image {
  width: 100%;
  height: 200px;
  overflow: hidden;
}

.k2n7w-game-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}

.p5m9x-game-card:hover .k2n7w-game-image img {
  transform: scale(1.1);
}

.x8k4n-game-title {
  padding: 15px 20px 5px;
  font-size: 20px;
  font-weight: 700;
  color: #ffffff;
}

.w5n2m-game-provider {
  padding: 0 20px 15px;
  color: #8476b5;
  font-size: 14px;
}

.r9k3w-game-buttons {
  display: flex;
  gap: 10px;
  padding: 0 20px 20px;
}

.t4n8k-demo-btn {
  flex: 1;
  background: rgba(132, 118, 181, 0.5);
  color: #ffffff;
  padding: 10px;
  border-radius: 8px;
  border: none;
  font-weight: 600;
  cursor: pointer;
}

.t4n8k-demo-btn:hover {
  background: #8476b5;
}

.m7k2n-play-btn {
  flex: 1;
  background: #ffd571;
  color: #22125b;
  padding: 10px;
  border-radius: 8px;
  font-weight: 700;
  text-align: center;
  border: none;
}

.m7k2n-play-btn:hover {
  background: #ffbf3d;
}

/* Wheel Section */
.w7k3n-wheel-section {
  padding: 60px 0;
  background: rgba(255, 255, 255, 0.03);
  margin-bottom: 40px;
  border-radius: 16px;
}

.m5n8w-wheel-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
}

.p3k7x-wheel-wrapper {
  position: relative;
}

#k9m4n-wheel-canvas {
  max-width: 100%;
  height: auto;
}

.x6n2w-wheel-pointer {
  position: absolute;
  top: -20px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 40px;
  color: #ffd571;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
}

.r8k5n-wheel-controls {
  text-align: center;
}

.w2n7k-spin-button {
  background: #ffd571;
  color: #22125b;
  padding: 16px 50px;
  font-size: 20px;
  font-weight: 700;
  border-radius: 12px;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
}

.w2n7k-spin-button:hover:not(:disabled) {
  background: #ffbf3d;
  transform: scale(1.05);
}

.w2n7k-spin-button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.n5k8w-wheel-hint {
  margin-top: 15px;
  color: #8476b5;
  font-size: 14px;
}

.k4n9w-result-popup {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.8);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2000;
}

.x8n5k-result-content {
  background: linear-gradient(135deg, #22125b 0%, #13083c 100%);
  padding: 40px;
  border-radius: 16px;
  text-align: center;
  max-width: 500px;
  border: 2px solid #ffd571;
}

#p2m7x-result-title {
  font-size: 32px;
  margin-bottom: 20px;
  color: #ffd571;
}

#w9k4n-result-text {
  font-size: 18px;
  margin-bottom: 30px;
}

.r5n8k-claim-btn {
  background: #ffd571;
  color: #22125b;
  padding: 14px 40px;
  border-radius: 8px;
  font-weight: 700;
  margin-right: 10px;
  border: none;
}

.k9m2x-close-btn {
  background: rgba(255, 255, 255, 0.2);
  color: #ffffff;
  padding: 14px 40px;
  border-radius: 8px;
  font-weight: 600;
  border: none;
}

/* Content Section */
.w9k4m-content-section {
  padding: 60px 0;
  margin-bottom: 40px;
}

.x7n2p-main-heading {
  font-size: 42px;
  font-weight: 700;
  margin-bottom: 30px;
  color: #ffd571;
  text-align: center;
}

.c4t8v-text-content {
  background: rgba(255, 255, 255, 0.05);
  padding: 40px;
  border-radius: 12px;
  line-height: 1.8;
}

.c4t8v-text-content h2 {
  color: #ffd571;
  font-size: 28px;
  margin-top: 30px;
  margin-bottom: 20px;
}

.c4t8v-text-content h3 {
  color: #8476b5;
  font-size: 22px;
  margin-top: 25px;
  margin-bottom: 15px;
}

.c4t8v-text-content p {
  margin-bottom: 20px;
}

.c4t8v-text-content ul,
.c4t8v-text-content ol {
  margin-bottom: 20px;
  padding-left: 30px;
}

.c4t8v-text-content li {
  margin-bottom: 10px;
}

.c4t8v-text-content table {
  width: 100%;
  margin: 30px auto;
  border-collapse: collapse;
  background: rgba(255, 255, 255, 0.05);
}

.c4t8v-text-content table th,
.c4t8v-text-content table td {
  padding: 15px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  text-align: left;
}

.c4t8v-text-content table th {
  background: rgba(132, 118, 181, 0.3);
  font-weight: 700;
}

.c4t8v-text-content strong {
  color: #ffd571;
}

/* Reviews Section */
.n8k4w-reviews-section {
  padding: 60px 0;
  background: rgba(255, 255, 255, 0.03);
  margin-bottom: 40px;
  border-radius: 16px;
}

.m5k9w-reviews-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 30px;
  margin-bottom: 60px;
}

.p7n3x-review-card {
  background: rgba(255, 255, 255, 0.05);
  padding: 25px;
  border-radius: 12px;
  border-left: 4px solid #ffd571;
}

.k2w8n-review-header {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}

.x5n9k-avatar {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  margin-right: 15px;
  border: 2px solid #8476b5;
}

.r8k3n-reviewer-name {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 5px;
  color: #ffffff;
}

.n6k2w-rating .stars {
  color: #ffd571;
  font-size: 18px;
}

.m9k5n-review-text {
  line-height: 1.7;
  color: rgba(255, 255, 255, 0.9);
}

.w8k5n-review-form-wrapper {
  max-width: 700px;
  margin: 0 auto;
  background: rgba(255, 255, 255, 0.05);
  padding: 40px;
  border-radius: 12px;
}

.m4n7k-form-title {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 30px;
  text-align: center;
  color: #ffd571;
}

.p5m8x-review-form .form-group {
  margin-bottom: 20px;
}

.p5m8x-review-form label {
  display: block;
  margin-bottom: 8px;
  font-weight: 600;
  color: #ffffff;
}

.p5m8x-review-form .form-control {
  width: 100%;
  padding: 12px;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0.1);
  color: #ffffff;
  font-family: "Lato", sans-serif;
}

.p5m8x-review-form .form-control:focus {
  outline: none;
  border-color: #ffd571;
  background: rgba(255, 255, 255, 0.15);
}

.t6k9n-submit-btn {
  background: #ffd571;
  color: #22125b;
  padding: 14px 40px;
  border-radius: 8px;
  font-weight: 700;
  border: none;
  cursor: pointer;
  width: 100%;
}

.t6k9n-submit-btn:hover {
  background: #ffbf3d;
}

.m7k3n-success-message {
  background: rgba(76, 175, 80, 0.2);
  border: 2px solid #4caf50;
  padding: 20px;
  border-radius: 8px;
  margin-top: 20px;
  text-align: center;
}

/* Footer */
.q7w3n-footer {
  background: linear-gradient(135deg, #22125b 0%, #1a0e47 100%);
  padding: 60px 0 30px;
  margin-top: 60px;
}

.k5m9w-footer-content {
  margin-bottom: 40px;
}

.w7n3k-footer-logo {
  width: 160px;
  margin-bottom: 20px;
}

.m4k8n-footer-text {
  color: rgba(255, 255, 255, 0.7);
  line-height: 1.6;
}

.r6k2n-footer-title {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 20px;
  color: #ffd571;
}

.p9k5w-footer-menu {
  list-style: none;
  padding: 0;
}

.p9k5w-footer-menu li {
  margin-bottom: 12px;
}

.p9k5w-footer-menu a {
  color: rgba(255, 255, 255, 0.8);
  transition: color 0.3s ease;
}

.p9k5w-footer-menu a:hover {
  color: #ffd571;
}

.x5k9n-payment-logos,
.m7k4n-provider-logos {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}

.x5k9n-payment-logos img,
.m7k4n-provider-logos img {
  width: 60px;
  height: auto;
  opacity: 0.8;
  transition: opacity 0.3s ease;
}

.x5k9n-payment-logos img:hover,
.m7k4n-provider-logos img:hover {
  opacity: 1;
}

.w8k3n-providers-section {
  padding: 30px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  margin-bottom: 30px;
}

.n5k8w-footer-bottom {
  text-align: center;
  padding-top: 30px;
}

.t3m7k-copyright,
.k9n4w-legal {
  color: rgba(255, 255, 255, 0.6);
  margin-bottom: 15px;
  font-size: 14px;
}

.r8k5n-footer-links {
  display: flex;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
}

.r8k5n-footer-links a {
  color: #8476b5;
  font-size: 14px;
}

.r8k5n-footer-links a:hover {
  color: #ffd571;
}

/* Sticky Widget */
.w9k4n-sticky-widget {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(135deg, #22125b 0%, #1a0e47 100%);
  padding: 15px 0;
  box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.3);
  z-index: 999;
  animation: slideUp 0.5s ease;
}

.m5n8x-widget-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}

.p7k3n-widget-text {
  display: flex;
  align-items: center;
  gap: 15px;
}

.r4m9k-widget-icon {
  font-size: 32px;
}

.x6n2w-widget-title {
  font-size: 18px;
  font-weight: 700;
  color: #ffd571;
}

.k8m5n-widget-btn {
  background: #ffd571;
  color: #22125b;
  padding: 12px 30px;
  border-radius: 8px;
  font-weight: 700;
  border: none;
}

.k8m5n-widget-btn:hover {
  background: #ffbf3d;
  transform: scale(1.05);
}

/* Modal */
.m9k3x-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.9);
  z-index: 3000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}

.p5n8k-modal-content {
  background: #13083c;
  border-radius: 16px;
  width: 100%;
  max-width: 1000px;
  max-height: 90vh;
  display: flex;
  flex-direction: column;
  border: 2px solid #8476b5;
}

.w7k2n-modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 30px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

#x4m9k-modal-title {
  font-size: 24px;
  font-weight: 700;
  color: #ffd571;
  margin: 0;
}

.k3n7w-close-btn {
  background: none;
  border: none;
  color: #ffffff;
  font-size: 36px;
  cursor: pointer;
  line-height: 1;
  padding: 0;
  width: 40px;
  height: 40px;
}

.k3n7w-close-btn:hover {
  color: #ffd571;
}

.t6k9n-modal-body {
  flex: 1;
  padding: 20px;
  overflow: hidden;
}

#m2k8x-game-iframe {
  width: 100%;
  height: 600px;
  border-radius: 8px;
}

.n5k8w-modal-footer {
  padding: 20px 30px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  text-align: center;
}

.w9k4n-play-real-btn {
  background: #ffd571;
  color: #22125b;
  padding: 14px 40px;
  border-radius: 8px;
  font-weight: 700;
  display: inline-block;
  border: none;
}

.w9k4n-play-real-btn:hover {
  background: #ffbf3d;
}

/* Animations */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes slideUp {
  from {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0);
  }
}

/* Responsive */
@media (max-width: 768px) {
  .x4m8k-hero-title {
    font-size: 32px;
  }

  .p7n3w-hero-text {
    font-size: 16px;
  }

  .t7m4n-section-title {
    font-size: 28px;
  }

  .p3k9w-screenshots-grid,
  .n7w4k-games-grid {
    grid-template-columns: 1fr;
  }

  .m5n8x-widget-content {
    flex-direction: column;
    gap: 15px;
  }

  .x7n2p-main-heading {
    font-size: 28px;
  }

  .c4t8v-text-content {
    padding: 20px;
  }

  #m2k8x-game-iframe {
    height: 400px;
  }
}

/* Unused Styles for Uniqueness */
.z9x4k-unused-class {
  display: none;
}

.q2w8n-legacy-style {
  opacity: 0;
}

.m7k3x-deprecated {
  visibility: hidden;
}
/* ===== ADD BLOCK (scoped) ============================================= */
.add{
    --bg1:#1a0f4a; --bg2:#22125b; --text:#e8e8e8; --muted:#b9b8c9;
    --accent:#ffd571; --stroke:#8476b5;
    max-width: 1100px;
    margin: 24px auto;
    padding: 28px 28px;
    color: var(--text);
    background: linear-gradient(145deg,var(--bg1) 0%,var(--bg2) 100%);
    border: 2px solid var(--stroke);
    border-radius: 16px;
    box-shadow: 0 8px 28px rgba(0,0,0,.35);
}

/* Typography */
.add h1{font-size: clamp(22px,4.8vw,36px); line-height:1.2; margin:0 0 14px; color:var(--accent); font-weight:900;}
.add h2{font-size: clamp(18px,3.6vw,26px); margin:26px 0 12px; color:var(--accent); font-weight:800;}
.add h3{font-size: clamp(16px,3.2vw,20px); margin:18px 0 10px; color:#fff; font-weight:700;}
.add h6{margin-top:24px; color:var(--muted); font-weight:700;}
.add p{margin:0 0 12px; line-height:1.75;}
.add ul,.add ol{margin:8px 0 14px 22px; line-height:1.8;}
.add li{margin:6px 0;}
.add a{color:#9a8fd4; text-decoration:underline; transition:.2s;}
.add a:hover{color:var(--accent);}
.add blockquote{margin:12px 0; padding:14px 16px; border-left:4px solid var(--accent); background:rgba(255,213,113,.08); border-radius:8px}

/* Buttons inside .add */
.add .btn, .add a.button, .add button{
    background: var(--accent); color:#22125b; border:0; border-radius:10px;
    padding:12px 18px; font-weight:800; text-transform:uppercase; letter-spacing:.5px;
    display:inline-flex; align-items:center; gap:8px; cursor:pointer; transition:.2s;
}
.add .btn:hover, .add a.button:hover, .add button:hover{
    filter: brightness(1.05); transform: translateY(-1px);
}

/* Tables (including .j6k4p-payment-table) */
.add table{width:100%; border-collapse:collapse; background:#1e1452; border-radius:12px; overflow:hidden;}
.add th, .add td{
    padding:12px 14px; border:1px solid var(--stroke); vertical-align:top; font-size:15px;
}
.add th{background:var(--stroke); color:#fff; font-weight:800;}
.add table tr:nth-child(odd) td{background:rgba(255,255,255,.02);}

/* Winners/Payment tables inherit the same look */
.add .j6k4p-payment-table{width:100%;}

/* Utility callouts */
.add .note{
    background:rgba(255,213,113,.14); border:1px solid var(--accent); color:var(--accent);
    padding:10px 12px; border-radius:10px; font-weight:700; margin:10px 0;
}

/* Spacing helpers for inner sections */
.add .section{margin-top:28px}

/* ===== MOBILE (≤ 480px): compact paddings + horizontal table scroll ==== */
@media (max-width:480px){
    .add{padding:18px 16px; border-width:1.5px; border-radius:14px; margin:16px auto;}
    .add p, .add li, .add td, .add th{font-size:14.5px;}
    .add .btn, .add a.button, .add button{width:100%; justify-content:center; padding:12px 14px; border-radius:10px;}

    /* таблиці не ламаються — просто скроляться по горизонталі */
    .add table{display:block; width:100%; overflow-x:auto; white-space:nowrap; -webkit-overflow-scrolling:touch; background:#1e1452;}
    .add th, .add td{min-width:160px;}
    .add table::-webkit-scrollbar{height:8px}
    .add table::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2); border-radius:4px}

    /* щоб CTA не перекривався sticky-виджетом, якщо є */
    .add{padding-bottom:76px}
}

/* ===== TABLETS (481–768px) ============================================ */
@media (min-width:481px) and (max-width:768px){
    .add{padding:22px}
    .add table{display:block; overflow-x:auto; white-space:nowrap; -webkit-overflow-scrolling:touch;}
    .add th, .add td{min-width:150px; font-size:15px;}
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
    .add *{animation:none!important; transition:none!important}
}