/* Advanced Glass Table */

 .glass-table-wrapper {

  background: rgba(255,255,255,0.02);

  backdrop-filter: blur(20px);

  border: 1px solid rgba(255,255,255,0.05);

  border-radius: 24px;

  padding: 2px;

  box-shadow: 0 20px 50px rgba(0,0,0,0.3);

  overflow: hidden;

 }

 .glass-table { width: 100%; border-collapse: collapse; }

 .glass-table tr { border-bottom: 1px solid rgba(255,255,255,0.03); transition: background 0.3s; }

 .glass-table tr:hover { background: rgba(245,197,24,0.05); }

 .glass-table tr:last-child { border-bottom: none; }

 .glass-table td { padding: 18px 24px; color: var(--text-muted); font-size: 0.95rem; }

 .glass-table td:first-child { width: 35%; color: var(--gold); font-weight: 700; font-family: 'Outfit', sans-serif; font-size: 1.05rem; }

 

 @media(max-width: 600px){

  .glass-table td { display: block; width: 100% !important; padding: 12px 20px; }

  .glass-table td:first-child { padding-bottom: 4px; border-bottom: none; font-size: 0.9rem; }

  .glass-table td:last-child { padding-top: 0; padding-bottom: 16px; border-bottom: 1px solid rgba(255,255,255,0.05) }

  .glass-table tr:last-child td:last-child { border-bottom: none; }

 }



 /* Fancy Numbered Steps */

 .num-step-box {

  display: flex;

  gap: 20px;

  background: rgba(255,255,255,0.02);

  border: 1px solid rgba(255,255,255,0.04);

  border-radius: 16px;

  padding: 20px;

  margin-bottom: 16px;

  transition: all 0.3s;

  align-items:flex-start;

 }

 .num-step-box:hover {

  border-color: rgba(245,197,24,0.2);

  background: rgba(245,197,24,0.02);

  transform: translateX(10px);

 }

 .ns-num {

  flex-shrink: 0;

  width: 45px;

  height: 45px;

  background: var(--gradient-gold);

  color: #000;

  border-radius: 12px;

  display: flex;

  align-items: center;

  justify-content: center;

  font-size: 1.3rem;

  font-weight: 900;

  font-family: 'Outfit', sans-serif;

  box-shadow: 0 10px 20px rgba(245,197,24,0.3);

 }

 .ns-content h3 { font-size: 1.1rem; margin-bottom: 8px; color: #FFF; }

 .ns-content p { color: var(--text-muted); font-size: 0.9rem; line-height: 1.6; }



 /* Linked Sport Cards */

 .linked-sport-card {

  display: block;

  background: rgba(16, 16, 24, 0.6);

  backdrop-filter: blur(12px);

  border: 1px solid rgba(255,255,255,0.05);

  border-radius: 20px;

  padding: 30px;

  text-decoration: none;

  position: relative;

  overflow: hidden;

  transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);

  transform-style: preserve-3d;

 }

 .linked-sport-card::after {

  content: '→';

  position: absolute;

  bottom: 30px; right: 30px;

  font-size: 1.5rem;

  color: var(--gold);

  opacity: 0;

  transform: translateX(-10px);

  transition: all 0.4s;

 }

 .linked-sport-card:hover {

  transform: translateY(-10px);

  border-color: rgba(245,197,24,0.4);

  box-shadow: 0 15px 40px rgba(245,197,24,0.15);

  background: rgba(20, 20, 30, 0.8);

 }

 .linked-sport-card:hover::after {

  opacity: 1;

  transform: translateX(0);

 }

 .linked-sport-img {

  width: 100%;

  height: 180px;

  object-fit: cover;

  border-radius: 12px;

  margin-bottom: 20px;

  border: 1px solid rgba(255,255,255,0.05);

  transition: transform 0.5s;

 }

 .linked-sport-card:hover .linked-sport-img {

  transform: scale(1.05);

 }

 .linked-sport-title { font-family: 'Outfit', sans-serif; font-size: 1.5rem; color: #FFF; font-weight: 800; margin-bottom: 10px; }

 .linked-sport-desc { color: var(--text-muted); font-size: 0.9rem; line-height: 1.6; padding-right: 20px; }



 /* Bonus Grid */

 .bonus-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 24px; margin-top: 32px; }

 .bonus-card {

  background: linear-gradient(135deg, rgba(245,197,24,0.04), rgba(255,255,255,0.01));

  border: 1px solid rgba(245,197,24,0.1);

  border-radius: 16px;

  padding: 28px;

  text-align: center;

  transition: all 0.4s var(--ease);

 }

 .bonus-card:hover { border-color: rgba(245,197,24,0.4); transform: translateY(-5px); box-shadow: 0 15px 35px rgba(245,197,24,0.1); }

 .bonus-card h3 { font-size: 1.1rem; color: var(--gold); margin-bottom: 12px; }

 .bonus-card p { font-size: 0.9rem; color: var(--text-muted); line-height: 1.6; }



 /* FAQ Styles */

 .faq-container { max-width: 900px; margin: 40px auto 0; }

 .faq-item {

  border: 1px solid rgba(255,255,255,0.06);

  border-radius: 12px;

  margin-bottom: 12px;

  overflow: hidden;

  background: rgba(0,0,0,0.2);

  transition: all 0.3s;

 }

 .faq-item:hover { border-color: rgba(245,197,24,0.2); }

 .faq-q {

  padding: 18px 24px;

  font-family: 'Outfit', sans-serif;

  font-size: 1rem;

  font-weight: 600;

  color: #FFF;

  cursor: pointer;

  display: flex;

  justify-content: space-between;

  align-items: center;

 }

 .faq-q::after {

  content: '+';

  font-size: 1.5rem;

  color: var(--gold);

  transition: transform 0.3s;

 }

 .faq-item.active .faq-q::after { transform: rotate(45deg); }

 .faq-a {

  max-height: 0;

  overflow: hidden;

  padding: 0 24px;

  transition: all 0.4s ease;

 }

 .faq-item.active .faq-a { max-height: 300px; padding: 0 24px 20px; }

 .faq-a p { color: var(--text-muted); font-size: 0.95rem; line-height: 1.7; }