/* spade theme — generated by scripts/build-theme-spade46.mjs; do not edit by hand */
.src-onl{
  --purple:var(--b-accent);
  --pink:var(--b-primary);
  --bg-dark:var(--b-bg);
  --bg-card:var(--b-surface);
  --bg-card2:var(--b-surface2);
  --text-light:var(--b-text);
  --text-muted:var(--b-muted);
  --border-glow:color-mix(in srgb,var(--b-accent) 45%,transparent);
}
.src-onl *,.src-onl *::before,.src-onl *::after{ box-sizing: border-box; }
.src-onl{
  background-color: var(--bg-dark);
  color: var(--text-light);
  font-family: 'Nunito', sans-serif;
  font-size: 1rem;
  line-height: 1.8;
}
.src-onl a{ color: var(--pink); text-decoration: none; }
.src-onl a:hover{ color: var(--b-primary); text-decoration: underline; }
.src-onl .navbar{
  background: color-mix(in srgb,var(--b-bg) 97%,transparent);
  border-bottom: 1px solid var(--border-glow);
  padding: 0.6rem 1rem;
}
.src-onl .navbar-brand img{
  height: 44px;
  width: auto;
  max-width: calc(100vw - 108px);
  object-fit: contain;
  display: block;
}
.src-onl .navbar-toggler{ border-color: var(--purple); flex-shrink: 0; }
.src-onl .navbar-toggler-icon{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='%23ec4899' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
.src-onl .nav-link{
  color: var(--text-light) !important;
  font-weight: 600;
  font-size: 0.875rem;
  padding: 0.45rem 0.75rem !important;
  border-radius: 6px;
  transition: background 0.2s, color 0.2s;
}
.src-onl .nav-link:hover,.src-onl .nav-link.active{
  background: linear-gradient(135deg, var(--purple), var(--pink));
  color: #fff !important;
}
.src-onl .btn-nav-register{
  background: linear-gradient(135deg, var(--purple), var(--pink));
  color: #fff !important;
  border-radius: 8px;
  font-weight: 700;
  padding: 0.45rem 1.1rem !important;
  margin-left: 6px;
}
.src-onl .btn-nav-register:hover{ opacity: 0.88; }
.src-onl .breadcrumb-wrap{
  background: color-mix(in srgb,var(--b-accent) 8%,transparent);
  border-bottom: 1px solid color-mix(in srgb,var(--b-accent) 20%,transparent);
  padding: 0.65rem 0;
}
.src-onl .breadcrumb{ margin: 0; background: transparent; padding: 0; }
.src-onl .breadcrumb-item a{ color: var(--pink); font-size: 0.85rem; }
.src-onl .breadcrumb-item.active{ color: var(--text-muted); font-size: 0.85rem; }
.src-onl .breadcrumb-item + .breadcrumb-item::before{ color: var(--text-muted); }
.src-onl .page-hero{
  background: linear-gradient(135deg, var(--b-bg) 0%, var(--b-surface2) 55%, var(--b-surface) 100%);
  padding: 72px 0 56px;
  position: relative;
  overflow: hidden;
}
.src-onl .page-hero::before{
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse at 75% 15%, color-mix(in srgb,var(--b-primary) 14%,transparent) 0%, transparent 55%),
    radial-gradient(ellipse at 15% 90%, color-mix(in srgb,var(--b-accent) 18%,transparent) 0%, transparent 55%);
  pointer-events: none;
}
.src-onl .hero-badge{
  display: inline-block;
  background: linear-gradient(90deg, var(--purple), var(--pink));
  color: #fff;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  padding: 4px 14px;
  border-radius: 20px;
  margin-bottom: 1rem;
}
.src-onl .page-hero h1{
  font-size: clamp(1.5rem, 3.5vw, 2.6rem);
  font-weight: 900;
  background: linear-gradient(135deg, color-mix(in srgb,var(--b-accent) 45%,#fff), var(--b-primary), color-mix(in srgb,var(--b-primary) 55%,#fff));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  line-height: 1.25;
  margin-bottom: 1rem;
}
.src-onl .page-hero p.lead{ color: #cbd5e1; font-size: 1rem; max-width: 640px; }
.src-onl section{ padding: 64px 0; }
.src-onl .section-title{
  font-size: clamp(1.3rem, 2.8vw, 1.9rem);
  font-weight: 900;
  background: linear-gradient(135deg, color-mix(in srgb,var(--b-accent) 45%,#fff), var(--pink));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  margin-bottom: 0.4rem;
}
.src-onl .section-subtitle{ color: var(--text-muted); font-size: 0.95rem; margin-bottom: 2rem; }
.src-onl .divider-glow{
  width: 56px; height: 4px;
  background: linear-gradient(90deg, var(--purple), var(--pink));
  border-radius: 4px;
  margin: 0.5rem 0 1.5rem;
}
.src-onl .text-gradient{
  background: linear-gradient(135deg, color-mix(in srgb,var(--b-accent) 45%,#fff), var(--pink));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.src-onl .stat-box{
  background: var(--bg-card2);
  border: 1px solid color-mix(in srgb,var(--b-accent) 28%,transparent);
  border-radius: 14px;
  padding: 1.5rem 1rem;
  text-align: center;
}
.src-onl .stat-val{
  font-size: clamp(1.8rem, 4vw, 2.4rem);
  font-weight: 900;
  background: linear-gradient(135deg, color-mix(in srgb,var(--b-accent) 45%,#fff), var(--pink));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  line-height: 1.1;
}
.src-onl .stat-box p{ color: var(--text-muted); font-size: 0.85rem; margin: 0.4rem 0 0; }
.src-onl .feature-card{
  background: var(--bg-card);
  border: 1px solid color-mix(in srgb,var(--b-accent) 22%,transparent);
  border-radius: 16px;
  padding: 1.75rem 1.5rem;
  transition: border-color 0.22s, box-shadow 0.22s, transform 0.22s;
}
.src-onl .feature-card:hover{
  border-color: var(--pink);
  box-shadow: 0 8px 32px color-mix(in srgb,var(--b-primary) 14%,transparent);
  transform: translateY(-5px);
}
.src-onl .feature-icon{
  width: 56px; height: 56px; border-radius: 14px;
  background: linear-gradient(135deg, var(--purple), var(--pink));
  display: flex; align-items: center; justify-content: center;
  font-size: 1.5rem; color: #fff; margin-bottom: 1.1rem;
  flex-shrink: 0;
}
.src-onl .feature-card h3{ font-weight: 800; color: #e2e8f0; font-size: 1.05rem; margin-bottom: 0.5rem; }
.src-onl .feature-card p{ color: var(--text-muted); font-size: 0.875rem; margin: 0; }
.src-onl .value-card{
  background: var(--bg-card2);
  border: 1px solid color-mix(in srgb,var(--b-accent) 20%,transparent);
  border-radius: 14px;
  padding: 1.5rem;
  transition: border-color 0.2s, box-shadow 0.2s;
}
.src-onl .value-card:hover{ border-color: var(--pink); box-shadow: 0 0 24px color-mix(in srgb,var(--b-primary) 10%,transparent); }
.src-onl .value-num{
  font-size: 2rem; font-weight: 900;
  background: linear-gradient(135deg, color-mix(in srgb,var(--b-accent) 45%,#fff), var(--pink));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  line-height: 1;
  margin-bottom: 0.5rem;
}
.src-onl .value-card h4{ font-weight: 800; color: #e2e8f0; font-size: 0.95rem; margin-bottom: 0.4rem; }
.src-onl .value-card p{ color: var(--text-muted); font-size: 0.85rem; margin: 0; }
.src-onl .neon-card{
  background: var(--bg-card);
  border: 1px solid color-mix(in srgb,var(--b-accent) 28%,transparent);
  border-radius: 14px;
  padding: 1.5rem;
}
.src-onl .neon-card h5{ font-weight: 700; color: #e2e8f0; font-size: 1rem; margin-bottom: 0.75rem; }
.src-onl .timeline{ position: relative; padding-left: 2rem; }
.src-onl .timeline::before{
  content: '';
  position: absolute;
  left: 0.55rem; top: 0; bottom: 0; width: 2px;
  background: linear-gradient(180deg, var(--purple), var(--pink));
  border-radius: 2px;
}
.src-onl .tl-item{ position: relative; margin-bottom: 2rem; }
.src-onl .tl-item:last-child{ margin-bottom: 0; }
.src-onl .tl-dot{
  position: absolute;
  left: -1.68rem; top: 0.3rem;
  width: 14px; height: 14px; border-radius: 50%;
  background: linear-gradient(135deg, var(--purple), var(--pink));
  border: 2px solid var(--bg-dark);
}
.src-onl .tl-year{
  font-size: 0.75rem; font-weight: 700;
  color: var(--pink);
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 0.25rem;
}
.src-onl .tl-title{ font-weight: 800; color: #e2e8f0; font-size: 0.95rem; margin-bottom: 0.3rem; }
.src-onl .tl-body{ color: var(--text-muted); font-size: 0.85rem; margin: 0; }
.src-onl .team-card{
  background: var(--bg-card);
  border: 1px solid color-mix(in srgb,var(--b-accent) 22%,transparent);
  border-radius: 14px;
  padding: 1.5rem 1rem;
  text-align: center;
  transition: border-color 0.2s, transform 0.2s, box-shadow 0.2s;
}
.src-onl .team-card:hover{
  border-color: var(--pink);
  transform: translateY(-4px);
  box-shadow: 0 8px 28px color-mix(in srgb,var(--b-primary) 13%,transparent);
}
.src-onl .team-avatar{
  width: 72px; height: 72px; border-radius: 50%;
  background: linear-gradient(135deg, var(--purple), var(--pink));
  display: flex; align-items: center; justify-content: center;
  font-size: 1.8rem; color: #fff;
  margin: 0 auto 1rem;
}
.src-onl .team-card h5{ font-weight: 800; color: #e2e8f0; font-size: 0.95rem; margin-bottom: 0.25rem; }
.src-onl .team-card p{ color: var(--text-muted); font-size: 0.8rem; margin: 0; }
.src-onl .team-badge{
  display: inline-block;
  background: color-mix(in srgb,var(--b-accent) 20%,transparent);
  color: color-mix(in srgb,var(--b-accent) 45%,#fff);
  font-size: 0.7rem; font-weight: 700;
  padding: 2px 10px; border-radius: 10px;
  margin-top: 0.5rem;
}
.src-onl .cert-card{
  background: var(--bg-card2);
  border: 1px solid color-mix(in srgb,var(--b-accent) 25%,transparent);
  border-radius: 12px;
  padding: 1.2rem;
  text-align: center;
  transition: border-color 0.2s, box-shadow 0.2s;
}
.src-onl .cert-card:hover{ border-color: var(--pink); box-shadow: 0 0 20px color-mix(in srgb,var(--b-primary) 10%,transparent); }
.src-onl .cert-icon{ font-size: 2rem; margin-bottom: 0.6rem; display: block; }
.src-onl .cert-card h6{ font-weight: 800; color: #e2e8f0; font-size: 0.85rem; margin-bottom: 0.3rem; }
.src-onl .cert-card p{ color: var(--text-muted); font-size: 0.78rem; margin: 0; }
.src-onl .notice-box{
  background: color-mix(in srgb,var(--b-accent) 8%,transparent);
  border: 1px solid color-mix(in srgb,var(--b-accent) 32%,transparent);
  border-radius: 12px;
  padding: 1.1rem 1.4rem;
}
.src-onl .notice-box p{ color: #cbd5e1; font-size: 0.875rem; margin: 0; }
.src-onl .btn-primary-glow{
  background: linear-gradient(135deg, var(--purple), var(--pink));
  color: #fff; font-weight: 700;
  border-radius: 10px;
  padding: 0.75rem 2rem;
  font-size: 1rem;
  display: inline-block;
  transition: opacity 0.2s, transform 0.2s;
}
.src-onl .btn-primary-glow:hover{ opacity: 0.88; transform: translateY(-2px); color: #fff; text-decoration: none; }
.src-onl .btn-outline-glow{
  background: transparent;
  color: color-mix(in srgb,var(--b-accent) 45%,#fff); font-weight: 700;
  border-radius: 10px;
  padding: 0.75rem 2rem;
  font-size: 1rem;
  border: 2px solid var(--purple);
  display: inline-block;
  transition: background 0.2s, color 0.2s;
}
.src-onl .btn-outline-glow:hover{ background: var(--purple); color: #fff; text-decoration: none; }
.src-onl footer{
  background: var(--b-bg);
  border-top: 1px solid color-mix(in srgb,var(--b-accent) 30%,transparent);
  padding: 3rem 0 1.5rem;
}
.src-onl footer .footer-logo img{
  height: 42px; width: auto;
  object-fit: contain; display: block;
  margin-bottom: 0.75rem;
}
.src-onl footer p.footer-desc{ color: var(--text-muted); font-size: 0.85rem; max-width: 260px; }
.src-onl footer h6{
  font-weight: 700; color: color-mix(in srgb,var(--b-accent) 45%,#fff);
  font-size: 0.8rem; letter-spacing: 1px;
  text-transform: uppercase; margin-bottom: 1rem;
}
.src-onl footer ul{ list-style: none; padding: 0; margin: 0; }
.src-onl footer ul li{ margin-bottom: 0.5rem; }
.src-onl footer ul li a{ color: var(--text-muted); font-size: 0.875rem; transition: color 0.2s; }
.src-onl footer ul li a:hover{ color: var(--pink); }
.src-onl .footer-bottom{
  border-top: 1px solid color-mix(in srgb,var(--b-accent) 15%,transparent);
  margin-top: 2rem; padding-top: 1.25rem; text-align: center;
}
.src-onl .footer-bottom p{ color: var(--text-muted); font-size: 0.8rem; margin: 0; }
@media (max-width: 575.98px){.src-onl section{ padding: 44px 0; }.src-onl .page-hero{ padding: 44px 0 32px; }}
.src-onl .navbar > .container,.src-onl .navbar > .container-fluid{
  flex-wrap: wrap !important;
  min-width: 0;
}
.src-onl .navbar-brand{
  display: flex !important;
  align-items: center !important;
  min-width: 0 !important;
  width: auto !important;
  flex: 0 1 auto !important;
  max-width: calc(100% - 64px) !important;
  margin-right: 8px !important;
  white-space: nowrap;
}
.src-onl .navbar-brand img{
  display: block !important;
  width: auto !important;
  height: auto !important;
  max-width: min(260px, 100%) !important;
  max-height: 44px !important;
  object-fit: contain !important;
}
.src-onl .navbar-toggler{
  flex: 0 0 auto !important;
  margin-left: auto !important;
  white-space: nowrap;
}
@media (max-width: 576px){.src-onl .navbar > .container,.src-onl .navbar > .container-fluid{
    flex-wrap: wrap !important;
    min-width: 0;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }.src-onl .navbar-brand{
    flex: 0 1 auto !important;
    max-width: calc(100vw - 108px) !important;
    margin-right: 8px !important;
    min-width: 0 !important;
  }.src-onl .navbar-brand img{
    width: auto !important;
    height: auto !important;
    max-width: calc(100vw - 108px) !important;
    max-height: 42px !important;
    object-fit: contain !important;
  }.src-onl .navbar > .container > .navbar-collapse,.src-onl .navbar > .container-fluid > .navbar-collapse{
    flex-basis: 100% !important;
    width: 100% !important;
  }}
.src-onl footer .footer-brand img,.src-onl footer .footer-logo img,.src-onl footer img[src*="logo" i],.src-onl footer img[alt*="logo" i],.src-onl footer img[class*="brand-logo" i],.src-onl footer img[class*="footer-logo" i]{
  filter: none !important;
  -webkit-filter: none !important;
  opacity: 1 !important;
  mix-blend-mode: normal !important;
  display: inline-block !important;
  width: auto !important;
  height: auto !important;
  max-width: min(180px, 100%) !important;
  max-height: 44px !important;
  object-fit: contain !important;
  vertical-align: middle !important;
}
.src-onl{
    --purple:var(--b-accent);
    --pink:var(--b-primary);
    --bg-dark:var(--b-bg);
    --bg-card:var(--b-surface);
    --bg-card2:var(--b-surface2);
    --text-light:var(--b-text);
    --text-muted:var(--b-muted);
    --border-glow:color-mix(in srgb,var(--b-accent) 45%,transparent);
  }
.src-onl{
    background-color: var(--bg-dark);
    color: var(--text-light);
    font-family: 'Nunito', sans-serif;
    font-size: 1rem;
    line-height: 1.75;
  }
.src-onl .navbar{
    background: color-mix(in srgb,var(--b-bg) 97%,transparent);
    border-bottom: 1px solid var(--border-glow);
    padding: 0.6rem 1rem;
  }
.src-onl .navbar-brand img{
    height: 44px;
    width: auto;
    max-width: calc(100vw - 108px);
    object-fit: contain;
    display: block;
  }
.src-onl .navbar-toggler-icon{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='%23ec4899' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
  }
.src-onl .nav-link{
    color: var(--text-light) !important;
    font-weight: 600;
    font-size: 0.875rem;
    padding: 0.45rem 0.75rem !important;
    border-radius: 6px;
    transition: background 0.2s, color 0.2s;
  }
.src-onl .nav-link:hover,.src-onl .nav-link.active{
    background: linear-gradient(135deg, var(--purple), var(--pink));
    color: #fff !important;
  }
.src-onl .btn-nav-register{
    background: linear-gradient(135deg, var(--purple), var(--pink));
    color: #fff !important;
    border-radius: 8px;
    font-weight: 700;
    padding: 0.45rem 1.1rem !important;
    margin-left: 6px;
  }
.src-onl .breadcrumb-wrap{
    background: color-mix(in srgb,var(--b-accent) 8%,transparent);
    border-bottom: 1px solid color-mix(in srgb,var(--b-accent) 20%,transparent);
    padding: 0.65rem 0;
  }
.src-onl .page-hero{
    background: linear-gradient(135deg, var(--b-bg) 0%, var(--b-surface2) 55%, var(--b-surface) 100%);
    padding: 60px 0 44px;
    position: relative;
    overflow: hidden;
  }
.src-onl .page-hero::before{
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse at 75% 35%, color-mix(in srgb,var(--b-primary) 14%,transparent) 0%, transparent 60%),
                radial-gradient(ellipse at 15% 75%, color-mix(in srgb,var(--b-accent) 18%,transparent) 0%, transparent 55%);
    pointer-events: none;
  }
.src-onl .hero-badge{
    display: inline-block;
    background: linear-gradient(90deg, var(--purple), var(--pink));
    color: #fff;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    padding: 4px 14px;
    border-radius: 20px;
    margin-bottom: 1rem;
  }
.src-onl .page-hero h1{
    font-size: clamp(1.5rem, 3.5vw, 2.6rem);
    font-weight: 900;
    background: linear-gradient(135deg, color-mix(in srgb,var(--b-accent) 45%,#fff), var(--b-primary), color-mix(in srgb,var(--b-primary) 55%,#fff));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    line-height: 1.25;
    margin-bottom: 1rem;
  }
.src-onl .page-hero p.lead{ color: #cbd5e1; font-size: 1rem; max-width: 580px; }
.src-onl .section-title{
    font-size: clamp(1.3rem, 2.8vw, 1.9rem);
    font-weight: 900;
    background: linear-gradient(135deg, color-mix(in srgb,var(--b-accent) 45%,#fff), var(--pink));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin-bottom: 0.4rem;
  }
.src-onl .divider-glow{
    width: 56px; height: 4px;
    background: linear-gradient(90deg, var(--purple), var(--pink));
    border-radius: 4px;
    margin: 0.5rem 0 1.5rem;
  }
.src-onl .text-gradient{
    background: linear-gradient(135deg, color-mix(in srgb,var(--b-accent) 45%,#fff), var(--pink));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
  }
.src-onl .bingo-grid{
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 6px;
    max-width: 300px;
    margin: 0 auto;
  }
.src-onl .bingo-cell{
    background: var(--bg-card2);
    border: 1px solid color-mix(in srgb,var(--b-accent) 40%,transparent);
    border-radius: 8px;
    aspect-ratio: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 900;
    font-size: 1rem;
    color: color-mix(in srgb,var(--b-accent) 45%,#fff);
    transition: background 0.2s, border-color 0.2s;
  }
.src-onl .bingo-cell.header-cell{
    background: linear-gradient(135deg, var(--purple), var(--pink));
    color: #fff;
    font-size: 1.1rem;
    border-color: transparent;
  }
.src-onl .bingo-cell.marked{
    background: linear-gradient(135deg, color-mix(in srgb,var(--b-accent) 50%,transparent), color-mix(in srgb,var(--b-primary) 50%,transparent));
    border-color: var(--pink);
    color: #fff;
  }
.src-onl .bingo-cell.free{
    background: linear-gradient(135deg, var(--purple), var(--pink));
    color: #fff;
    font-size: 0.65rem;
    font-weight: 900;
    letter-spacing: 0.5px;
  }
.src-onl .game-card{
    background: var(--bg-card);
    border: 1px solid color-mix(in srgb,var(--b-accent) 28%,transparent);
    border-radius: 16px;
    overflow: hidden;
    transition: border-color 0.25s, transform 0.25s, box-shadow 0.25s;
  }
.src-onl .game-card:hover{
    border-color: var(--pink);
    transform: translateY(-5px);
    box-shadow: 0 10px 32px color-mix(in srgb,var(--b-primary) 18%,transparent);
  }
.src-onl .game-card-header{
    padding: 1.2rem 1.4rem 1rem;
    position: relative;
  }
.src-onl .game-card-header .game-icon{
    font-size: 2.5rem;
    display: block;
    margin-bottom: 0.5rem;
  }
.src-onl .game-card-header h4{
    font-weight: 900;
    font-size: 1.1rem;
    margin: 0 0 0.3rem;
  }
.src-onl .game-card-header p{
    color: var(--text-muted);
    font-size: 0.82rem;
    margin: 0;
  }
.src-onl .game-card-body{ padding: 1rem 1.4rem 1.4rem; border-top: 1px solid color-mix(in srgb,var(--b-accent) 15%,transparent); }
.src-onl .stat-row{ display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.5rem; }
.src-onl .stat-row span:first-child{ color: var(--text-muted); font-size: 0.8rem; }
.src-onl .stat-row span:last-child{ color: #e2e8f0; font-weight: 700; font-size: 0.85rem; }
.src-onl .feature-card{
    background: var(--bg-card);
    border: 1px solid color-mix(in srgb,var(--b-accent) 22%,transparent);
    border-radius: 14px;
    padding: 1.5rem;
    transition: border-color 0.2s, box-shadow 0.2s;
  }
.src-onl .feature-card:hover{ border-color: var(--pink); box-shadow: 0 0 20px color-mix(in srgb,var(--b-primary) 12%,transparent); }
.src-onl .feature-icon{
    width: 52px; height: 52px; border-radius: 12px;
    background: linear-gradient(135deg, var(--purple), var(--pink));
    display: flex; align-items: center; justify-content: center;
    font-size: 1.4rem; color: #fff;
    margin-bottom: 1rem;
  }
.src-onl .feature-card h5{ font-weight: 800; color: #e2e8f0; font-size: 1rem; margin-bottom: 0.4rem; }
.src-onl .neon-card{
    background: var(--bg-card);
    border: 1px solid color-mix(in srgb,var(--b-accent) 30%,transparent);
    border-radius: 14px;
    padding: 1.5rem;
    transition: border-color 0.2s, box-shadow 0.2s;
  }
.src-onl .neon-card:hover{ border-color: var(--pink); box-shadow: 0 0 18px color-mix(in srgb,var(--b-primary) 15%,transparent); }
.src-onl .neon-card h5{ font-weight: 700; color: #e2e8f0; font-size: 1rem; margin-bottom: 0.35rem; }
.src-onl .neon-card p{ color: var(--text-muted); font-size: 0.875rem; margin: 0; }
.src-onl .step-item{ display: flex; gap: 1rem; margin-bottom: 1.75rem; }
.src-onl .step-num{
    width: 42px; height: 42px; border-radius: 50%; flex-shrink: 0;
    background: linear-gradient(135deg, var(--purple), var(--pink));
    display: flex; align-items: center; justify-content: center;
    font-weight: 900; font-size: 1rem; color: #fff;
  }
.src-onl .step-content h6{ font-weight: 800; color: #e2e8f0; margin-bottom: 0.25rem; font-size: 0.95rem; }
.src-onl .step-content p{ color: var(--text-muted); font-size: 0.875rem; margin: 0; }
.src-onl .counter-box{
    text-align: center;
    padding: 1.5rem 1rem;
    background: var(--bg-card2);
    border: 1px solid color-mix(in srgb,var(--b-accent) 25%,transparent);
    border-radius: 14px;
  }
.src-onl .counter-box .counter-val{
    font-size: clamp(1.8rem, 4vw, 2.8rem);
    font-weight: 900;
    background: linear-gradient(135deg, color-mix(in srgb,var(--b-accent) 45%,#fff), var(--pink));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    line-height: 1.1;
  }
.src-onl .counter-box p{ color: var(--text-muted); font-size: 0.85rem; margin: 0.4rem 0 0; }
.src-onl .info-table{ width: 100%; border-collapse: collapse; }
.src-onl .info-table thead th{
    background: linear-gradient(135deg, var(--purple), var(--pink));
    color: #fff; font-weight: 700;
    padding: 0.75rem 1rem; font-size: 0.875rem;
  }
.src-onl .info-table tbody tr{ border-bottom: 1px solid color-mix(in srgb,var(--b-accent) 15%,transparent); }
.src-onl .info-table tbody td{
    background: var(--bg-card);
    color: #e2e8f0;
    padding: 0.7rem 1rem; font-size: 0.85rem;
  }
.src-onl .info-table tbody tr:hover td{ background: color-mix(in srgb,var(--b-accent) 8%,transparent); }
.src-onl .notice-box{
    background: color-mix(in srgb,var(--b-accent) 8%,transparent);
    border: 1px solid color-mix(in srgb,var(--b-accent) 35%,transparent);
    border-radius: 12px;
    padding: 1.1rem 1.4rem;
  }
.src-onl .img-showcase{
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 4px 24px color-mix(in srgb,var(--b-accent) 25%,transparent);
  }
.src-onl .img-showcase img{ width: 100%; height: auto; display: block; }
.src-onl .jackpot-badge{
    display: inline-flex; align-items: center; gap: 0.4rem;
    background: linear-gradient(90deg, #92400e, #d97706, #fbbf24);
    color: #1c1003;
    font-weight: 900; font-size: 0.8rem;
    padding: 4px 12px; border-radius: 20px;
    letter-spacing: 0.5px;
    margin-bottom: 0.5rem;
  }
.src-onl .accordion-item{
    background: var(--bg-card);
    border: 1px solid color-mix(in srgb,var(--b-accent) 25%,transparent);
    border-radius: 10px !important;
    margin-bottom: 0.75rem;
    overflow: hidden;
  }
.src-onl .accordion-button{
    background: var(--bg-card);
    color: #e2e8f0;
    font-weight: 700;
    font-size: 0.95rem;
    border-radius: 10px !important;
  }
.src-onl .accordion-button:not(.collapsed){
    background: color-mix(in srgb,var(--b-accent) 15%,transparent);
    color: color-mix(in srgb,var(--b-accent) 45%,#fff);
    box-shadow: none;
  }
.src-onl .accordion-button::after{
    filter: invert(1) sepia(1) saturate(3) hue-rotate(240deg);
  }
.src-onl .accordion-body{
    background: color-mix(in srgb,var(--b-bg) 60%,transparent);
    color: var(--text-muted);
    font-size: 0.875rem;
    border-top: 1px solid color-mix(in srgb,var(--b-accent) 20%,transparent);
  }
.src-onl .btn-primary-glow{
    background: linear-gradient(135deg, var(--purple), var(--pink));
    color: #fff; font-weight: 700;
    border-radius: 10px;
    padding: 0.7rem 1.8rem;
    font-size: 1rem;
    display: inline-block;
    transition: opacity 0.2s, transform 0.2s;
  }
.src-onl .btn-outline-glow{
    background: transparent;
    color: color-mix(in srgb,var(--b-accent) 45%,#fff); font-weight: 700;
    border-radius: 10px;
    padding: 0.7rem 1.8rem;
    font-size: 1rem;
    border: 2px solid var(--purple);
    display: inline-block;
    transition: background 0.2s, color 0.2s;
  }
.src-onl footer{
    background: var(--b-bg);
    border-top: 1px solid color-mix(in srgb,var(--b-accent) 30%,transparent);
    padding: 3rem 0 1.5rem;
  }
.src-onl footer .footer-logo img{
    height: 42px; width: auto;
    object-fit: contain; display: block;
    margin-bottom: 0.75rem;
  }
.src-onl footer h6{
    font-weight: 700; color: color-mix(in srgb,var(--b-accent) 45%,#fff);
    font-size: 0.8rem; letter-spacing: 1px;
    text-transform: uppercase; margin-bottom: 1rem;
  }
.src-onl .footer-bottom{
    border-top: 1px solid color-mix(in srgb,var(--b-accent) 15%,transparent);
    margin-top: 2rem; padding-top: 1.25rem; text-align: center;
  }
@media (max-width: 575.98px){.src-onl section{ padding: 44px 0; }.src-onl .page-hero{ padding: 40px 0 28px; }.src-onl .bingo-grid{ max-width: 240px; }.src-onl .bingo-cell{ font-size: 0.8rem; }}
.src-onl .page-hero{
    background: linear-gradient(135deg, var(--b-bg) 0%, var(--b-surface2) 50%, var(--b-surface) 100%);
    padding: 56px 0 40px;
    position: relative;
    overflow: hidden;
  }
.src-onl .page-hero::before{
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse at 75% 50%, color-mix(in srgb,var(--b-accent) 18%,transparent) 0%, transparent 65%),
                radial-gradient(ellipse at 15% 80%, color-mix(in srgb,var(--b-primary) 12%,transparent) 0%, transparent 55%);
    pointer-events: none;
  }
.src-onl .page-hero h1{
    font-size: clamp(1.5rem, 3.5vw, 2.5rem);
    font-weight: 900;
    background: linear-gradient(135deg, color-mix(in srgb,var(--b-accent) 45%,#fff), var(--b-primary), color-mix(in srgb,var(--b-primary) 55%,#fff));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    line-height: 1.25;
    margin-bottom: 1rem;
  }
.src-onl .page-hero p.lead{ color: #cbd5e1; font-size: 1rem; max-width: 560px; }
.src-onl .neon-card:hover{
    border-color: var(--pink);
    box-shadow: 0 0 18px color-mix(in srgb,var(--b-primary) 18%,transparent);
  }
.src-onl .icon-circle{
    width: 52px; height: 52px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--purple), var(--pink));
    display: flex; align-items: center; justify-content: center;
    font-size: 1.35rem; color: #fff;
    margin-bottom: 1rem; flex-shrink: 0;
  }
.src-onl .neon-card h5{ font-weight: 700; color: #e2e8f0; margin-bottom: 0.35rem; font-size: 1rem; }
.src-onl .method-card{
    background: var(--bg-card2);
    border: 1px solid color-mix(in srgb,var(--b-accent) 25%,transparent);
    border-radius: 14px;
    padding: 1.4rem 1.2rem;
    text-align: center;
    transition: border-color 0.2s, transform 0.2s;
  }
.src-onl .method-card:hover{
    border-color: var(--pink);
    transform: translateY(-3px);
  }
.src-onl .method-card i{ font-size: 2.2rem; margin-bottom: 0.7rem; display: block; }
.src-onl .method-card h6{ font-weight: 700; color: #e2e8f0; margin-bottom: 0.3rem; font-size: 0.95rem; }
.src-onl .method-card p{ color: var(--text-muted); font-size: 0.8rem; margin: 0; }
.src-onl .method-card .badge-fast{
    display: inline-block;
    background: linear-gradient(90deg, var(--purple), var(--pink));
    color: #fff;
    font-size: 0.7rem;
    font-weight: 700;
    padding: 2px 10px;
    border-radius: 20px;
    margin-top: 0.5rem;
  }
.src-onl .step-item{
    display: flex;
    gap: 1.1rem;
    align-items: flex-start;
    margin-bottom: 1.5rem;
  }
.src-onl .step-num{
    width: 42px; height: 42px; border-radius: 50%;
    background: linear-gradient(135deg, var(--purple), var(--pink));
    color: #fff; font-weight: 900; font-size: 1rem;
    display: flex; align-items: center; justify-content: center;
    flex-shrink: 0;
  }
.src-onl .step-content h6{ font-weight: 700; color: #e2e8f0; margin-bottom: 0.25rem; }
.src-onl .img-showcase{
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 4px 24px color-mix(in srgb,var(--b-accent) 25%,transparent);
    margin: 0 auto;
    display: block;
  }
.src-onl .info-table thead th{
    background: linear-gradient(135deg, var(--purple), var(--pink));
    color: #fff; font-weight: 700;
    padding: 0.75rem 1rem; font-size: 0.9rem;
  }
.src-onl .info-table tbody td{
    background: var(--bg-card);
    color: #e2e8f0;
    padding: 0.7rem 1rem; font-size: 0.875rem;
  }
.src-onl .info-table tbody tr:hover td{ background: color-mix(in srgb,var(--b-accent) 10%,transparent); }
.src-onl .btn-primary-glow{
    background: linear-gradient(135deg, var(--purple), var(--pink));
    color: #fff; font-weight: 700;
    border-radius: 10px;
    padding: 0.7rem 1.8rem;
    font-size: 1rem;
    border: none;
    display: inline-block;
    transition: opacity 0.2s, transform 0.2s;
  }
.src-onl .btn-primary-glow:hover{ opacity: 0.88; transform: translateY(-2px); color: #fff; }
.src-onl .btn-outline-glow:hover{ background: var(--purple); color: #fff; }
@media (max-width: 575.98px){.src-onl section{ padding: 44px 0; }.src-onl .page-hero{ padding: 40px 0 28px; }}
.src-onl .page-hero{
  background: linear-gradient(135deg, var(--b-bg) 0%, #1a0a3d 50%, var(--b-surface) 100%);
  padding: 56px 0 44px;
  position: relative;
  overflow: hidden;
}
.src-onl .page-hero::before{
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse at 80% 10%, color-mix(in srgb,var(--b-primary) 12%,transparent) 0%, transparent 55%),
    radial-gradient(ellipse at 10% 85%, color-mix(in srgb,var(--b-accent) 18%,transparent) 0%, transparent 55%);
  pointer-events: none;
}
.src-onl .page-hero h1{
  font-size: clamp(1.5rem, 3.5vw, 2.5rem);
  font-weight: 900;
  background: linear-gradient(135deg, color-mix(in srgb,var(--b-accent) 45%,#fff), var(--b-primary), color-mix(in srgb,var(--b-primary) 55%,#fff));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  line-height: 1.25;
  margin-bottom: 1rem;
}
.src-onl .page-hero p.lead{ color: #cbd5e1; font-size: 1rem; max-width: 600px; }
.src-onl .stat-pill{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: color-mix(in srgb,var(--b-accent) 18%,transparent);
  border: 1px solid color-mix(in srgb,var(--b-accent) 35%,transparent);
  border-radius: 20px;
  padding: 5px 14px;
  font-size: 0.8rem;
  color: color-mix(in srgb,var(--b-accent) 45%,#fff);
  font-weight: 700;
}
.src-onl section{ padding: 60px 0; }
.src-onl .section-title{
  font-size: clamp(1.25rem, 2.6vw, 1.85rem);
  font-weight: 900;
  background: linear-gradient(135deg, color-mix(in srgb,var(--b-accent) 45%,#fff), var(--pink));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  margin-bottom: 0.4rem;
}
.src-onl .cat-btn{
  display: inline-flex;
  align-items: center;
  gap: 7px;
  background: color-mix(in srgb,var(--b-accent) 12%,transparent);
  border: 1px solid color-mix(in srgb,var(--b-accent) 30%,transparent);
  color: color-mix(in srgb,var(--b-accent) 45%,#fff);
  font-weight: 700;
  font-size: 0.82rem;
  border-radius: 10px;
  padding: 0.5rem 1rem;
  cursor: pointer;
  transition: background 0.2s, border-color 0.2s, color 0.2s;
  text-decoration: none;
}
.src-onl .cat-btn:hover,.src-onl .cat-btn.active{
  background: linear-gradient(135deg, var(--purple), var(--pink));
  border-color: transparent;
  color: #fff;
  text-decoration: none;
}
.src-onl .accordion-item{
  background: var(--bg-card) !important;
  border: 1px solid color-mix(in srgb,var(--b-accent) 22%,transparent) !important;
  border-radius: 12px !important;
  margin-bottom: 0.75rem;
  overflow: hidden;
}
.src-onl .accordion-button{
  background: var(--b-surface2) !important;
  color: #e2e8f0 !important;
  font-weight: 700;
  font-size: 0.92rem;
  border-radius: 12px !important;
  box-shadow: none !important;
}
.src-onl .accordion-button:not(.collapsed){
  background: linear-gradient(135deg, color-mix(in srgb,var(--b-accent) 28%,transparent), color-mix(in srgb,var(--b-primary) 15%,transparent)) !important;
  color: color-mix(in srgb,var(--b-primary) 55%,#fff) !important;
}
.src-onl .accordion-button::after{ filter: brightness(0) invert(1) !important; }
.src-onl .accordion-body{
  background: var(--bg-card) !important;
  color: #cbd5e1;
  font-size: 0.875rem;
  line-height: 1.8;
  padding: 1.1rem 1.4rem;
}
.src-onl .accordion-body ul{ padding-left: 1.2rem; margin: 0.6rem 0 0; }
.src-onl .accordion-body ul li{ margin-bottom: 0.3rem; color: #cbd5e1; }
.src-onl .accordion-body ul li::marker{ color: var(--pink); }
.src-onl .accordion-body strong{ color: color-mix(in srgb,var(--b-primary) 55%,#fff); }
.src-onl .feature-card{
  background: var(--bg-card);
  border: 1px solid color-mix(in srgb,var(--b-accent) 22%,transparent);
  border-radius: 16px;
  padding: 1.75rem 1.4rem;
  transition: border-color 0.22s, box-shadow 0.22s, transform 0.22s;
}
.src-onl .feature-card:hover{
  border-color: var(--pink);
  box-shadow: 0 8px 32px color-mix(in srgb,var(--b-primary) 13%,transparent);
  transform: translateY(-5px);
}
.src-onl .feature-icon{
  width: 54px; height: 54px;
  border-radius: 14px;
  background: linear-gradient(135deg, var(--purple), var(--pink));
  display: flex; align-items: center; justify-content: center;
  font-size: 1.5rem; color: #fff;
  margin-bottom: 1rem;
  flex-shrink: 0;
}
.src-onl .feature-card h3{ font-weight: 800; color: #e2e8f0; font-size: 1rem; margin-bottom: 0.5rem; }
.src-onl .content-block{ margin-bottom: 2rem; }
.src-onl .content-block h2{
  font-size: 1.1rem;
  font-weight: 800;
  color: color-mix(in srgb,var(--b-primary) 55%,#fff);
  margin-bottom: 0.75rem;
  display: flex;
  align-items: center;
  gap: 10px;
}
.src-onl .content-block h2 i{ color: var(--purple); font-size: 1.05rem; }
.src-onl .content-block p{ color: #cbd5e1; font-size: 0.9rem; margin-bottom: 0.75rem; }
.src-onl .quick-link-card{
  background: var(--bg-card);
  border: 1px solid color-mix(in srgb,var(--b-accent) 22%,transparent);
  border-radius: 14px;
  padding: 1.1rem 1.25rem;
  display: flex;
  align-items: center;
  gap: 12px;
  transition: border-color 0.2s, box-shadow 0.2s;
  text-decoration: none;
}
.src-onl .quick-link-card:hover{
  border-color: var(--pink);
  box-shadow: 0 4px 20px color-mix(in srgb,var(--b-primary) 10%,transparent);
  text-decoration: none;
}
.src-onl .quick-link-card .ql-icon{
  width: 42px; height: 42px;
  border-radius: 10px;
  background: linear-gradient(135deg, var(--purple), var(--pink));
  display: flex; align-items: center; justify-content: center;
  font-size: 1.1rem; color: #fff;
  flex-shrink: 0;
}
.src-onl .quick-link-card span{ color: #e2e8f0; font-weight: 700; font-size: 0.875rem; }
@media (max-width: 575.98px){.src-onl section{ padding: 40px 0; }.src-onl .page-hero{ padding: 40px 0 28px; }}
.src-onl .navbar-toggler{
    border-color: var(--purple);
    flex-shrink: 0;
  }
.src-onl .hero-section{
    background: linear-gradient(135deg, var(--b-bg) 0%, var(--b-surface2) 50%, var(--b-surface) 100%);
    min-height: 520px;
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
    padding: 60px 0 40px;
  }
.src-onl .hero-section::before{
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse at 70% 50%, color-mix(in srgb,var(--b-accent) 18%,transparent) 0%, transparent 65%),
                radial-gradient(ellipse at 20% 80%, color-mix(in srgb,var(--b-primary) 13%,transparent) 0%, transparent 55%);
    pointer-events: none;
  }
.src-onl .hero-section h1{
    font-size: clamp(1.6rem, 4vw, 2.8rem);
    font-weight: 900;
    background: linear-gradient(135deg, color-mix(in srgb,var(--b-accent) 45%,#fff), var(--b-primary), color-mix(in srgb,var(--b-primary) 55%,#fff));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    line-height: 1.25;
    margin-bottom: 1rem;
  }
.src-onl .hero-section p.lead{
    color: #cbd5e1;
    font-size: 1.05rem;
    max-width: 520px;
  }
.src-onl .btn-hero-primary{
    background: linear-gradient(135deg, var(--purple), var(--pink));
    color: #fff;
    font-weight: 700;
    border-radius: 10px;
    padding: 0.7rem 1.8rem;
    font-size: 1rem;
    border: none;
    display: inline-block;
    transition: opacity 0.2s, transform 0.2s;
  }
.src-onl .btn-hero-primary:hover{ opacity: 0.88; transform: translateY(-2px); color: #fff; }
.src-onl .btn-hero-outline{
    background: transparent;
    color: color-mix(in srgb,var(--b-accent) 45%,#fff);
    font-weight: 700;
    border-radius: 10px;
    padding: 0.7rem 1.8rem;
    font-size: 1rem;
    border: 2px solid var(--purple);
    display: inline-block;
    transition: background 0.2s, color 0.2s;
  }
.src-onl .btn-hero-outline:hover{ background: var(--purple); color: #fff; }
.src-onl .hero-img-wrap{
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 0 40px color-mix(in srgb,var(--b-accent) 35%,transparent), 0 0 80px color-mix(in srgb,var(--b-primary) 15%,transparent);
  }
.src-onl .hero-img-wrap img{ width: 100%; height: auto; display: block; }
.src-onl .section-title{
    font-size: clamp(1.4rem, 3vw, 2rem);
    font-weight: 900;
    background: linear-gradient(135deg, color-mix(in srgb,var(--b-accent) 45%,#fff), var(--pink));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin-bottom: 0.4rem;
  }
.src-onl .section-subtitle{
    color: var(--text-muted);
    font-size: 0.95rem;
    margin-bottom: 2rem;
  }
.src-onl .divider-glow{
    width: 60px;
    height: 4px;
    background: linear-gradient(90deg, var(--purple), var(--pink));
    border-radius: 4px;
    margin: 0.5rem 0 1.5rem;
  }
.src-onl .neon-card:hover{
    border-color: var(--pink);
    box-shadow: 0 0 18px color-mix(in srgb,var(--b-primary) 20%,transparent);
  }
.src-onl .icon-circle{
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--purple), var(--pink));
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
    color: #fff;
    margin-bottom: 1rem;
    flex-shrink: 0;
  }
.src-onl .neon-card h5{
    font-weight: 700;
    color: #e2e8f0;
    margin-bottom: 0.4rem;
    font-size: 1rem;
  }
.src-onl .img-showcase img{
    width: 100%;
    height: auto;
    display: block;
  }
.src-onl .stats-strip{
    background: linear-gradient(135deg, var(--b-surface2), var(--b-surface));
    border-top: 1px solid color-mix(in srgb,var(--b-accent) 30%,transparent);
    border-bottom: 1px solid color-mix(in srgb,var(--b-accent) 30%,transparent);
    padding: 2rem 0;
  }
.src-onl .stat-item{ text-align: center; padding: 0.5rem 1rem; }
.src-onl .stat-number{
    font-size: 2rem;
    font-weight: 900;
    background: linear-gradient(135deg, color-mix(in srgb,var(--b-accent) 45%,#fff), var(--pink));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    line-height: 1;
  }
.src-onl .stat-label{ color: var(--text-muted); font-size: 0.8rem; font-weight: 600; margin-top: 4px; }
.src-onl .app-section{ background: linear-gradient(135deg, var(--b-bg), var(--b-surface)); }
.src-onl .app-badge{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: color-mix(in srgb,var(--b-accent) 18%,transparent);
    border: 1px solid color-mix(in srgb,var(--b-accent) 40%,transparent);
    border-radius: 10px;
    padding: 0.55rem 1.2rem;
    color: color-mix(in srgb,var(--b-accent) 45%,#fff);
    font-weight: 700;
    font-size: 0.95rem;
    margin: 0.3rem;
    transition: background 0.2s;
  }
.src-onl .app-badge:hover{ background: color-mix(in srgb,var(--b-accent) 32%,transparent); color: #fff; }
.src-onl .security-section{ background: var(--bg-card2); }
.src-onl .security-item{
    display: flex;
    gap: 1rem;
    align-items: flex-start;
    padding: 1rem;
    border-radius: 12px;
    border: 1px solid color-mix(in srgb,var(--b-accent) 20%,transparent);
    background: color-mix(in srgb,var(--b-bg) 50%,transparent);
    margin-bottom: 1rem;
  }
.src-onl .security-item .icon-circle{ margin-bottom: 0; }
.src-onl .security-item h6{ font-weight: 700; color: #e2e8f0; margin-bottom: 0.2rem; }
.src-onl .security-item p{ color: var(--text-muted); font-size: 0.85rem; margin: 0; }
.src-onl .privacy-notice{
    background: color-mix(in srgb,var(--b-accent) 8%,transparent);
    border: 1px solid color-mix(in srgb,var(--b-accent) 35%,transparent);
    border-radius: 12px;
    padding: 1.25rem 1.5rem;
  }
.src-onl .privacy-notice p{ color: #cbd5e1; font-size: 0.9rem; margin: 0; }
.src-onl .rg-section{ background: linear-gradient(135deg, var(--b-surface), var(--b-surface2)); }
.src-onl .rg-card{
    background: color-mix(in srgb,var(--b-bg) 70%,transparent);
    border: 1px solid color-mix(in srgb,var(--b-primary) 25%,transparent);
    border-radius: 14px;
    padding: 1.5rem;
    text-align: center;
  }
.src-onl .rg-card i{ font-size: 2rem; color: var(--pink); margin-bottom: 0.75rem; display: block; }
.src-onl .rg-card h6{ font-weight: 700; color: #e2e8f0; margin-bottom: 0.4rem; }
.src-onl .rg-card p{ color: var(--text-muted); font-size: 0.85rem; margin: 0; }
.src-onl .info-table thead th{
    background: linear-gradient(135deg, var(--purple), var(--pink));
    color: #fff;
    font-weight: 700;
    padding: 0.75rem 1rem;
    font-size: 0.9rem;
  }
.src-onl .info-table tbody td{
    background: var(--bg-card);
    color: #e2e8f0;
    padding: 0.7rem 1rem;
    font-size: 0.875rem;
  }
.src-onl footer .footer-logo img{
    height: 42px;
    width: auto;
    object-fit: contain;
    display: block;
    margin-bottom: 0.75rem;
  }
.src-onl footer h6{
    font-weight: 700;
    color: color-mix(in srgb,var(--b-accent) 45%,#fff);
    font-size: 0.8rem;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 1rem;
  }
.src-onl .footer-bottom{
    border-top: 1px solid color-mix(in srgb,var(--b-accent) 15%,transparent);
    margin-top: 2rem;
    padding-top: 1.25rem;
    text-align: center;
  }
.src-onl section{ padding: 70px 0; }
@media (max-width: 575.98px){.src-onl .hero-section{ padding: 50px 0 30px; min-height: auto; }.src-onl section{ padding: 48px 0; }}
.src-onl .page-hero::before{
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse at 70% 30%, color-mix(in srgb,var(--b-primary) 15%,transparent) 0%, transparent 55%),
                radial-gradient(ellipse at 20% 80%, color-mix(in srgb,var(--b-accent) 18%,transparent) 0%, transparent 55%);
    pointer-events: none;
  }
.src-onl .win-card{
    background: var(--bg-card);
    border: 1px solid color-mix(in srgb,var(--b-accent) 28%,transparent);
    border-radius: 16px;
    padding: 1.4rem;
    transition: border-color 0.25s, transform 0.25s, box-shadow 0.25s;
  }
.src-onl .win-card:hover{
    border-color: var(--pink);
    transform: translateY(-4px);
    box-shadow: 0 10px 32px color-mix(in srgb,var(--b-primary) 15%,transparent);
  }
.src-onl .win-card .avatar{
    width: 52px; height: 52px; border-radius: 50%;
    background: linear-gradient(135deg, var(--purple), var(--pink));
    display: flex; align-items: center; justify-content: center;
    font-size: 1.4rem; font-weight: 900; color: #fff;
    flex-shrink: 0;
  }
.src-onl .win-card .win-amount{
    font-size: 1.4rem; font-weight: 900;
    background: linear-gradient(135deg, #fbbf24, #f97316);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    line-height: 1.1;
  }
.src-onl .win-card .win-name{ color: #e2e8f0; font-weight: 700; font-size: 0.95rem; }
.src-onl .win-card .win-game{ color: var(--text-muted); font-size: 0.8rem; }
.src-onl .win-card .win-desc{ color: #cbd5e1; font-size: 0.85rem; margin: 0.6rem 0 0; line-height: 1.6; }
.src-onl .game-badge{
    display: inline-block;
    font-size: 0.72rem; font-weight: 700;
    padding: 3px 10px; border-radius: 20px;
    background: color-mix(in srgb,var(--b-accent) 20%,transparent);
    border: 1px solid color-mix(in srgb,var(--b-accent) 40%,transparent);
    color: color-mix(in srgb,var(--b-accent) 45%,#fff);
    margin-bottom: 0.75rem;
  }
.src-onl .jackpot-ticker_onl{
    background: linear-gradient(90deg, var(--b-surface2), var(--b-bg), var(--b-surface2));
    border-top: 1px solid color-mix(in srgb,var(--b-accent) 30%,transparent);
    border-bottom: 1px solid color-mix(in srgb,var(--b-accent) 30%,transparent);
    padding: 0.75rem 0;
    overflow: hidden;
  }
.src-onl .ticker_onl-inner{
    display: flex;
    gap: 3rem;
    animation: ticker_onl 28s linear infinite;
    white-space: nowrap;
  }
.src-onl .ticker_onl-item{
    display: inline-flex; align-items: center; gap: 0.5rem;
    color: #fbbf24; font-weight: 700; font-size: 0.875rem; flex-shrink: 0;
  }
.src-onl .ticker_onl-item i{ color: var(--pink); }
@keyframes ticker_onl{
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
  }
.src-onl .stat-box{
    background: var(--bg-card2);
    border: 1px solid color-mix(in srgb,var(--b-accent) 25%,transparent);
    border-radius: 14px;
    padding: 1.5rem 1rem;
    text-align: center;
  }
.src-onl .stat-box .stat-val{
    font-size: clamp(1.8rem, 4vw, 2.8rem);
    font-weight: 900;
    background: linear-gradient(135deg, color-mix(in srgb,var(--b-accent) 45%,#fff), var(--pink));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    line-height: 1.1;
  }
.src-onl .lb-row{
    display: flex; align-items: center; gap: 1rem;
    padding: 0.85rem 1rem;
    border-radius: 10px;
    background: var(--bg-card);
    border: 1px solid color-mix(in srgb,var(--b-accent) 18%,transparent);
    margin-bottom: 0.6rem;
    transition: border-color 0.2s;
  }
.src-onl .lb-row:hover{ border-color: var(--pink); }
.src-onl .lb-rank{
    width: 36px; height: 36px; border-radius: 50%;
    background: color-mix(in srgb,var(--b-accent) 20%,transparent);
    display: flex; align-items: center; justify-content: center;
    font-weight: 900; font-size: 0.9rem; color: color-mix(in srgb,var(--b-accent) 45%,#fff); flex-shrink: 0;
  }
.src-onl .lb-rank.gold{ background: linear-gradient(135deg, #92400e, #fbbf24); color: #fff; }
.src-onl .lb-rank.silver{ background: linear-gradient(135deg, #374151, #9ca3af); color: #fff; }
.src-onl .lb-rank.bronze{ background: linear-gradient(135deg, #7c2d12, #ea580c); color: #fff; }
.src-onl .lb-name{ flex: 1; color: #e2e8f0; font-weight: 700; font-size: 0.9rem; }
.src-onl .lb-game{ color: var(--text-muted); font-size: 0.78rem; }
.src-onl .lb-amount{ color: #fbbf24; font-weight: 900; font-size: 0.95rem; flex-shrink: 0; }
.src-onl .feature-icon{
    width: 52px; height: 52px; border-radius: 12px;
    background: linear-gradient(135deg, var(--purple), var(--pink));
    display: flex; align-items: center; justify-content: center;
    font-size: 1.4rem; color: #fff; margin-bottom: 1rem;
  }
.src-onl .neon-card:hover{ border-color: var(--pink); box-shadow: 0 0 18px color-mix(in srgb,var(--b-primary) 12%,transparent); }
.src-onl .accordion-item{
    background: var(--bg-card);
    border: 1px solid color-mix(in srgb,var(--b-accent) 25%,transparent) !important;
    border-radius: 10px !important;
    margin-bottom: 0.75rem;
    overflow: hidden;
  }
.src-onl .jackpot-bar{ background: color-mix(in srgb,var(--b-accent) 15%,transparent); border-radius: 8px; overflow: hidden; height: 10px; }
.src-onl .jackpot-fill{
    
    background: linear-gradient(90deg, var(--purple), var(--pink));
    border-radius: 8px;
    transition: width 1s ease;
  }
.src-onl .login-panel{
  background: var(--bg-card);
  border: 1px solid color-mix(in srgb,var(--b-accent) 30%,transparent);
  border-radius: 20px;
  padding: 2.25rem 2rem;
  position: relative;
  overflow: hidden;
}
.src-onl .login-panel::before{
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 4px;
  background: linear-gradient(90deg, var(--purple), var(--pink));
}
.src-onl .login-panel h2{
  font-size: 1.2rem;
  font-weight: 900;
  color: color-mix(in srgb,var(--b-primary) 55%,#fff);
  margin-bottom: 0.25rem;
  text-align: center;
}
.src-onl .login-panel p.login-sub{
  text-align: center;
  color: var(--text-muted);
  font-size: 0.82rem;
  margin-bottom: 1.75rem;
}
.src-onl .form-label-custom{
  font-size: 0.82rem;
  font-weight: 700;
  color: color-mix(in srgb,var(--b-accent) 45%,#fff);
  margin-bottom: 0.35rem;
  display: block;
}
.src-onl .input-group-custom{
  position: relative;
  margin-bottom: 1.1rem;
}
.src-onl .input-group-custom .input-icon{
  position: absolute;
  left: 13px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--purple);
  font-size: 1rem;
  pointer-events: none;
}
.src-onl .input-custom{
  width: 100%;
  background: color-mix(in srgb,var(--b-surface2) 60%,transparent);
  border: 1px solid color-mix(in srgb,var(--b-accent) 35%,transparent);
  border-radius: 10px;
  padding: 0.7rem 1rem 0.7rem 2.6rem;
  color: #e2e8f0;
  font-size: 0.9rem;
  font-family: 'Nunito', sans-serif;
  transition: border-color 0.2s, box-shadow 0.2s;
  outline: none;
}
.src-onl .input-custom:focus{
  border-color: var(--purple);
  box-shadow: 0 0 0 3px color-mix(in srgb,var(--b-accent) 18%,transparent);
}
.src-onl .input-custom::placeholder{ color: #475569; }
.src-onl .remember-row{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.4rem;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.src-onl .remember-row label{
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: 0.82rem;
  color: var(--text-muted);
  cursor: pointer;
}
.src-onl .remember-row input[type="checkbox"]{
  accent-color: var(--purple);
  width: 15px; height: 15px;
}
.src-onl .forgot-link{
  font-size: 0.82rem;
  color: var(--pink);
  font-weight: 700;
}
.src-onl .forgot-link:hover{ color: var(--b-primary); }
.src-onl .btn-login-main{
  display: block;
  width: 100%;
  text-align: center;
  background: linear-gradient(135deg, var(--purple), var(--pink));
  color: #fff;
  font-weight: 900;
  font-size: 1rem;
  border-radius: 12px;
  padding: 0.9rem 1rem;
  transition: opacity 0.2s, transform 0.2s;
  letter-spacing: 0.5px;
}
.src-onl .btn-login-main:hover{
  opacity: 0.88;
  transform: translateY(-2px);
  color: #fff;
  text-decoration: none;
}
.src-onl .divider-text{
  text-align: center;
  color: var(--text-muted);
  font-size: 0.8rem;
  margin: 1.1rem 0;
  position: relative;
}
.src-onl .divider-text::before,.src-onl .divider-text::after{
  content: '';
  position: absolute;
  top: 50%;
  width: 38%;
  height: 1px;
  background: color-mix(in srgb,var(--b-accent) 25%,transparent);
}
.src-onl .divider-text::before{ left: 0; }
.src-onl .divider-text::after{ right: 0; }
.src-onl .register-link-wrap{
  text-align: center;
  font-size: 0.875rem;
  color: var(--text-muted);
  margin-top: 1rem;
}
.src-onl .register-link-wrap a{ color: var(--pink); font-weight: 700; }
.src-onl .terms-note{
  text-align: center;
  font-size: 0.75rem;
  color: #64748b;
  margin-top: 0.85rem;
  line-height: 1.5;
}
.src-onl .terms-note a{ color: var(--purple); }
.src-onl .sec-badge{
  display: flex;
  align-items: center;
  gap: 8px;
  background: color-mix(in srgb,var(--b-accent) 10%,transparent);
  border: 1px solid color-mix(in srgb,var(--b-accent) 22%,transparent);
  border-radius: 10px;
  padding: 0.6rem 0.9rem;
  font-size: 0.8rem;
  color: color-mix(in srgb,var(--b-accent) 45%,#fff);
  font-weight: 600;
}
.src-onl .sec-badge i{ color: var(--pink); font-size: 1rem; flex-shrink: 0; }
.src-onl .benefit-list{ list-style: none; padding: 0; margin: 0; }
.src-onl .benefit-list li{
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 0.6rem 0;
  border-bottom: 1px solid color-mix(in srgb,var(--b-accent) 10%,transparent);
  font-size: 0.88rem;
  color: #cbd5e1;
}
.src-onl .benefit-list li:last-child{ border-bottom: none; }
.src-onl .benefit-list li i{ color: var(--pink); font-size: 1rem; flex-shrink: 0; margin-top: 3px; }
.src-onl .feature-icon{
  width: 54px; height: 54px;
  border-radius: 14px;
  background: linear-gradient(135deg, var(--purple), var(--pink));
  display: flex; align-items: center; justify-content: center;
  font-size: 1.5rem; color: #fff;
  margin-bottom: 1rem;
}
.src-onl .content-block h2{
  font-size: 1.15rem;
  font-weight: 800;
  color: color-mix(in srgb,var(--b-primary) 55%,#fff);
  margin-bottom: 0.75rem;
  display: flex;
  align-items: center;
  gap: 10px;
}
.src-onl .content-block h2 i{ color: var(--purple); font-size: 1.1rem; }
.src-onl .content-block ul{ padding-left: 1.25rem; margin-bottom: 0.75rem; }
.src-onl .content-block ul li{ color: #cbd5e1; font-size: 0.875rem; margin-bottom: 0.4rem; }
.src-onl .content-block ul li::marker{ color: var(--pink); }
.src-onl .accordion-button:not(.collapsed){
  background: linear-gradient(135deg, color-mix(in srgb,var(--b-accent) 25%,transparent), color-mix(in srgb,var(--b-primary) 15%,transparent)) !important;
  color: color-mix(in srgb,var(--b-primary) 55%,#fff) !important;
}
.src-onl .accordion-button::after{ filter: brightness(0) invert(1); }
.src-onl .accordion-body{
  background: var(--bg-card) !important;
  color: #cbd5e1;
  font-size: 0.875rem;
  line-height: 1.75;
}
@media (max-width: 575.98px){.src-onl section{ padding: 40px 0; }.src-onl .page-hero{ padding: 40px 0 28px; }.src-onl .login-panel{ padding: 1.5rem 1.1rem; }}
.src-onl .page-hero::before{
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse at 75% 25%, color-mix(in srgb,var(--b-primary) 14%,transparent) 0%, transparent 55%),
                radial-gradient(ellipse at 15% 80%, color-mix(in srgb,var(--b-accent) 18%,transparent) 0%, transparent 55%);
    pointer-events: none;
  }
.src-onl .game-card:hover{
    border-color: var(--pink);
    transform: translateY(-5px);
    box-shadow: 0 12px 36px color-mix(in srgb,var(--b-primary) 18%,transparent);
  }
.src-onl .game-card-thumb{
    background: linear-gradient(135deg, var(--b-surface2), var(--b-bg));
    padding: 2rem 1rem;
    text-align: center;
    font-size: 3.5rem;
    border-bottom: 1px solid color-mix(in srgb,var(--b-accent) 20%,transparent);
  }
.src-onl .game-card-body{ padding: 1.25rem; }
.src-onl .game-card-body h5{
    font-weight: 800; color: #e2e8f0;
    font-size: 1rem; margin-bottom: 0.35rem;
  }
.src-onl .game-card-body p{ color: var(--text-muted); font-size: 0.85rem; margin-bottom: 0.75rem; }
.src-onl .game-tag{
    display: inline-block;
    font-size: 0.72rem; font-weight: 700;
    padding: 3px 10px; border-radius: 20px;
    margin-right: 4px; margin-bottom: 4px;
  }
.src-onl .tag-hot{ background: rgba(239,68,68,0.18); border: 1px solid rgba(239,68,68,0.4); color: #fca5a5; }
.src-onl .tag-new{ background: color-mix(in srgb,var(--b-primary) 15%,transparent); border: 1px solid color-mix(in srgb,var(--b-primary) 40%,transparent); color: color-mix(in srgb,var(--b-primary) 55%,#fff); }
.src-onl .tag-jp{ background: rgba(251,191,36,0.15); border: 1px solid rgba(251,191,36,0.4); color: #fde68a; }
.src-onl .tag-vip{ background: color-mix(in srgb,var(--b-accent) 20%,transparent);  border: 1px solid color-mix(in srgb,var(--b-accent) 40%,transparent); color: color-mix(in srgb,var(--b-accent) 45%,#fff); }
.src-onl .stat-box .stat-val{
    font-size: clamp(1.8rem, 4vw, 2.6rem);
    font-weight: 900;
    background: linear-gradient(135deg, color-mix(in srgb,var(--b-accent) 45%,#fff), var(--pink));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    line-height: 1.1;
  }
.src-onl .step-card{
    background: var(--bg-card);
    border: 1px solid color-mix(in srgb,var(--b-accent) 22%,transparent);
    border-radius: 14px;
    padding: 1.5rem;
    position: relative;
    transition: border-color 0.2s, box-shadow 0.2s;
  }
.src-onl .step-card:hover{ border-color: var(--pink); box-shadow: 0 0 20px color-mix(in srgb,var(--b-primary) 12%,transparent); }
.src-onl .step-num{
    width: 44px; height: 44px; border-radius: 50%;
    background: linear-gradient(135deg, var(--purple), var(--pink));
    display: flex; align-items: center; justify-content: center;
    font-weight: 900; font-size: 1.1rem; color: #fff;
    margin-bottom: 1rem; flex-shrink: 0;
  }
.src-onl .step-card h5{ font-weight: 800; color: #e2e8f0; font-size: 1rem; margin-bottom: 0.4rem; }
.src-onl .step-card p{ color: var(--text-muted); font-size: 0.875rem; margin: 0; }
.src-onl .boss-card{
    background: var(--bg-card);
    border: 1px solid color-mix(in srgb,var(--b-accent) 30%,transparent);
    border-radius: 14px;
    padding: 1.25rem;
    text-align: center;
    transition: border-color 0.25s, transform 0.2s, box-shadow 0.2s;
  }
.src-onl .boss-card:hover{
    border-color: var(--pink);
    transform: translateY(-4px);
    box-shadow: 0 8px 28px color-mix(in srgb,var(--b-primary) 18%,transparent);
  }
.src-onl .boss-icon{ font-size: 3rem; margin-bottom: 0.75rem; display: block; }
.src-onl .boss-card h6{ font-weight: 800; color: #e2e8f0; font-size: 0.95rem; margin-bottom: 0.3rem; }
.src-onl .boss-card .boss-mul{
    font-size: 1.3rem; font-weight: 900;
    background: linear-gradient(135deg, #fbbf24, #f97316);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
  }
.src-onl .boss-card p{ color: var(--text-muted); font-size: 0.78rem; margin: 0.3rem 0 0; }
.src-onl .tip-item{
    display: flex; align-items: flex-start; gap: 1rem;
    padding: 1rem;
    background: var(--bg-card);
    border: 1px solid color-mix(in srgb,var(--b-accent) 20%,transparent);
    border-radius: 12px;
    margin-bottom: 0.75rem;
    transition: border-color 0.2s;
  }
.src-onl .tip-item:hover{ border-color: var(--pink); }
.src-onl .tip-icon{
    width: 40px; height: 40px; border-radius: 10px; flex-shrink: 0;
    background: linear-gradient(135deg, var(--purple), var(--pink));
    display: flex; align-items: center; justify-content: center;
    font-size: 1.1rem; color: #fff;
  }
.src-onl .tip-item h6{ font-weight: 800; color: #e2e8f0; font-size: 0.9rem; margin-bottom: 0.2rem; }
.src-onl .tip-item p{ color: var(--text-muted); font-size: 0.82rem; margin: 0; }
.src-onl .live-ticker_onl{
    background: linear-gradient(90deg, var(--b-surface2), var(--b-bg), var(--b-surface2));
    border-top: 1px solid color-mix(in srgb,var(--b-accent) 30%,transparent);
    border-bottom: 1px solid color-mix(in srgb,var(--b-accent) 30%,transparent);
    padding: 0.75rem 0;
    overflow: hidden;
  }
.src-onl .ticker_onl-inner{
    display: flex; gap: 3rem;
    animation: tickerScroll_onl 30s linear infinite;
    white-space: nowrap;
  }
@keyframes tickerScroll_onl{
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
  }
.src-onl{
  background-color: var(--bg-dark);
  color: var(--text-light);
  font-family: 'Nunito', sans-serif;
  font-size: 1rem;
  line-height: 1.78;
}
.src-onl .page-hero{
  background: linear-gradient(135deg, var(--b-bg) 0%, var(--b-surface2) 55%, var(--b-surface) 100%);
  padding: 64px 0 48px;
  position: relative;
  overflow: hidden;
}
.src-onl .page-hero::before{
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse at 80% 20%, color-mix(in srgb,var(--b-primary) 13%,transparent) 0%, transparent 55%),
              radial-gradient(ellipse at 10% 85%, color-mix(in srgb,var(--b-accent) 17%,transparent) 0%, transparent 55%);
  pointer-events: none;
}
.src-onl .sport-card{
  background: var(--bg-card);
  border: 1px solid color-mix(in srgb,var(--b-accent) 22%,transparent);
  border-radius: 14px;
  padding: 1.4rem 1.2rem;
  text-align: center;
  transition: border-color 0.2s, box-shadow 0.2s, transform 0.2s;
}
.src-onl .sport-card:hover{
  border-color: var(--pink);
  box-shadow: 0 8px 28px color-mix(in srgb,var(--b-primary) 15%,transparent);
  transform: translateY(-4px);
}
.src-onl .sport-icon{
  font-size: 2.6rem;
  display: block;
  margin-bottom: 0.75rem;
  line-height: 1;
}
.src-onl .sport-card h5{ font-weight: 800; color: #e2e8f0; font-size: 0.95rem; margin-bottom: 0.3rem; }
.src-onl .sport-card p{ color: var(--text-muted); font-size: 0.8rem; margin: 0; }
.src-onl .sport-badge{
  display: inline-block;
  background: linear-gradient(90deg, var(--purple), var(--pink));
  color: #fff; font-size: 0.68rem; font-weight: 700;
  padding: 2px 8px; border-radius: 10px; margin-top: 0.5rem;
}
.src-onl .feature-card{
  background: var(--bg-card);
  border: 1px solid color-mix(in srgb,var(--b-accent) 22%,transparent);
  border-radius: 14px;
  padding: 1.5rem;
  transition: border-color 0.2s, box-shadow 0.2s, transform 0.2s;
}
.src-onl .feature-card:hover{
  border-color: var(--pink);
  box-shadow: 0 8px 28px color-mix(in srgb,var(--b-primary) 14%,transparent);
  transform: translateY(-4px);
}
.src-onl .feature-icon{
  width: 52px; height: 52px; border-radius: 12px;
  background: linear-gradient(135deg, var(--purple), var(--pink));
  display: flex; align-items: center; justify-content: center;
  font-size: 1.4rem; color: #fff; margin-bottom: 1rem;
}
.src-onl .neon-card{
  background: var(--bg-card);
  border: 1px solid color-mix(in srgb,var(--b-accent) 28%,transparent);
  border-radius: 14px;
  padding: 1.5rem;
  transition: border-color 0.2s, box-shadow 0.2s;
}
.src-onl .neon-card:hover{ border-color: var(--pink); box-shadow: 0 0 20px color-mix(in srgb,var(--b-primary) 12%,transparent); }
.src-onl .neon-card h5{ font-weight: 700; color: #e2e8f0; font-size: 1rem; margin-bottom: 0.5rem; }
.src-onl .odds-card{
  background: var(--bg-card2);
  border: 1px solid color-mix(in srgb,var(--b-accent) 28%,transparent);
  border-radius: 12px;
  padding: 1rem 1.1rem;
  margin-bottom: 0.75rem;
}
.src-onl .odds-card .match-teams{ font-weight: 800; color: #e2e8f0; font-size: 0.9rem; margin-bottom: 0.4rem; }
.src-onl .odds-card .match-meta{ color: var(--text-muted); font-size: 0.78rem; margin-bottom: 0.65rem; }
.src-onl .odds-btn{
  background: color-mix(in srgb,var(--b-accent) 15%,transparent);
  border: 1px solid color-mix(in srgb,var(--b-accent) 35%,transparent);
  border-radius: 8px;
  padding: 0.35rem 0.6rem;
  text-align: center;
  cursor: default;
}
.src-onl .odds-btn .odds-label{ display: block; color: var(--text-muted); font-size: 0.7rem; }
.src-onl .odds-btn .odds-val{ display: block; color: color-mix(in srgb,var(--b-accent) 45%,#fff); font-weight: 900; font-size: 1rem; }
.src-onl .odds-live-badge{
  display: inline-block;
  background: #dc2626;
  color: #fff; font-size: 0.68rem; font-weight: 700;
  padding: 2px 7px; border-radius: 4px;
  animation: pulse-red_onl 1.5s infinite;
}
@keyframes pulse-red_onl{
  0%,100% { opacity:1; }
  50% { opacity:0.65; }
}
.src-onl .market-table{ width: 100%; border-collapse: collapse; }
.src-onl .market-table thead th{
  background: linear-gradient(135deg, var(--purple), var(--pink));
  color: #fff; font-weight: 700;
  padding: 0.75rem 1rem; font-size: 0.875rem;
  text-align: left;
}
.src-onl .market-table tbody tr{ border-bottom: 1px solid color-mix(in srgb,var(--b-accent) 15%,transparent); }
.src-onl .market-table tbody td{
  background: var(--bg-card);
  color: #e2e8f0;
  padding: 0.7rem 1rem; font-size: 0.85rem;
}
.src-onl .market-table tbody tr:hover td{ background: color-mix(in srgb,var(--b-accent) 8%,transparent); }
.src-onl .market-table .dot-yes{ color: #4ade80; font-weight: 700; }
.src-onl .market-table .dot-no{ color: #f87171; font-weight: 700; }
.src-onl .step-card{
  background: var(--bg-card);
  border: 1px solid color-mix(in srgb,var(--b-accent) 22%,transparent);
  border-radius: 14px;
  padding: 1.5rem;
  transition: border-color 0.2s, box-shadow 0.2s;
}
.src-onl .step-num{
  width: 44px; height: 44px; border-radius: 50%;
  background: linear-gradient(135deg, var(--purple), var(--pink));
  display: flex; align-items: center; justify-content: center;
  font-weight: 900; font-size: 1.1rem; color: #fff;
  margin-bottom: 1rem;
}
.src-onl .tip-card{
  background: var(--bg-card2);
  border-left: 4px solid var(--purple);
  border-radius: 0 12px 12px 0;
  padding: 1rem 1.2rem;
  margin-bottom: 0.75rem;
}
.src-onl .tip-card h6{ font-weight: 800; color: color-mix(in srgb,var(--b-accent) 45%,#fff); font-size: 0.9rem; margin-bottom: 0.3rem; }
.src-onl .tip-card p{ color: var(--text-muted); font-size: 0.85rem; margin: 0; }
.src-onl .accordion-item{
  background: var(--bg-card);
  border: 1px solid color-mix(in srgb,var(--b-accent) 25%,transparent) !important;
  border-radius: 10px !important;
  margin-bottom: 0.75rem;
  overflow: hidden;
}
.src-onl .accordion-button{
  background: var(--bg-card);
  color: #e2e8f0;
  font-weight: 700;
  font-size: 0.95rem;
  border-radius: 10px !important;
}
.src-onl .accordion-button:not(.collapsed){
  background: color-mix(in srgb,var(--b-accent) 15%,transparent);
  color: color-mix(in srgb,var(--b-accent) 45%,#fff);
  box-shadow: none;
}
.src-onl .accordion-button::after{
  filter: invert(1) sepia(1) saturate(3) hue-rotate(240deg);
}
.src-onl .accordion-body{
  background: color-mix(in srgb,var(--b-bg) 60%,transparent);
  color: var(--text-muted);
  font-size: 0.875rem;
  border-top: 1px solid color-mix(in srgb,var(--b-accent) 20%,transparent);
}
.src-onl .img-showcase{
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 4px 24px color-mix(in srgb,var(--b-accent) 25%,transparent);
}
.src-onl .btn-primary-glow{
  background: linear-gradient(135deg, var(--purple), var(--pink));
  color: #fff; font-weight: 700;
  border-radius: 10px;
  padding: 0.7rem 1.8rem;
  font-size: 1rem;
  display: inline-block;
  transition: opacity 0.2s, transform 0.2s;
}
.src-onl .btn-outline-glow{
  background: transparent;
  color: color-mix(in srgb,var(--b-accent) 45%,#fff); font-weight: 700;
  border-radius: 10px;
  padding: 0.7rem 1.8rem;
  font-size: 1rem;
  border: 2px solid var(--purple);
  display: inline-block;
  transition: background 0.2s, color 0.2s;
}
.src-onl .perf-label{ display: flex; justify-content: space-between; margin-bottom: 0.3rem; }
.src-onl .perf-label span:first-child{ color: #e2e8f0; font-size: 0.85rem; }
.src-onl .perf-label span:last-child{ color: #4ade80; font-weight: 700; font-size: 0.85rem; }
.src-onl .perf-bar{ background: color-mix(in srgb,var(--b-accent) 18%,transparent); border-radius: 4px; height: 8px; margin-bottom: 1rem; }
.src-onl .perf-fill{ background: linear-gradient(90deg, var(--purple), var(--pink));  border-radius: 4px; }
@media (max-width: 575.98px){.src-onl section{ padding: 44px 0; }.src-onl .page-hero{ padding: 40px 0 30px; }}
.src-onl .stat-val{
  font-size: clamp(1.8rem, 4vw, 2.5rem);
  font-weight: 900;
  background: linear-gradient(135deg, color-mix(in srgb,var(--b-accent) 45%,#fff), var(--pink));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  line-height: 1.1;
}
.src-onl .feature-icon{
  width: 52px; height: 52px; border-radius: 12px;
  background: linear-gradient(135deg, var(--purple), var(--pink));
  display: flex; align-items: center; justify-content: center;
  font-size: 1.4rem; color: #fff; margin-bottom: 1rem;
  flex-shrink: 0;
}
.src-onl .step-num{
  width: 44px; height: 44px; border-radius: 50%;
  background: linear-gradient(135deg, var(--purple), var(--pink));
  display: flex; align-items: center; justify-content: center;
  font-weight: 900; font-size: 1.1rem; color: #fff;
  margin-bottom: 1rem; flex-shrink: 0;
}
.src-onl .pay-badge{
  background: var(--bg-card);
  border: 1px solid color-mix(in srgb,var(--b-accent) 25%,transparent);
  border-radius: 10px;
  padding: 0.85rem 1rem;
  text-align: center;
  transition: border-color 0.2s, box-shadow 0.2s;
}
.src-onl .pay-badge:hover{ border-color: var(--pink); box-shadow: 0 0 16px color-mix(in srgb,var(--b-primary) 12%,transparent); }
.src-onl .pay-badge .pay-icon{ font-size: 1.8rem; margin-bottom: 0.4rem; display: block; }
.src-onl .pay-badge span{ color: #cbd5e1; font-size: 0.8rem; font-weight: 700; display: block; }
.src-onl .device-card{
  background: var(--bg-card2);
  border: 1px solid color-mix(in srgb,var(--b-accent) 25%,transparent);
  border-radius: 14px;
  padding: 1.75rem 1.25rem;
  text-align: center;
  transition: border-color 0.2s, transform 0.2s, box-shadow 0.2s;
}
.src-onl .device-card:hover{
  border-color: var(--pink);
  transform: translateY(-4px);
  box-shadow: 0 10px 30px color-mix(in srgb,var(--b-primary) 15%,transparent);
}
.src-onl .device-icon{ font-size: 3rem; margin-bottom: 1rem; display: block; }
.src-onl .device-card h5{ font-weight: 800; color: #e2e8f0; font-size: 1rem; margin-bottom: 0.4rem; }
.src-onl .device-card p{ color: var(--text-muted); font-size: 0.82rem; margin: 0; }
.src-onl .sec-pill{
  display: inline-flex; align-items: center; gap: 0.5rem;
  background: color-mix(in srgb,var(--b-accent) 12%,transparent);
  border: 1px solid color-mix(in srgb,var(--b-accent) 30%,transparent);
  border-radius: 30px;
  padding: 0.45rem 1rem;
  color: color-mix(in srgb,var(--b-accent) 45%,#fff);
  font-size: 0.82rem; font-weight: 700;
  margin: 0.3rem;
}
.src-onl .sec-pill i{ color: var(--pink); }
.src-onl .info-table thead th{
  background: linear-gradient(135deg, var(--purple), var(--pink));
  color: #fff; font-weight: 700;
  padding: 0.75rem 1rem; font-size: 0.875rem;
}
.src-onl .info-table tbody td{
  background: var(--bg-card);
  color: #e2e8f0;
  padding: 0.7rem 1rem; font-size: 0.85rem;
}
.src-onl .timeline::before{
  content: '';
  position: absolute;
  left: 0.6rem; top: 0; bottom: 0; width: 2px;
  background: linear-gradient(180deg, var(--purple), var(--pink));
  border-radius: 2px;
}
.src-onl .tl-item{ position: relative; margin-bottom: 1.75rem; }
.src-onl .tl-dot{
  position: absolute;
  left: -1.9rem; top: 0.25rem;
  width: 14px; height: 14px; border-radius: 50%;
  background: linear-gradient(135deg, var(--purple), var(--pink));
  border: 2px solid var(--bg-dark);
}
.src-onl .tl-item h6{ font-weight: 800; color: #e2e8f0; font-size: 0.95rem; margin-bottom: 0.3rem; }
.src-onl .tl-item p{ color: var(--text-muted); font-size: 0.875rem; margin: 0; }
.src-onl .page-hero::before{
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse at 75% 15%, color-mix(in srgb,var(--b-primary) 13%,transparent) 0%, transparent 55%),
    radial-gradient(ellipse at 15% 80%, color-mix(in srgb,var(--b-accent) 17%,transparent) 0%, transparent 55%);
  pointer-events: none;
}
.src-onl .toc-card{
  background: var(--bg-card2);
  border: 1px solid color-mix(in srgb,var(--b-accent) 28%,transparent);
  border-radius: 14px;
  padding: 1.4rem 1.2rem;
  position: sticky;
  top: 74px;
}
.src-onl .toc-card h6{
  font-weight: 800;
  color: color-mix(in srgb,var(--b-accent) 45%,#fff);
  font-size: 0.8rem;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 1rem;
  border-bottom: 1px solid color-mix(in srgb,var(--b-accent) 20%,transparent);
  padding-bottom: 0.6rem;
}
.src-onl .toc-card ul{ list-style: none; padding: 0; margin: 0; }
.src-onl .toc-card ul li{ margin-bottom: 0.45rem; }
.src-onl .toc-card ul li a{
  color: var(--text-muted);
  font-size: 0.82rem;
  font-weight: 600;
  display: flex;
  align-items: flex-start;
  gap: 6px;
  transition: color 0.2s;
}
.src-onl .toc-card ul li a:hover{ color: var(--pink); text-decoration: none; }
.src-onl .toc-card ul li a::before{
  content: '›';
  color: var(--purple);
  font-size: 1rem;
  line-height: 1.2;
  flex-shrink: 0;
}
.src-onl .last-updated{
  display: inline-block;
  background: color-mix(in srgb,var(--b-accent) 15%,transparent);
  border: 1px solid color-mix(in srgb,var(--b-accent) 30%,transparent);
  color: color-mix(in srgb,var(--b-accent) 45%,#fff);
  font-size: 0.75rem;
  font-weight: 700;
  padding: 3px 12px;
  border-radius: 12px;
  margin-bottom: 1rem;
}
.src-onl .privacy-section{
  background: var(--bg-card);
  border: 1px solid color-mix(in srgb,var(--b-accent) 18%,transparent);
  border-left: 4px solid var(--pink);
  border-radius: 0 14px 14px 0;
  padding: 1.75rem 1.5rem;
  margin-bottom: 1.5rem;
  scroll-margin-top: 80px;
}
.src-onl .privacy-section h2{
  font-size: 1.05rem;
  font-weight: 800;
  color: color-mix(in srgb,var(--b-primary) 55%,#fff);
  margin-bottom: 0.85rem;
  display: flex;
  align-items: center;
  gap: 10px;
}
.src-onl .privacy-section h2 .sec-num{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px; height: 28px;
  background: linear-gradient(135deg, var(--pink), var(--purple));
  border-radius: 50%;
  font-size: 0.75rem;
  color: #fff;
  font-weight: 900;
  flex-shrink: 0;
}
.src-onl .privacy-section p{ color: #cbd5e1; font-size: 0.9rem; margin-bottom: 0.75rem; }
.src-onl .privacy-section p:last-child{ margin-bottom: 0; }
.src-onl .privacy-section ul{ padding-left: 1.25rem; margin-bottom: 0.75rem; }
.src-onl .privacy-section ul li{ color: #cbd5e1; font-size: 0.875rem; margin-bottom: 0.4rem; }
.src-onl .privacy-section ul li::marker{ color: var(--pink); }
.src-onl .data-table{
  width: 100%;
  border-collapse: collapse;
  font-size: 0.875rem;
  margin: 1rem 0 0.5rem;
}
.src-onl .data-table thead tr{
  background: linear-gradient(135deg, var(--purple), var(--pink));
}
.src-onl .data-table thead th{
  color: #fff;
  font-weight: 700;
  padding: 0.75rem 1rem;
  border: none;
  text-align: left;
}
.src-onl .data-table tbody tr{
  background: color-mix(in srgb,var(--b-surface2) 60%,transparent);
  border-bottom: 1px solid color-mix(in srgb,var(--b-accent) 15%,transparent);
}
.src-onl .data-table tbody tr:nth-child(even){
  background: color-mix(in srgb,var(--b-surface) 80%,transparent);
}
.src-onl .data-table tbody td{
  color: #cbd5e1;
  padding: 0.65rem 1rem;
  vertical-align: top;
}
.src-onl .feature-icon{
  width: 52px; height: 52px;
  border-radius: 13px;
  background: linear-gradient(135deg, var(--pink), var(--purple));
  display: flex; align-items: center; justify-content: center;
  font-size: 1.4rem; color: #fff;
  margin-bottom: 1rem;
}
.src-onl .notice-pink{
  background: color-mix(in srgb,var(--b-primary) 8%,transparent);
  border: 1px solid color-mix(in srgb,var(--b-primary) 30%,transparent);
  border-radius: 12px;
  padding: 1rem 1.4rem;
}
.src-onl .notice-pink p{ color: #fce7f3; font-size: 0.875rem; margin: 0; }
.src-onl .right-card{
  background: linear-gradient(135deg, color-mix(in srgb,var(--b-accent) 12%,transparent), color-mix(in srgb,var(--b-primary) 8%,transparent));
  border: 1px solid color-mix(in srgb,var(--b-accent) 25%,transparent);
  border-radius: 14px;
  padding: 1.25rem;
  display: flex;
  gap: 1rem;
  align-items: flex-start;
}
.src-onl .right-icon{
  width: 42px; height: 42px; flex-shrink: 0;
  border-radius: 10px;
  background: linear-gradient(135deg, var(--purple), var(--pink));
  display: flex; align-items: center; justify-content: center;
  font-size: 1.1rem; color: #fff;
}
.src-onl .right-card h5{ font-size: 0.9rem; font-weight: 800; color: color-mix(in srgb,var(--b-accent) 45%,#fff); margin-bottom: 0.25rem; }
.src-onl .right-card p{ font-size: 0.82rem; color: var(--text-muted); margin: 0; }
@media (max-width: 991.98px){.src-onl .toc-card{ position: static; margin-bottom: 1.5rem; }}
@media (max-width: 575.98px){.src-onl section{ padding: 40px 0; }.src-onl .page-hero{ padding: 44px 0 32px; }.src-onl .privacy-section{ padding: 1.25rem 1rem; }.src-onl .data-table{ font-size: 0.78rem; }.src-onl .data-table thead th,.src-onl .data-table tbody td{ padding: 0.5rem 0.6rem; }}
.src-onl .page-hero::before{
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse at 70% 40%, color-mix(in srgb,var(--b-primary) 15%,transparent) 0%, transparent 60%),
                radial-gradient(ellipse at 20% 80%, color-mix(in srgb,var(--b-accent) 18%,transparent) 0%, transparent 55%);
    pointer-events: none;
  }
.src-onl .promo-card{
    background: var(--bg-card);
    border: 1px solid color-mix(in srgb,var(--b-accent) 28%,transparent);
    border-radius: 16px;
    overflow: hidden;
    transition: border-color 0.25s, transform 0.25s, box-shadow 0.25s;
  }
.src-onl .promo-card:hover{
    border-color: var(--pink);
    transform: translateY(-4px);
    box-shadow: 0 8px 28px color-mix(in srgb,var(--b-primary) 18%,transparent);
  }
.src-onl .promo-card-header{
    background: linear-gradient(135deg, var(--purple), var(--pink));
    padding: 1.1rem 1.4rem 0.9rem;
    position: relative;
  }
.src-onl .promo-card-header .badge-tag{
    display: inline-block;
    background: rgba(255,255,255,0.2);
    color: #fff;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 3px 10px;
    border-radius: 20px;
    margin-bottom: 0.4rem;
  }
.src-onl .promo-card-header h4{
    color: #fff;
    font-weight: 900;
    font-size: 1.1rem;
    margin: 0;
    line-height: 1.3;
  }
.src-onl .promo-card-body{ padding: 1.25rem 1.4rem; }
.src-onl .promo-card-body p{ color: var(--text-muted); font-size: 0.875rem; margin-bottom: 0.9rem; }
.src-onl .promo-highlight{
    display: flex;
    align-items: center;
    gap: 0.6rem;
    background: color-mix(in srgb,var(--b-accent) 10%,transparent);
    border-radius: 8px;
    padding: 0.55rem 0.85rem;
    margin-bottom: 0.5rem;
  }
.src-onl .promo-highlight i{ color: var(--pink); font-size: 1rem; flex-shrink: 0; }
.src-onl .promo-highlight span{ color: #e2e8f0; font-size: 0.82rem; font-weight: 600; }
.src-onl .btn-promo{
    display: inline-block;
    background: linear-gradient(135deg, var(--purple), var(--pink));
    color: #fff;
    font-weight: 700;
    font-size: 0.875rem;
    padding: 0.55rem 1.4rem;
    border-radius: 8px;
    margin-top: 0.75rem;
    transition: opacity 0.2s, transform 0.2s;
  }
.src-onl .btn-promo:hover{ opacity: 0.85; transform: translateY(-2px); color: #fff; text-decoration: none; }
.src-onl .btn-promo-outline{
    display: inline-block;
    background: transparent;
    color: color-mix(in srgb,var(--b-accent) 45%,#fff);
    font-weight: 700;
    font-size: 0.875rem;
    padding: 0.55rem 1.4rem;
    border-radius: 8px;
    border: 2px solid var(--purple);
    margin-top: 0.75rem;
    transition: background 0.2s, color 0.2s;
  }
.src-onl .btn-promo-outline:hover{ background: var(--purple); color: #fff; text-decoration: none; }
.src-onl .vip-tier{
    background: var(--bg-card2);
    border: 1px solid color-mix(in srgb,var(--b-accent) 30%,transparent);
    border-radius: 14px;
    padding: 1.4rem 1.2rem;
    text-align: center;
    transition: border-color 0.2s, box-shadow 0.2s;
  }
.src-onl .vip-tier:hover{ border-color: var(--pink); box-shadow: 0 0 20px color-mix(in srgb,var(--b-primary) 15%,transparent); }
.src-onl .vip-tier .tier-icon{
    font-size: 2.2rem;
    margin-bottom: 0.6rem;
    display: block;
  }
.src-onl .vip-tier h5{ font-weight: 800; color: #e2e8f0; font-size: 1rem; margin-bottom: 0.3rem; }
.src-onl .vip-tier p{ color: var(--text-muted); font-size: 0.8rem; margin: 0; }
.src-onl .vip-tier .tier-badge{
    display: inline-block;
    font-size: 0.7rem;
    font-weight: 700;
    padding: 3px 10px;
    border-radius: 20px;
    margin-bottom: 0.6rem;
    letter-spacing: 0.5px;
  }
.src-onl .icon-circle{
    width: 52px; height: 52px; border-radius: 50%;
    background: linear-gradient(135deg, var(--purple), var(--pink));
    display: flex; align-items: center; justify-content: center;
    font-size: 1.35rem; color: #fff;
    margin-bottom: 1rem; flex-shrink: 0;
  }
.src-onl .page-hero{
  background: linear-gradient(135deg, var(--b-bg) 0%, #1a0a3d 50%, var(--b-surface) 100%);
  padding: 64px 0 52px;
  position: relative;
  overflow: hidden;
}
.src-onl .page-hero::before{
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse at 75% 15%, color-mix(in srgb,var(--b-primary) 13%,transparent) 0%, transparent 55%),
    radial-gradient(ellipse at 15% 80%, color-mix(in srgb,var(--b-accent) 18%,transparent) 0%, transparent 55%);
  pointer-events: none;
}
.src-onl .register-panel{
  background: var(--bg-card);
  border: 1px solid color-mix(in srgb,var(--b-accent) 30%,transparent);
  border-radius: 20px;
  padding: 2rem 1.75rem;
  position: relative;
  overflow: hidden;
}
.src-onl .register-panel::before{
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 4px;
  background: linear-gradient(90deg, var(--purple), var(--pink));
}
.src-onl .register-panel h2{
  font-size: 1.2rem;
  font-weight: 900;
  color: color-mix(in srgb,var(--b-primary) 55%,#fff);
  margin-bottom: 1.5rem;
  text-align: center;
}
.src-onl .input-custom{
  width: 100%;
  background: color-mix(in srgb,var(--b-surface2) 60%,transparent);
  border: 1px solid color-mix(in srgb,var(--b-accent) 35%,transparent);
  border-radius: 10px;
  padding: 0.65rem 1rem;
  color: #e2e8f0;
  font-size: 0.9rem;
  font-family: 'Nunito', sans-serif;
  transition: border-color 0.2s, box-shadow 0.2s;
  outline: none;
  margin-bottom: 1rem;
}
.src-onl .input-group-custom{
  position: relative;
  margin-bottom: 1rem;
}
.src-onl .input-group-custom .input-icon{
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--purple);
  font-size: 1rem;
  pointer-events: none;
}
.src-onl .input-group-custom .input-custom{
  padding-left: 2.5rem;
  margin-bottom: 0;
}
.src-onl .btn-register-main{
  display: block;
  width: 100%;
  text-align: center;
  background: linear-gradient(135deg, var(--purple), var(--pink));
  color: #fff;
  font-weight: 900;
  font-size: 1rem;
  border-radius: 12px;
  padding: 0.85rem 1rem;
  margin-top: 0.5rem;
  transition: opacity 0.2s, transform 0.2s;
  letter-spacing: 0.5px;
}
.src-onl .btn-register-main:hover{
  opacity: 0.88;
  transform: translateY(-2px);
  color: #fff;
  text-decoration: none;
}
.src-onl .divider-text{
  text-align: center;
  color: var(--text-muted);
  font-size: 0.8rem;
  margin: 1rem 0;
  position: relative;
}
.src-onl .login-link-wrap{
  text-align: center;
  font-size: 0.85rem;
  color: var(--text-muted);
  margin-top: 1rem;
}
.src-onl .login-link-wrap a{ color: var(--pink); font-weight: 700; }
.src-onl .terms-note{
  text-align: center;
  font-size: 0.75rem;
  color: #64748b;
  margin-top: 0.75rem;
  line-height: 1.5;
}
.src-onl .terms-note a{ color: var(--b-accent); }
.src-onl .benefit-list li{
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 0.6rem 0;
  border-bottom: 1px solid color-mix(in srgb,var(--b-accent) 10%,transparent);
  font-size: 0.9rem;
  color: #cbd5e1;
}
.src-onl .step-item{
  display: flex;
  gap: 1.25rem;
  align-items: flex-start;
  margin-bottom: 1.5rem;
  position: relative;
}
.src-onl .step-num{
  width: 44px; height: 44px; flex-shrink: 0;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--purple), var(--pink));
  display: flex; align-items: center; justify-content: center;
  font-weight: 900; font-size: 1rem; color: #fff;
  position: relative; z-index: 1;
}
.src-onl .step-line{
  position: absolute;
  left: 22px; top: 44px;
  width: 2px;
  height: calc(100% + 8px);
  background: linear-gradient(to bottom, color-mix(in srgb,var(--b-accent) 40%,transparent), transparent);
}
.src-onl .step-item:last-child .step-line{ display: none; }
.src-onl .step-content h4{ font-size: 0.95rem; font-weight: 800; color: color-mix(in srgb,var(--b-primary) 55%,#fff); margin-bottom: 0.3rem; }
.src-onl .step-content p{ color: #94a3b8; font-size: 0.85rem; margin: 0; }
.src-onl .bonus-card{
  background: linear-gradient(135deg, color-mix(in srgb,var(--b-accent) 15%,transparent), color-mix(in srgb,var(--b-primary) 10%,transparent));
  border: 1px solid color-mix(in srgb,var(--b-primary) 30%,transparent);
  border-radius: 16px;
  padding: 1.5rem 1.4rem;
  text-align: center;
}
.src-onl .bonus-amount{
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 900;
  background: linear-gradient(135deg, color-mix(in srgb,var(--b-accent) 45%,#fff), var(--pink));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  line-height: 1.1;
}
.src-onl .bonus-label{ color: #cbd5e1; font-size: 0.85rem; margin-top: 0.25rem; }
@media (max-width: 575.98px){.src-onl section{ padding: 40px 0; }.src-onl .page-hero{ padding: 44px 0 32px; }.src-onl .register-panel{ padding: 1.5rem 1.1rem; }}
.src-onl .page-hero{
  background: linear-gradient(135deg, var(--b-bg) 0%, #1a0a3d 50%, var(--b-surface) 100%);
  padding: 64px 0 48px;
  position: relative;
  overflow: hidden;
}
.src-onl .tool-card{
  background: var(--bg-card);
  border: 1px solid color-mix(in srgb,var(--b-accent) 22%,transparent);
  border-top: 4px solid var(--purple);
  border-radius: 16px;
  padding: 1.75rem 1.4rem;
  transition: border-color 0.22s, box-shadow 0.22s, transform 0.2s;
}
.src-onl .tool-card:hover{
  border-color: var(--pink);
  border-top-color: var(--pink);
  box-shadow: 0 8px 30px color-mix(in srgb,var(--b-primary) 13%,transparent);
  transform: translateY(-4px);
}
.src-onl .tool-icon{
  width: 54px; height: 54px;
  border-radius: 14px;
  background: linear-gradient(135deg, var(--purple), var(--pink));
  display: flex; align-items: center; justify-content: center;
  font-size: 1.5rem; color: #fff;
  margin-bottom: 1rem;
}
.src-onl .tool-card h3{ font-weight: 800; color: #e2e8f0; font-size: 1rem; margin-bottom: 0.5rem; }
.src-onl .tool-card p{ color: var(--text-muted); font-size: 0.875rem; margin: 0 0 0.75rem; }
.src-onl .tool-badge{
  display: inline-block;
  background: color-mix(in srgb,var(--b-accent) 18%,transparent);
  border: 1px solid color-mix(in srgb,var(--b-accent) 30%,transparent);
  color: color-mix(in srgb,var(--b-accent) 45%,#fff);
  font-size: 0.72rem;
  font-weight: 700;
  padding: 2px 10px;
  border-radius: 12px;
}
.src-onl .sign-card{
  background: var(--bg-card2);
  border: 1px solid color-mix(in srgb,var(--b-accent) 20%,transparent);
  border-radius: 14px;
  padding: 1.4rem 1.25rem;
}
.src-onl .sign-card h3{ font-size: 0.95rem; font-weight: 800; color: color-mix(in srgb,var(--b-accent) 45%,#fff); margin-bottom: 1rem; }
.src-onl .sign-item{
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 0.75rem;
}
.src-onl .sign-dot{
  width: 22px; height: 22px; flex-shrink: 0;
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  font-size: 0.7rem; font-weight: 900; color: #fff;
  margin-top: 2px;
}
.src-onl .sign-dot.red{ background: #ef4444; }
.src-onl .sign-dot.orange{ background: #f97316; }
.src-onl .sign-dot.yellow{ background: #eab308; }
.src-onl .sign-item p{ color: #cbd5e1; font-size: 0.85rem; margin: 0; }
.src-onl .step-wrap{ position: relative; }
.src-onl .step-num{
  width: 42px; height: 42px; flex-shrink: 0;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--purple), var(--pink));
  display: flex; align-items: center; justify-content: center;
  font-weight: 900; font-size: 1rem; color: #fff;
  position: relative;
  z-index: 1;
}
.src-onl .step-line{
  position: absolute;
  left: 21px;
  top: 42px;
  width: 2px;
  height: calc(100% + 8px);
  background: linear-gradient(to bottom, color-mix(in srgb,var(--b-accent) 40%,transparent), transparent);
}
.src-onl .notice-warn{
  background: rgba(234,179,8,0.08);
  border: 1px solid rgba(234
,179,8,0.28);
  border-radius: 12px;
  padding: 1rem 1.4rem;
}
.src-onl .notice-warn p{ color: #fef9c3; font-size: 0.875rem; margin: 0; }
.src-onl .accordion-button{
  background: var(--bg-card2) !important;
  color: #e2e8f0 !important;
  font-weight: 700;
  font-size: 0.92rem;
  border-radius: 12px !important;
  box-shadow: none !important;
}
.src-onl .accordion-button::after{
  filter: brightness(0) invert(1);
}
@media (max-width: 575.98px){.src-onl section{ padding: 40px 0; }.src-onl .page-hero{ padding: 44px 0 32px; }}
.src-onl .page-hero::before{
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse at 80% 10%, color-mix(in srgb,var(--b-primary) 12%,transparent) 0%, transparent 55%),
    radial-gradient(ellipse at 10% 85%, color-mix(in srgb,var(--b-accent) 16%,transparent) 0%, transparent 55%);
  pointer-events: none;
}
.src-onl .page-hero p.lead{ color: #cbd5e1; font-size: 1rem; max-width: 620px; }
.src-onl .terms-section{
  background: var(--bg-card);
  border: 1px solid color-mix(in srgb,var(--b-accent) 18%,transparent);
  border-left: 4px solid var(--purple);
  border-radius: 0 14px 14px 0;
  padding: 1.75rem 1.5rem;
  margin-bottom: 1.5rem;
  scroll-margin-top: 80px;
}
.src-onl .terms-section h2{
  font-size: 1.05rem;
  font-weight: 800;
  color: color-mix(in srgb,var(--b-accent) 45%,#fff);
  margin-bottom: 0.85rem;
  display: flex;
  align-items: center;
  gap: 10px;
}
.src-onl .terms-section h2 .sec-num{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px; height: 28px;
  background: linear-gradient(135deg, var(--purple), var(--pink));
  border-radius: 50%;
  font-size: 0.75rem;
  color: #fff;
  font-weight: 900;
  flex-shrink: 0;
}
.src-onl .terms-section p{ color: #cbd5e1; font-size: 0.9rem; margin-bottom: 0.75rem; }
.src-onl .terms-section p:last-child{ margin-bottom: 0; }
.src-onl .terms-section ul{
  padding-left: 1.25rem;
  margin-bottom: 0.75rem;
}
.src-onl .terms-section ul li{ color: #cbd5e1; font-size: 0.875rem; margin-bottom: 0.4rem; }
.src-onl .terms-section ul li::marker{ color: var(--pink); }
.src-onl .feature-icon{
  width: 52px; height: 52px; border-radius: 13px;
  background: linear-gradient(135deg, var(--purple), var(--pink));
  display: flex; align-items: center; justify-content: center;
  font-size: 1.4rem; color: #fff; margin-bottom: 1rem;
}
.src-onl .notice-warn{
  background: rgba(251,191,36,0.08);
  border: 1px solid rgba(251,191,36,0.28);
  border-radius: 12px;
  padding: 1rem 1.4rem;
}
.src-onl .notice-warn p{ color: #fde68a; font-size: 0.875rem; margin: 0; }
@media (max-width: 575.98px){.src-onl section{ padding: 40px 0; }.src-onl .page-hero{ padding: 44px 0 32px; }.src-onl .terms-section{ padding: 1.25rem 1rem; }}
.src-bet{--bg:var(--b-bg);--surface:var(--b-surface);--text:var(--b-text);--heading:var(--b-heading);--muted:var(--b-muted);--primary:var(--b-primary);--on-primary:var(--b-on-primary);--accent:var(--b-accent);--border:color-mix(in srgb,var(--b-text) 12%,transparent);}
.src-bet *{box-sizing:border-box;margin:0;padding:0;}
.src-bet{background:var(--bg);color:var(--text);font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;overflow-x:hidden;}
.src-bet a{color:var(--primary);text-decoration:none;}
.src-bet a:hover{opacity:.85;}
.src-bet h1,.src-bet h2,.src-bet h3,.src-bet h4,.src-bet h5,.src-bet h6{color:var(--heading);}
.src-bet .navbar{background:var(--surface);border-bottom:1px solid var(--border);}
.src-bet .navbar-brand img{height:44px;}
.src-bet .navbar-toggler{border-color:var(--border);}
.src-bet .navbar-toggler-icon{filter:invert(1);}
.src-bet .nav-link{color:var(--text) !important;font-weight:500;padding:.5rem 1rem !important;transition:color .2s;}
.src-bet .nav-link:hover,.src-bet .nav-link.active{color:var(--primary) !important;}
.src-bet .btn-primary-custom{background:var(--primary);color:var(--on-primary);border:none;font-weight:700;border-radius:8px;padding:.6rem 1.6rem;transition:opacity .2s,transform .15s;display:inline-block;}
.src-bet .btn-primary-custom:hover{opacity:.9;transform:translateY(-1px);color:var(--on-primary);}
.src-bet .btn-outline-custom{background:transparent;color:var(--primary);border:2px solid var(--primary);font-weight:700;border-radius:8px;padding:.6rem 1.6rem;transition:all .2s;display:inline-block;}
.src-bet .btn-outline-custom:hover{background:var(--primary);color:var(--on-primary);}
.src-bet .breadcrumb-wrap{background:var(--surface);border-bottom:1px solid var(--border);padding:.75rem 0;}
.src-bet .breadcrumb{margin:0;background:transparent;padding:0;}
.src-bet .breadcrumb-item a{color:var(--primary);}
.src-bet .breadcrumb-item.active{color:var(--muted);}
.src-bet .breadcrumb-item+.breadcrumb-item::before{color:var(--muted);}
.src-bet .page-hero{background:linear-gradient(135deg,var(--surface) 0%,var(--bg) 100%);border-bottom:1px solid var(--border);padding:80px 0 70px;position:relative;overflow:hidden;}
.src-bet .hero-badge{display:inline-block;background:var(--primary);color:var(--on-primary);font-size:.78rem;font-weight:800;padding:.28rem .9rem;border-radius:20px;letter-spacing:.06em;margin-bottom:1rem;}
.src-bet .hero-deco{position:absolute;opacity:.05;pointer-events:none;color:var(--primary);}
.src-bet .hd1{font-size:11rem;top:-20px;right:2%;}
.src-bet .hd2{font-size:8rem;bottom:-25px;right:22%;}
.src-bet .hd3{font-size:7rem;top:35%;left:.5%;}
.src-bet section{padding:72px 0;}
.src-bet .section-title{font-size:1.95rem;font-weight:800;color:var(--heading);margin-bottom:.5rem;}
.src-bet .section-subtitle{color:var(--muted);font-size:1.02rem;margin-bottom:2.2rem;line-height:1.7;}
.src-bet .divider-gold{width:56px;height:4px;background:var(--primary);border-radius:4px;margin:0 auto 1.4rem;}
.src-bet .divider-gold-left{width:56px;height:4px;background:var(--primary);border-radius:4px;margin:0 0 1.4rem;}
.src-bet .stat-box{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:1.4rem 1rem;text-align:center;transition:transform .2s,box-shadow .2s;}
.src-bet .stat-box:hover{transform:translateY(-4px);box-shadow:0 8px 24px color-mix(in srgb,var(--b-primary) 18%,transparent);}
.src-bet .stat-num{font-size:2.2rem;font-weight:900;color:var(--primary);line-height:1;}
.src-bet .stat-label{color:var(--muted);font-size:.84rem;margin-top:.35rem;line-height:1.4;}
.src-bet .mv-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:2rem 1.6rem;height:100%;position:relative;overflow:hidden;transition:transform .22s,box-shadow .22s;}
.src-bet .mv-card:hover{transform:translateY(-5px);box-shadow:0 12px 32px color-mix(in srgb,var(--b-primary) 20%,transparent);}
.src-bet .mv-icon{font-size:2.6rem;color:var(--primary);margin-bottom:1rem;}
.src-bet .mv-card h4{color:var(--heading);font-weight:800;margin-bottom:.7rem;}
.src-bet .mv-card p{color:var(--muted);font-size:.92rem;line-height:1.82;margin:0;}
.src-bet .mv-deco{position:absolute;right:-20px;bottom:-20px;font-size:7rem;opacity:.04;color:var(--primary);pointer-events:none;}
.src-bet .feature-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1.6rem;height:100%;transition:transform .22s,box-shadow .22s;}
.src-bet .feature-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px color-mix(in srgb,var(--b-primary) 20%,transparent);}
.src-bet .feature-icon-wrap{width:54px;height:54px;border-radius:14px;background:var(--bg);display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--primary);margin-bottom:1rem;flex-shrink:0;}
.src-bet .feature-card h5{color:var(--heading);font-weight:800;font-size:1.05rem;margin-bottom:.6rem;}
.src-bet .feature-card p{color:var(--muted);font-size:.9rem;line-height:1.78;margin:0;}
.src-bet .feature-tag{display:inline-block;background:var(--primary);color:var(--on-primary);font-size:.68rem;font-weight:800;padding:.18rem .55rem;border-radius:20px;margin-bottom:.6rem;}
.src-bet .timeline{position:relative;padding-left:2.4rem;}
.src-bet .timeline::before{content:'';position:absolute;left:.75rem;top:0;bottom:0;width:2px;background:var(--border);}
.src-bet .timeline-item{position:relative;margin-bottom:2rem;}
.src-bet .timeline-item:last-child{margin-bottom:0;}
.src-bet .timeline-dot{position:absolute;left:-2.4rem;width:24px;height:24px;border-radius:50%;background:var(--primary);border:3px solid var(--bg);display:flex;align-items:center;justify-content:center;top:.3rem;}
.src-bet .timeline-dot i{font-size:.6rem;color:var(--on-primary);}
.src-bet .timeline-year{display:inline-block;background:var(--primary);color:var(--on-primary);font-size:.72rem;font-weight:800;padding:.18rem .6rem;border-radius:20px;margin-bottom:.4rem;}
.src-bet .timeline-title{color:var(--heading);font-weight:700;font-size:.97rem;margin-bottom:.3rem;}
.src-bet .timeline-desc{color:var(--muted);font-size:.88rem;line-height:1.72;}
.src-bet .team-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1.5rem;text-align:center;height:100%;transition:transform .2s;}
.src-bet .team-card:hover{transform:translateY(-4px);}
.src-bet .team-avatar{width:72px;height:72px;border-radius:50%;background:var(--bg);border:3px solid var(--primary);display:flex;align-items:center;justify-content:center;font-size:1.8rem;color:var(--primary);margin:0 auto 1rem;}
.src-bet .team-name{color:var(--heading);font-weight:700;font-size:.97rem;}
.src-bet .team-role{color:var(--primary);font-size:.8rem;font-weight:600;margin:.2rem 0 .5rem;}
.src-bet .team-desc{color:var(--muted);font-size:.84rem;line-height:1.7;}
.src-bet .value-pill{display:inline-flex;align-items:center;gap:.5rem;background:var(--surface);border:1px solid var(--border);border-radius:30px;padding:.45rem 1.1rem;font-size:.88rem;color:var(--text);font-weight:600;margin:.3rem;transition:border-color .2s,transform .15s;}
.src-bet .value-pill:hover{border-color:var(--primary);transform:translateY(-2px);}
.src-bet .value-pill i{color:var(--primary);}
.src-bet .pay-badge{display:inline-flex;align-items:center;gap:.4rem;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:.4rem .8rem;font-size:.8rem;color:var(--text);font-weight:600;}
.src-bet .prog-wrap{margin-bottom:1.1rem;}
.src-bet .prog-label{display:flex;justify-content:space-between;margin-bottom:.3rem;}
.src-bet .prog-label span:first-child{color:var(--text);font-size:.88rem;font-weight:600;}
.src-bet .prog-label span:last-child{color:var(--primary);font-weight:700;font-size:.85rem;}
.src-bet .prog-bar{background:var(--surface);border-radius:10px;height:7px;overflow:hidden;}
.src-bet .prog-fill{height:7px;border-radius:10px;background:var(--primary);width:0;transition:width 1.4s ease;}
.src-bet .notice-bar{background:var(--surface);border-left:4px solid var(--primary);border-radius:0 10px 10px 0;padding:1rem 1.4rem;display:flex;gap:.8rem;align-items:flex-start;}
.src-bet .notice-bar i{color:var(--primary);font-size:1.2rem;flex-shrink:0;margin-top:.1rem;}
.src-bet .notice-bar p{color:var(--text);font-size:.9rem;margin:0;line-height:1.7;}
.src-bet .cta-section{background:linear-gradient(135deg,var(--surface) 0%,var(--bg) 100%);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:72px 0;position:relative;overflow:hidden;}
.src-bet .cta-deco{position:absolute;opacity:.04;pointer-events:none;color:var(--primary);}
.src-bet .accordion-item{background:var(--surface);border:1px solid var(--border);border-radius:10px !important;margin-bottom:.6rem;overflow:hidden;}
.src-bet .accordion-button{background:var(--surface);color:var(--heading);font-weight:600;box-shadow:none !important;}
.src-bet .accordion-button:not(.collapsed){background:var(--bg);color:var(--primary);}
.src-bet .accordion-button::after{filter:invert(1);}
.src-bet .accordion-body{background:var(--bg);color:var(--muted);font-size:.92rem;line-height:1.85;border-top:1px solid var(--border);}
.src-bet footer{background:var(--surface);border-top:1px solid var(--border);padding:48px 0 24px;}
.src-bet .footer-link{color:var(--muted);font-size:.92rem;transition:color .2s;}
.src-bet .footer-link:hover{color:var(--primary);}
@media(max-width:768px){.src-bet .section-title{font-size:1.4rem;}.src-bet .page-hero{padding:50px 0 40px;}}
.src-bet .page-hero{background:linear-gradient(135deg,var(--surface) 0%,var(--bg) 100%);border-bottom:1px solid var(--border);padding:68px 0 58px;position:relative;overflow:hidden;}
.src-bet .hero-badge{display:inline-block;background:var(--primary);color:var(--on-primary);font-size:.78rem;font-weight:800;padding:.28rem .85rem;border-radius:20px;letter-spacing:.06em;margin-bottom:1rem;}
.src-bet .hero-card-deco{position:absolute;opacity:.05;pointer-events:none;color:var(--primary);}
.src-bet .hc1{font-size:10rem;top:-15px;right:2%;}
.src-bet .hc2{font-size:8rem;bottom:-25px;right:18%;}
.src-bet .hc3{font-size:7rem;top:35%;left:1%;}
.src-bet section{padding:64px 0;}
.src-bet .section-title{font-size:1.9rem;font-weight:800;color:var(--heading);margin-bottom:.5rem;}
.src-bet .section-subtitle{color:var(--muted);font-size:1.02rem;margin-bottom:2.2rem;}
.src-bet .stat-box{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.2rem;text-align:center;}
.src-bet .stat-num{font-size:2rem;font-weight:900;color:var(--primary);line-height:1;}
.src-bet .stat-label{color:var(--muted);font-size:.82rem;margin-top:.3rem;}
.src-bet .bac-table{background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden;}
.src-bet .bac-table-top{background:var(--bg);padding:1rem 1.3rem;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:.8rem;}
.src-bet .bac-live-pill{background:#e53e3e;color:var(--heading);font-size:.65rem;font-weight:800;padding:.18rem .5rem;border-radius:20px;display:inline-flex;align-items:center;gap:3px;}
.src-bet .bac-live-dot{width:6px;height:6px;background:var(--heading);border-radius:50%;animation:blinkdot_bet 1s infinite;}
@keyframes blinkdot_bet{0%,100%{opacity:1;}50%{opacity:0;}}
.src-bet .bac-hand{display:flex;gap:.4rem;flex-wrap:wrap;}
.src-bet .bac-card{width:38px;height:54px;background:var(--heading);border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:900;border:1px solid var(--border);flex-shrink:0;}
.src-bet .bac-card.red{color:#c53030;}
.src-bet .bac-card.black{color:#1a1a2e;}
.src-bet .bet-side{flex:1;text-align:center;padding:.8rem .5rem;cursor:pointer;border-radius:10px;border:2px solid transparent;transition:all .2s;}
.src-bet .bet-side:hover{border-color:var(--primary);}
.src-bet .bet-side.banker{background:color-mix(in srgb,var(--b-primary) 8%,transparent);}
.src-bet .bet-side.player{background:rgba(255,255,255,.05);}
.src-bet .bet-side.tie{background:rgba(255,255,255,.03);}
.src-bet .bet-side-label{font-size:.72rem;color:var(--muted);font-weight:600;letter-spacing:.05em;text-transform:uppercase;}
.src-bet .bet-side-odds{font-size:1.5rem;font-weight:900;color:var(--primary);}
.src-bet .bet-side-payout{font-size:.75rem;color:var(--muted);}
.src-bet .road-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:3px;}
.src-bet .road-cell{width:100%;aspect-ratio:1;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:900;}
.src-bet .road-cell.b{background:var(--primary);color:var(--on-primary);}
.src-bet .road-cell.p{background:var(--surface);border:2px solid var(--primary);color:var(--primary);}
.src-bet .road-cell.t{background:var(--bg);border:2px solid var(--muted);color:var(--muted);}
.src-bet .variant-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1.5rem;height:100%;transition:transform .22s,box-shadow .22s;position:relative;overflow:hidden;}
.src-bet .variant-card:hover{transform:translateY(-5px);box-shadow:0 10px 32px color-mix(in srgb,var(--b-primary) 20%,transparent);}
.src-bet .variant-badge{position:absolute;top:14px;right:14px;font-size:.68rem;font-weight:800;padding:.2rem .55rem;border-radius:20px;}
.src-bet .variant-badge.hot{background:var(--primary);color:var(--on-primary);}
.src-bet .variant-badge.new{background:var(--bg);border:1px solid var(--primary);color:var(--primary);}
.src-bet .variant-badge.vip{background:var(--surface);border:1px solid var(--muted);color:var(--muted);}
.src-bet .variant-icon{font-size:2.6rem;color:var(--primary);margin-bottom:.8rem;}
.src-bet .variant-card h5{color:var(--heading);font-weight:800;margin-bottom:.5rem;}
.src-bet .variant-card p{color:var(--muted);font-size:.88rem;line-height:1.72;margin-bottom:.8rem;}
.src-bet .rtp-chip{display:inline-block;background:var(--bg);border:1px solid var(--border);border-radius:6px;font-size:.75rem;color:var(--primary);font-weight:700;padding:.22rem .6rem;}
.src-bet .score-table th{background:var(--surface);color:var(--primary);font-weight:700;border-color:var(--border);font-size:.88rem;}
.src-bet .score-table td{background:var(--bg);color:var(--text);border-color:var(--border);font-size:.88rem;vertical-align:middle;}
.src-bet .result-b{color:var(--primary);font-weight:800;}
.src-bet .result-p{color:var(--heading);font-weight:700;}
.src-bet .result-t{color:var(--muted);font-weight:700;}
.src-bet .strat-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.3rem;height:100%;transition:transform .2s;}
.src-bet .strat-card:hover{transform:translateY(-3px);}
.src-bet .strat-num{width:34px;height:34px;border-radius:8px;background:var(--primary);color:var(--on-primary);font-weight:900;display:flex;align-items:center;justify-content:center;font-size:.95rem;flex-shrink:0;}
.src-bet .pattern-row{display:flex;gap:.35rem;flex-wrap:wrap;margin-top:.5rem;}
.src-bet .p-chip{width:22px;height:22px;border-radius:50%;font-size:.6rem;font-weight:900;display:flex;align-items:center;justify-content:center;}
.src-bet .p-chip.b{background:var(--primary);color:var(--on-primary);}
.src-bet .p-chip.p{background:var(--surface);border:1.5px solid var(--primary);color:var(--primary);}
.src-bet .p-chip.t{background:var(--bg);border:1.5px solid var(--muted);color:var(--muted);}
.src-bet .step-row{display:flex;gap:1.1rem;align-items:flex-start;margin-bottom:1.4rem;}
.src-bet .step-circle{width:44px;height:44px;border-radius:50%;background:var(--primary);color:var(--on-primary);font-weight:900;font-size:1.05rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.src-bet .notice-bar{background:var(--surface);border-left:4px solid var(--primary);border-radius:0 10px 10px 0;padding:1rem 1.3rem;display:flex;gap:.8rem;align-items:flex-start;}
.src-bet .accordion-button{background:var(--surface);color:var(--heading);font-weight:600;font-size:.96rem;box-shadow:none !important;}
.src-bet .pct-bar{background:var(--surface);border-radius:10px;height:8px;overflow:hidden;margin:.3rem 0 .8rem;}
.src-bet .pct-fill{height:8px;border-radius:10px;background:var(--primary);}
.src-bet .content-img{border-radius:14px;width:100%;display:block;border:1px solid var(--border);}
.src-bet .winner-ticker{background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:.6rem 0;overflow:hidden;white-space:nowrap;}
.src-bet .ticker-inner{display:inline-block;animation:tickmove_bet 30s linear infinite;}
.src-bet .ticker-inner:hover{animation-play-state:paused;}
@keyframes tickmove_bet{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}
.src-bet .tick-item{display:inline-flex;align-items:center;gap:.5rem;margin:0 2.5rem;color:var(--text);font-size:.85rem;}
.src-bet .tick-amt{color:var(--primary);font-weight:800;}
@media(max-width:768px){.src-bet .section-title{font-size:1.4rem;}.src-bet .page-hero{padding:44px 0 36px;}.src-bet .road-grid{grid-template-columns:repeat(8,1fr);}}
.src-bet .page-hero{background:linear-gradient(135deg,var(--surface) 0%,var(--bg) 100%);border-bottom:1px solid var(--border);padding:64px 0 56px;position:relative;overflow:hidden;}
.src-bet .hero-deco{position:absolute;opacity:.05;pointer-events:none;font-size:9rem;color:var(--primary);}
.src-bet .deco-1{top:-10px;right:3%;}
.src-bet .deco-2{bottom:-20px;right:22%;}
.src-bet .deco-3{top:40%;left:1%;}
.src-bet .player-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1.5rem;height:100%;transition:transform .22s,box-shadow .22s;}
.src-bet .player-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px color-mix(in srgb,var(--b-primary) 22%,transparent);}
.src-bet .player-rank{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--primary);color:var(--on-primary);font-weight:900;font-size:.9rem;flex-shrink:0;}
.src-bet .player-flag{font-size:1.5rem;}
.src-bet .player-name{color:var(--heading);font-weight:700;font-size:1rem;}
.src-bet .player-country{color:var(--muted);font-size:.82rem;}
.src-bet .player-odds{color:var(--primary);font-weight:900;font-size:1.2rem;}
.src-bet .match-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;overflow:hidden;margin-bottom:.8rem;transition:transform .15s;}
.src-bet .match-card:hover{transform:translateX(3px);}
.src-bet .match-header{background:var(--bg);padding:.55rem 1.1rem;display:flex;align-items:center;gap:.6rem;border-bottom:1px solid var(--border);}
.src-bet .match-header-text{font-size:.78rem;color:var(--muted);font-weight:600;}
.src-bet .tournament-pill{background:var(--primary);color:var(--on-primary);font-size:.68rem;font-weight:800;padding:.18rem .5rem;border-radius:20px;}
.src-bet .match-body{padding:.9rem 1.1rem;display:flex;align-items:center;gap:.8rem;}
.src-bet .match-players{flex:1;min-width:0;}
.src-bet .match-players strong{color:var(--heading);font-size:.92rem;display:block;}
.src-bet .match-players span{color:var(--muted);font-size:.78rem;}
.src-bet .match-vs{color:var(--primary);font-weight:900;font-size:.85rem;flex-shrink:0;padding:0 .3rem;}
.src-bet .odds-group{display:flex;gap:.4rem;flex-shrink:0;}
.src-bet .odds-btn{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:7px;padding:.3rem .65rem;font-size:.8rem;font-weight:700;min-width:48px;text-align:center;transition:all .15s;cursor:pointer;}
.src-bet .odds-btn:hover{background:var(--primary);color:var(--on-primary);border-color:var(--primary);}
.src-bet .odds-btn.highlight{border-color:var(--primary);color:var(--primary);}
.src-bet .live-pill{background:#e53e3e;color:var(--heading);font-size:.65rem;font-weight:800;padding:.15rem .45rem;border-radius:20px;display:inline-flex;align-items:center;gap:3px;}
.src-bet .live-dot{width:6px;height:6px;background:var(--heading);border-radius:50%;animation:blink_bet 1s infinite;}
@keyframes blink_bet{0%,100%{opacity:1;}50%{opacity:0;}}
.src-bet .market-tab{background:transparent;border:1px solid var(--border);color:var(--muted);border-radius:30px;padding:.38rem 1rem;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap;}
.src-bet .market-tab:hover,.src-bet .market-tab.active{background:var(--primary);color:var(--on-primary);border-color:var(--primary);}
.src-bet .tourn-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:1.3rem;height:100%;transition:transform .2s,box-shadow .15s;}
.src-bet .tourn-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px color-mix(in srgb,var(--b-primary) 18%,transparent);}
.src-bet .tourn-icon{width:48px;height:48px;border-radius:12px;background:var(--bg);display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--primary);flex-shrink:0;}
.src-bet .tourn-card h6{color:var(--heading);font-weight:700;margin-bottom:.25rem;font-size:.95rem;}
.src-bet .tourn-card p{color:var(--muted);font-size:.83rem;margin:0;line-height:1.6;}
.src-bet .tourn-badge{font-size:.7rem;font-weight:700;padding:.2rem .55rem;border-radius:20px;display:inline-block;margin-top:.4rem;}
.src-bet .tourn-badge.super1000{background:var(--primary);color:var(--on-primary);}
.src-bet .tourn-badge.super750{background:var(--surface);border:1px solid var(--primary);color:var(--primary);}
.src-bet .tourn-badge.team{background:var(--bg);color:var(--primary);border:1px solid var(--border);}
.src-bet .how-step{display:flex;gap:1.2rem;align-items:flex-start;margin-bottom:1.4rem;}
.src-bet .how-num{width:42px;height:42px;border-radius:50%;background:var(--primary);color:var(--on-primary);font-weight:900;font-size:1.1rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.src-bet .how-text strong{color:var(--heading);font-size:.97rem;display:block;margin-bottom:.2rem;}
.src-bet .how-text p{color:var(--muted);font-size:.88rem;margin:0;line-height:1.65;}
.src-bet .tip-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.2rem 1.3rem;margin-bottom:.8rem;display:flex;gap:1rem;align-items:flex-start;}
.src-bet .tip-num{width:34px;height:34px;border-radius:8px;background:var(--primary);color:var(--on-primary);font-weight:900;font-size:.95rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.src-bet .tip-card h6{color:var(--heading);font-weight:700;margin-bottom:.25rem;font-size:.93rem;}
.src-bet .tip-card p{color:var(--muted);font-size:.87rem;margin:0;line-height:1.68;}
.src-bet .cat-pill{display:inline-flex;align-items:center;gap:.5rem;background:var(--surface);border:1px solid var(--border);border-radius:30px;padding:.4rem 1rem;font-size:.85rem;color:var(--text);font-weight:600;transition:border-color .2s;}
.src-bet .cat-pill:hover{border-color:var(--primary);}
.src-bet .cat-pill i{color:var(--primary);}
.src-bet .cd-box{background:var(--bg);border-radius:8px;padding:.5rem .7rem;text-align:center;min-width:52px;}
.src-bet .cd-num{font-size:1.4rem;font-weight:900;color:var(--primary);line-height:1;}
.src-bet .cd-label{font-size:.62rem;color:var(--muted);margin-top:.1rem;}
.src-bet .accordion-body{background:var(--bg);color:var(--muted);font-size:.92rem;line-height:1.8;border-top:1px solid var(--border);}
@media(max-width:768px){.src-bet .section-title{font-size:1.4rem;}.src-bet .page-hero{padding:44px 0 36px;}.src-bet .match-body{flex-wrap:wrap;}}
.src-bet .scroll-progress{position:fixed;top:0;left:0;width:0%;height:3px;background:var(--primary);z-index:9999;transition:width .1s linear;}
.src-bet .nav-link:hover{color:var(--primary) !important;}
.src-bet .page-hero{background:linear-gradient(135deg,var(--surface) 0%,var(--bg) 100%);border-bottom:1px solid var(--border);padding:68px 0 56px;position:relative;overflow:hidden;}
.src-bet .faq-search-wrap{position:relative;max-width:560px;margin:0 auto;}
.src-bet .faq-search{background:var(--surface);border:2px solid var(--border);color:var(--heading);border-radius:50px;padding:.78rem 1.4rem .78rem 3.2rem;font-size:1rem;width:100%;transition:border-color .2s,box-shadow .2s;outline:none;}
.src-bet .faq-search::placeholder{color:var(--muted);}
.src-bet .faq-search:focus{border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--b-primary) 12%,transparent);}
.src-bet .faq-search-icon{position:absolute;left:1.1rem;top:50%;transform:translateY(-50%);color:var(--primary);font-size:1.1rem;pointer-events:none;}
.src-bet .faq-clear{position:absolute;right:1.1rem;top:50%;transform:translateY(-50%);color:var(--muted);cursor:pointer;font-size:1rem;display:none;background:none;border:none;padding:0;transition:color .2s;}
.src-bet .faq-clear:hover{color:var(--primary);}
.src-bet .stat-box{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:1.2rem 1rem;text-align:center;}
.src-bet .stat-num{font-size:1.9rem;font-weight:900;color:var(--primary);line-height:1;}
.src-bet .stat-label{color:var(--muted);font-size:.8rem;margin-top:.3rem;line-height:1.4;}
.src-bet .cat-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem;}
.src-bet .cat-tab{background:var(--surface);border:1px solid var(--border);border-radius:50px;padding:.42rem 1.1rem;font-size:.86rem;font-weight:600;color:var(--muted);cursor:pointer;transition:all .2s;white-space:nowrap;}
.src-bet .cat-tab:hover{border-color:var(--primary);color:var(--primary);}
.src-bet .cat-tab.active{background:var(--primary);color:var(--on-primary);border-color:var(--primary);}
.src-bet .cat-tab i{margin-right:.35rem;}
.src-bet .accordion-item{background:var(--surface);border:1px solid var(--border) !important;border-radius:12px !important;margin-bottom:.65rem;overflow:hidden;transition:box-shadow .2s;}
.src-bet .accordion-item:hover{box-shadow:0 4px 18px color-mix(in srgb,var(--b-primary) 10%,transparent);}
.src-bet .accordion-button{background:var(--surface);color:var(--heading);font-weight:600;box-shadow:none !important;font-size:.95rem;padding:1.1rem 1.3rem;gap:.7rem;}
.src-bet .accordion-button::after{filter:invert(1);flex-shrink:0;}
.src-bet .accordion-button .q-badge{background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:.12rem .52rem;font-size:.7rem;font-weight:800;color:var(--primary);white-space:nowrap;flex-shrink:0;}
.src-bet .accordion-button:not(.collapsed) .q-badge{background:var(--surface);}
.src-bet .accordion-body{background:var(--bg);color:var(--text);font-size:.92rem;line-height:1.88;border-top:1px solid var(--border);padding:1.1rem 1.3rem 1.3rem;}
.src-bet .accordion-body strong{color:var(--primary);}
.src-bet .accordion-body a{color:var(--primary);font-weight:600;}
.src-bet .accordion-body ul{padding-left:1.2rem;margin:.4rem 0;}
.src-bet .accordion-body ul li{margin-bottom:.35rem;}
.src-bet .section-title{font-size:1.88rem;font-weight:800;color:var(--heading);margin-bottom:.5rem;}
.src-bet .section-subtitle{color:var(--muted);font-size:1rem;line-height:1.75;margin-bottom:2rem;}
.src-bet .feature-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1.6rem;height:100%;transition:transform .22s,box-shadow .2s;}
.src-bet .feature-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px color-mix(in srgb,var(--b-primary) 18%,transparent);}
.src-bet .fc-icon{width:52px;height:52px;border-radius:14px;background:var(--bg);display:flex;align-items:center;justify-content:center;font-size:1.45rem;color:var(--primary);margin-bottom:.95rem;}
.src-bet .feature-card h5{color:var(--heading);font-weight:800;font-size:1rem;margin-bottom:.5rem;}
.src-bet .feature-card p{color:var(--muted);font-size:.89rem;line-height:1.78;margin:0;}
.src-bet .no-results{text-align:center;padding:3rem 1rem;display:none;}
.src-bet .no-results i{font-size:3rem;color:var(--muted);margin-bottom:1rem;}
.src-bet .no-results p{color:var(--muted);font-size:1rem;}
.src-bet .contact-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:1.5rem;height:100%;text-align:center;transition:transform .2s,border-color .2s;}
.src-bet .contact-card:hover{transform:translateY(-4px);border-color:var(--primary);}
.src-bet .contact-icon{font-size:2.2rem;color:var(--primary);margin-bottom:.75rem;}
.src-bet .contact-card h5{color:var(--heading);font-weight:700;font-size:.97rem;margin-bottom:.4rem;}
.src-bet .contact-card p{color:var(--muted);font-size:.85rem;line-height:1.7;margin-bottom:.9rem;}
.src-bet .contact-badge{display:inline-block;background:var(--bg);border:1px solid var(--border);border-radius:20px;padding:.22rem .75rem;font-size:.75rem;color:var(--primary);font-weight:700;}
.src-bet .notice-bar i{color:var(--primary);font-size:1.1rem;flex-shrink:0;margin-top:.05rem;}
.src-bet .popular-chip{display:inline-flex;align-items:center;gap:.35rem;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:.45rem .9rem;font-size:.82rem;color:var(--text);font-weight:600;cursor:pointer;transition:border-color .2s,color .2s;white-space:nowrap;}
.src-bet .popular-chip:hover{border-color:var(--primary);color:var(--primary);}
.src-bet .popular-chip i{color:var(--primary);}
.src-bet .toc-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:1.3rem;position:sticky;top:80px;}
.src-bet .toc-card h6{color:var(--primary);font-weight:800;font-size:.88rem;margin-bottom:.9rem;}
.src-bet .toc-link{display:block;color:var(--muted);font-size:.84rem;font-weight:500;padding:.32rem 0;border-bottom:1px solid var(--border);transition:color .2s;}
.src-bet .toc-link:last-child{border-bottom:none;}
.src-bet .toc-link:hover{color:var(--primary);}
.src-bet .toc-link.active{color:var(--primary);font-weight:700;}
.src-bet mark{background:color-mix(in srgb,var(--b-primary) 25%,transparent);color:var(--heading);border-radius:3px;padding:0 2px;}
.src-bet .faq-group.hidden{display:none;}
.src-bet .accordion-item.faq-hidden{display:none;}
@media(max-width:991px){.src-bet .toc-card{display:none;}.src-bet .section-title{font-size:1.45rem;}}
@media(max-width:768px){.src-bet .page-hero{padding:46px 0 36px;}.src-bet .cat-tabs{gap:.35rem;}.src-bet .cat-tab{font-size:.8rem;padding:.36rem .85rem;}}
.src-bet a:hover{color:var(--primary);opacity:.85;}
.src-bet .btn-primary-custom{background:var(--primary);color:var(--on-primary);border:none;font-weight:700;border-radius:8px;padding:.6rem 1.6rem;transition:opacity .2s,transform .15s;}
.src-bet .btn-outline-custom{background:transparent;color:var(--primary);border:2px solid var(--primary);font-weight:700;border-radius:8px;padding:.6rem 1.6rem;transition:all .2s;}
.src-bet .section-title{font-size:2rem;font-weight:800;color:var(--heading);margin-bottom:.5rem;}
.src-bet .section-subtitle{color:var(--muted);font-size:1.05rem;margin-bottom:2.5rem;}
.src-bet .divider-gold{width:60px;height:4px;background:var(--primary);border-radius:4px;margin:0 auto 1.5rem;}
.src-bet .card-surface{background:var(--surface);border:1px solid var(--border);border-radius:14px;transition:transform .2s,box-shadow .2s;}
.src-bet .card-surface:hover{transform:translateY(-4px);box-shadow:0 8px 32px color-mix(in srgb,var(--b-primary) 18%,transparent);}
.src-bet .carousel-item .promo-banner{background:linear-gradient(135deg,var(--primary),var(--accent));min-height:320px;border-radius:16px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:2rem;}
.src-bet .carousel-item .promo-banner h2{color:var(--on-primary);font-size:2.2rem;font-weight:900;}
.src-bet .carousel-item .promo-banner p{color:var(--on-primary);font-size:1.1rem;opacity:.85;}
.src-bet .step-circle{width:56px;height:56px;border-radius:50%;background:var(--primary);color:var(--on-primary);font-size:1.4rem;font-weight:900;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;}
.src-bet .vip-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:2rem 1.2rem;text-align:center;transition:transform .2s;}
.src-bet .vip-card:hover{transform:translateY(-6px);}
.src-bet .vip-card.diamond{border:2px solid var(--primary);box-shadow:0 0 24px color-mix(in srgb,var(--b-primary) 45%,transparent);}
.src-bet .vip-icon{font-size:2.8rem;margin-bottom:.8rem;}
.src-bet .game-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden;position:relative;cursor:pointer;transition:transform .2s;}
.src-bet .game-card:hover{transform:scale(1.04);}
.src-bet .game-card .game-overlay{position:absolute;inset:0;background:color-mix(in srgb,var(--b-primary) 18%,transparent);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s;border-radius:12px;}
.src-bet .game-card:hover .game-overlay{opacity:1;box-shadow:inset 0 0 0 3px var(--primary);}
.src-bet .game-card-body{padding:1rem;text-align:center;}
.src-bet .game-icon{font-size:3rem;color:var(--primary);}
.src-bet .live-card{background:var(--surface);border:2px solid var(--accent);border-radius:14px;position:relative;overflow:hidden;transition:box-shadow .2s;}
.src-bet .live-card:hover{box-shadow:0 0 28px color-mix(in srgb,var(--b-accent) 70%,transparent);}
.src-bet .live-badge{position:absolute;top:12px;right:12px;background:#e53e3e;color:#fff;font-size:.7rem;font-weight:800;padding:.2rem .55rem;border-radius:20px;display:flex;align-items:center;gap:4px;}
.src-bet .live-dot{width:8px;height:8px;background:#fff;border-radius:50%;animation:blink_bet 1s infinite;}
.src-bet .jackpot-ticker{overflow:hidden;height:280px;position:relative;}
.src-bet .jackpot-list{display:flex;flex-direction:column;gap:.6rem;animation:scrollUp_bet 18s linear infinite;}
@keyframes scrollUp_bet{0%{transform:translateY(0);}100%{transform:translateY(-50%);}}
.src-bet .jackpot-item{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:.7rem 1rem;display:flex;align-items:center;gap:1rem;}
.src-bet .jackpot-amount{color:var(--primary);font-weight:800;font-size:1.1rem;text-shadow:0 0 10px color-mix(in srgb,var(--b-primary) 60%,transparent);}
.src-bet .jackpot-avatar{width:38px;height:38px;border-radius:50%;background:var(--primary);color:var(--on-primary);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1rem;flex-shrink:0;}
.src-bet .partner-icon{font-size:2.4rem;color:var(--muted);transition:color .25s,filter .25s;}
.src-bet .partner-icon:hover{color:var(--primary);filter:drop-shadow(0 0 6px color-mix(in srgb,var(--b-primary) 60%,transparent));}
.src-bet .phone-mockup{width:180px;height:340px;border:4px solid var(--primary);border-radius:28px;margin:0 auto;background:var(--surface);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 0 40px color-mix(in srgb,var(--b-primary) 35%,transparent);position:relative;}
.src-bet .phone-screen-bar{height:28px;background:color-mix(in srgb,var(--b-primary) 20%,transparent);display:flex;align-items:center;justify-content:center;}
.src-bet .phone-screen-bar span{width:40px;height:6px;background:var(--primary);border-radius:4px;}
.src-bet .phone-screen-body{flex:1;padding:.6rem;display:flex;flex-direction:column;gap:.4rem;}
.src-bet .phone-block{background:color-mix(in srgb,var(--b-primary) 12%,transparent);border-radius:6px;height:36px;}
.src-bet .phone-block-wide{background:color-mix(in srgb,var(--b-primary) 18%,transparent);border-radius:6px;height:54px;}
.src-bet .pricing-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:2rem;text-align:center;transition:transform .2s;}
.src-bet .pricing-card.featured{border:2px solid var(--primary);box-shadow:0 0 24px color-mix(in srgb,var(--b-primary) 35%,transparent);}
.src-bet .pricing-card:hover{transform:translateY(-5px);}
.src-bet .price-tag{font-size:2.2rem;font-weight:900;color:var(--primary);}
.src-bet .testimonial-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:1.5rem;}
.src-bet .stars{color:var(--primary);font-size:1.1rem;}
.src-bet .compare-table th{background:var(--surface);color:var(--primary);font-weight:700;}
.src-bet .compare-table td{background:var(--bg);color:var(--text);border-color:var(--border);}
.src-bet .compare-table .check{color:var(--primary);}
.src-bet .compare-table .cross{color:var(--muted);}
.src-bet .privacy-notice{background:var(--surface);border-left:4px solid var(--primary);border-radius:10px;padding:1.2rem 1.5rem;}
.src-bet .content-img{border-radius:14px;width:100%;max-width:700px;display:block;margin:0 auto;border:1px solid var(--border);}
@media(max-width:768px){.src-bet .section-title{font-size:1.5rem;}.src-bet .carousel-item .promo-banner h2{font-size:1.4rem;}}
.src-bet .carousel-item:not(.active):not(.carousel-item-next):not(.carousel-item-prev){display:none!important}
.src-bet .card-suit{position:absolute;font-size:8rem;opacity:.05;pointer-events:none;}
.src-bet .suit-1{top:-20px;right:5%;color:var(--primary);}
.src-bet .suit-2{bottom:-30px;right:20%;color:var(--primary);}
.src-bet .suit-3{top:30%;left:2%;color:var(--primary);}
.src-bet .game-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden;transition:transform .22s,box-shadow .22s;height:100%;}
.src-bet .game-card:hover{transform:translateY(-6px);box-shadow:0 12px 36px color-mix(in srgb,var(--b-primary) 25%,transparent);}
.src-bet .game-card-thumb{height:130px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;}
.src-bet .game-card-thumb i{font-size:3.5rem;color:var(--primary);position:relative;z-index:1;}
.src-bet .game-card-body{padding:1.1rem 1.2rem 1.3rem;}
.src-bet .game-card-body h6{color:var(--heading);font-weight:700;margin-bottom:.3rem;}
.src-bet .game-card-body p{color:var(--muted);font-size:.85rem;line-height:1.65;margin-bottom:.7rem;}
.src-bet .rtp-badge{background:var(--bg);border:1px solid var(--border);border-radius:6px;font-size:.72rem;color:var(--primary);font-weight:700;padding:.2rem .55rem;display:inline-block;}
.src-bet .hot-badge{background:var(--primary);color:var(--on-primary);font-size:.68rem;font-weight:800;padding:.18rem .45rem;border-radius:20px;margin-left:.35rem;}
.src-bet .new-badge{background:var(--surface);border:1px solid var(--primary);color:var(--primary);font-size:.68rem;font-weight:800;padding:.18rem .45rem;border-radius:20px;margin-left:.35rem;}
.src-bet .slot-item{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:1.1rem;text-align:center;transition:transform .2s,box-shadow .15s;cursor:pointer;}
.src-bet .slot-item:hover{transform:translateY(-4px);box-shadow:0 6px 20px color-mix(in srgb,var(--b-primary) 18%,transparent);}
.src-bet .slot-icon{font-size:2.2rem;color:var(--primary);margin-bottom:.5rem;}
.src-bet .slot-item h6{color:var(--heading);font-size:.88rem;font-weight:700;margin-bottom:.2rem;}
.src-bet .slot-item small{color:var(--muted);font-size:.75rem;}
.src-bet .provider-pill{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:.6rem 1.2rem;display:flex;align-items:center;gap:.6rem;transition:border-color .2s;}
.src-bet .provider-pill:hover{border-color:var(--primary);}
.src-bet .provider-pill span{color:var(--text);font-size:.88rem;font-weight:600;}
.src-bet .provider-dot{width:10px;height:10px;border-radius:50%;background:var(--primary);flex-shrink:0;}
.src-bet .live-table-row{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:.9rem 1.2rem;display:flex;align-items:center;gap:1rem;margin-bottom:.6rem;transition:transform .15s;}
.src-bet .live-table-row:hover{transform:translateX(4px);}
.src-bet .live-icon{width:42px;height:42px;border-radius:10px;background:var(--bg);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.src-bet .live-icon i{font-size:1.3rem;color:var(--primary);}
.src-bet .live-info{flex:1;}
.src-bet .live-info strong{color:var(--heading);font-size:.93rem;display:block;}
.src-bet .live-info small{color:var(--muted);font-size:.78rem;}
.src-bet .live-stat{text-align:right;flex-shrink:0;}
.src-bet .live-stat .players{color:var(--primary);font-size:.85rem;font-weight:700;}
.src-bet .live-stat .limit{color:var(--muted);font-size:.75rem;}
.src-bet .live-dot-anim{width:8px;height:8px;background:var(--primary);border-radius:50%;display:inline-block;animation:livepulse_bet 1.2s infinite;}
@keyframes livepulse_bet{0%,100%{opacity:1;transform:scale(1);}50%{opacity:.5;transform:scale(1.3);}}
.src-bet .winner-marquee_bet{background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:.6rem 0;overflow:hidden;white-space:nowrap;}
.src-bet .marquee_bet-inner{display:inline-block;animation:marquee_bet 28s linear infinite;}
.src-bet .marquee_bet-inner:hover{animation-play-state:paused;}
@keyframes marquee_bet{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}
.src-bet .win-item{display:inline-flex;align-items:center;gap:.5rem;margin:0 2.5rem;color:var(--text);font-size:.85rem;}
.src-bet .win-item .amt{color:var(--primary);font-weight:800;}
@media(max-width:768px){.src-bet .section-title{font-size:1.4rem;}.src-bet .page-hero{padding:44px 0 36px;}}
.src-bet .page-hero{background:linear-gradient(135deg,var(--surface) 0%,var(--bg) 100%);border-bottom:1px solid var(--border);padding:68px 0 60px;position:relative;overflow:hidden;}
.src-bet .login-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:2.2rem;box-shadow:0 24px 64px rgba(0,0,0,.28);}
.src-bet .login-card .form-label{color:var(--heading);font-weight:600;font-size:.88rem;margin-bottom:.35rem;}
.src-bet .login-card .form-control{background:var(--bg);border:1px solid var(--border);color:var(--heading);border-radius:9px;padding:.65rem 1rem;font-size:.95rem;transition:border-color .2s,box-shadow .2s;}
.src-bet .login-card .form-control::placeholder{color:var(--muted);}
.src-bet .login-card .form-control:focus{background:var(--bg);border-color:var(--primary);color:var(--heading);box-shadow:0 0 0 3px color-mix(in srgb,var(--b-primary) 15%,transparent);outline:none;}
.src-bet .login-card .form-check-input{background-color:var(--bg);border-color:var(--border);flex-shrink:0;}
.src-bet .login-card .form-check-input:checked{background-color:var(--primary);border-color:var(--primary);}
.src-bet .login-card .form-check-label{color:var(--muted);font-size:.85rem;line-height:1.5;}
.src-bet .field-icon{background:var(--bg);border:1px solid var(--border);border-right:none;color:var(--primary);border-radius:9px 0 0 9px;padding:.65rem .95rem;display:flex;align-items:center;}
.src-bet .pass-toggle{cursor:pointer;background:var(--bg);border:1px solid var(--border);border-left:none;color:var(--muted);border-radius:0 9px 9px 0;padding:.65rem .9rem;transition:color .2s;}
.src-bet .pass-toggle:hover{color:var(--primary);}
.src-bet .form-error{color:var(--primary);font-size:.77rem;margin-top:.25rem;display:none;}
.src-bet .login-divider{display:flex;align-items:center;gap:.8rem;margin:1.3rem 0;}
.src-bet .login-divider::before,.src-bet .login-divider::after{content:'';flex:1;height:1px;background:var(--border);}
.src-bet .login-divider span{color:var(--muted);font-size:.8rem;white-space:nowrap;}
.src-bet .tab-toggle{display:flex;background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:.25rem;margin-bottom:1.5rem;gap:.25rem;}
.src-bet .tab-btn{flex:1;padding:.5rem;border-radius:8px;border:none;background:transparent;color:var(--muted);font-weight:600;font-size:.87rem;cursor:pointer;transition:background .2s,color .2s;}
.src-bet .tab-btn.active{background:var(--primary);color:var(--on-primary);}
.src-bet .tab-btn:hover:not(.active){color:var(--heading);}
.src-bet .otp-wrap{display:flex;gap:.5rem;justify-content:center;margin:.6rem 0;}
.src-bet .otp-input{width:48px;height:52px;border-radius:9px;border:1px solid var(--border);background:var(--bg);color:var(--heading);font-size:1.3rem;font-weight:700;text-align:center;transition:border-color .2s;outline:none;}
.src-bet .otp-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--b-primary) 15%,transparent);}
.src-bet .sec-badge{display:inline-flex;align-items:center;gap:.4rem;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:.35rem .8rem;font-size:.78rem;color:var(--muted);}
.src-bet .sec-badge i{color:var(--primary);}
.src-bet .alert-gold{background:var(--bg);border:1px solid var(--primary);border-radius:10px;padding:1rem 1.3rem;color:var(--text);font-size:.88rem;line-height:1.75;}
.src-bet .alert-gold strong{color:var(--primary);}
.src-bet .accordion-button{background:var(--surface);color:var(--heading);font-weight:600;box-shadow:none !important;font-size:.94rem;}
.src-bet .accordion-body{background:var(--bg);color:var(--muted);font-size:.91rem;line-height:1.85;border-top:1px solid var(--border);}
.src-bet .quick-strip{background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:1.2rem 0;}
.src-bet .quick-item{display:flex;align-items:center;gap:.6rem;color:var(--text);font-size:.87rem;font-weight:600;transition:color .2s;}
.src-bet .quick-item i{color:var(--primary);font-size:1.1rem;}
.src-bet .quick-item:hover{color:var(--primary);}
.src-bet .game-prev{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.1rem 1.3rem;display:flex;align-items:center;gap:1rem;transition:border-color .2s,transform .18s;}
.src-bet .game-prev:hover{border-color:var(--primary);transform:translateX(4px);}
.src-bet .game-icon{font-size:1.6rem;color:var(--primary);flex-shrink:0;}
.src-bet .game-prev h6{color:var(--heading);font-weight:700;font-size:.9rem;margin-bottom:.2rem;}
.src-bet .game-prev p{color:var(--muted);font-size:.79rem;margin:0;line-height:1.4;}
.src-bet .game-hot{display:inline-block;background:var(--primary);color:var(--on-primary);font-size:.62rem;font-weight:800;padding:.1rem .45rem;border-radius:4px;margin-left:.35rem;vertical-align:middle;}
.src-bet .testi-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:1.4rem;height:100%;}
.src-bet .testi-avatar{width:44px;height:44px;border-radius:50%;background:var(--bg);border:2px solid var(--primary);display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:var(--primary);flex-shrink:0;}
.src-bet .testi-name{color:var(--heading);font-weight:700;font-size:.9rem;}
.src-bet .testi-loc{color:var(--muted);font-size:.76rem;}
.src-bet .testi-stars{color:var(--primary);font-size:.85rem;}
.src-bet .testi-text{color:var(--text);font-size:.87rem;line-height:1.78;margin-top:.7rem;}
.src-bet .btn-spinner{display:none;width:16px;height:16px;border:2px solid var(--on-primary);border-top-color:transparent;border-radius:50%;animation:spin_bet .7s linear infinite;vertical-align:middle;margin-right:.4rem;}
@keyframes spin_bet{to{transform:rotate(360deg);}}
.src-bet .modal-content{background:var(--surface);border:1px solid var(--border);border-radius:16px;}
.src-bet .modal-header{border-bottom:1px solid var(--border);}
.src-bet .modal-footer{border-top:1px solid var(--border);}
.src-bet .modal-title{color:var(--heading);font-weight:700;}
.src-bet .btn-close{filter:invert(1);}
@media(max-width:991px){.src-bet .login-card{margin-top:2rem;}}
@media(max-width:768px){.src-bet .section-title{font-size:1.4rem;}.src-bet .page-hero{padding:46px 0 36px;}.src-bet .otp-input{width:40px;height:46px;font-size:1.1rem;}}
.src-bet .page-hero{background:linear-gradient(135deg,var(--surface) 0%,var(--bg) 100%);border-bottom:1px solid var(--border);padding:64px 0 56px;}
.src-bet .sport-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:1.6rem 1.3rem;text-align:center;transition:transform .2s,box-shadow .2s;height:100%;cursor:pointer;}
.src-bet .sport-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px color-mix(in srgb,var(--b-primary) 20%,transparent);}
.src-bet .sport-icon{font-size:2.8rem;color:var(--primary);margin-bottom:.8rem;}
.src-bet .sport-card h6{color:var(--heading);font-weight:700;margin-bottom:.35rem;}
.src-bet .sport-card small{color:var(--muted);font-size:.8rem;}
.src-bet .odds-ticker{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden;}
.src-bet .odds-header{background:var(--primary);color:var(--on-primary);padding:.5rem 1rem;font-weight:800;font-size:.88rem;display:flex;align-items:center;gap:.5rem;}
.src-bet .odds-row{display:flex;align-items:center;padding:.75rem 1rem;border-bottom:1px solid var(--border);gap:.8rem;transition:background .15s;}
.src-bet .odds-row:hover{background:color-mix(in srgb,var(--b-primary) 6%,transparent);}
.src-bet .odds-row:last-child{border-bottom:none;}
.src-bet .odds-teams{flex:1;min-width:0;}
.src-bet .odds-teams strong{color:var(--heading);font-size:.88rem;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.src-bet .odds-teams span{color:var(--muted);font-size:.75rem;}
.src-bet .odds-vals{display:flex;gap:.4rem;flex-shrink:0;}
.src-bet .odds-btn{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:.28rem .6rem;font-size:.78rem;font-weight:700;min-width:44px;text-align:center;transition:all .15s;cursor:pointer;}
.src-bet .odds-btn.up{border-color:var(--primary);color:var(--primary);}
.src-bet .feature-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:1.5rem;height:100%;transition:transform .2s;}
.src-bet .feature-card:hover{transform:translateY(-4px);}
.src-bet .betslip{background:var(--surface);border:1px solid var(--primary);border-radius:14px;overflow:hidden;}
.src-bet .betslip-header{background:var(--primary);color:var(--on-primary);padding:.7rem 1.2rem;font-weight:800;font-size:.95rem;}
.src-bet .betslip-item{padding:.9rem 1.2rem;border-bottom:1px solid var(--border);}
.src-bet .betslip-item:last-child{border-bottom:none;}
.src-bet .betslip-label{color:var(--muted);font-size:.78rem;margin-bottom:.2rem;}
.src-bet .betslip-val{color:var(--heading);font-weight:700;font-size:.93rem;}
.src-bet .step-circle{width:48px;height:48px;border-radius:50%;background:var(--primary);color:var(--on-primary);font-size:1.3rem;font-weight:900;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.src-bet .custom-table th{background:var(--surface);color:var(--primary);font-weight:700;border-color:var(--border);}
.src-bet .custom-table td{background:var(--bg);color:var(--text);border-color:var(--border);}
.src-bet .tip-item{background:var(--surface);border-left:3px solid var(--primary);border-radius:0 10px 10px 0;padding:1rem 1.2rem;margin-bottom:.8rem;}
.src-bet .tip-item h6{color:var(--primary);font-weight:700;margin-bottom:.3rem;font-size:.95rem;}
.src-bet .tip-item p{color:var(--text);font-size:.88rem;margin:0;line-height:1.7;}
.src-bet .card-surface:hover{transform:translateY(-4px);box-shadow:0 8px 28px color-mix(in srgb,var(--b-primary) 18%,transparent);}
.src-bet .variant-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:1.8rem 1.4rem;transition:transform .2s,box-shadow .2s;height:100%;}
.src-bet .variant-icon{font-size:2.6rem;color:var(--primary);margin-bottom:1rem;}
.src-bet .variant-card h5{color:var(--heading);font-weight:700;}
.src-bet .variant-card p{color:var(--muted);font-size:.92rem;line-height:1.75;}
.src-bet .custom-table .check{color:var(--primary);}
.src-bet .tip-card{background:var(--surface);border-left:4px solid var(--primary);border-radius:0 12px 12px 0;padding:1.2rem 1.4rem;margin-bottom:1rem;}
.src-bet .tip-card h6{color:var(--primary);font-weight:700;margin-bottom:.4rem;}
.src-bet .tip-card p{color:var(--text);font-size:.92rem;margin:0;line-height:1.75;}
.src-bet .rank-row{display:flex;align-items:center;gap:1rem;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:.9rem 1.2rem;margin-bottom:.7rem;transition:transform .15s;}
.src-bet .rank-row:hover{transform:translateX(4px);}
.src-bet .rank-num{width:36px;height:36px;border-radius:50%;background:var(--primary);color:var(--on-primary);font-weight:900;font-size:1rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.src-bet .rank-info{flex:1;}
.src-bet .rank-info strong{color:var(--heading);font-size:.97rem;}
.src-bet .rank-info span{color:var(--muted);font-size:.83rem;display:block;}
.src-bet .rank-prize{color:var(--primary);font-weight:800;font-size:1rem;text-shadow:0 0 8px color-mix(in srgb,var(--b-primary) 50%,transparent);}
.src-bet .step-num{width:48px;height:48px;border-radius:50%;background:var(--primary);color:var(--on-primary);font-size:1.3rem;font-weight:900;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.src-bet .notice-card{background:var(--surface);border-left:4px solid var(--primary);border-radius:0 12px 12px 0;padding:1.2rem 1.5rem;}
@media(max-width:768px){.src-bet .section-title{font-size:1.45rem;}.src-bet .page-hero{padding:44px 0 36px;}}
.src-bet .update-badge{display:inline-flex;align-items:center;gap:.45rem;background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:.3rem .9rem;font-size:.8rem;color:var(--muted);}
.src-bet .update-badge i{color:var(--primary);}
.src-bet .section-title{font-size:1.85rem;font-weight:800;color:var(--heading);margin-bottom:.5rem;}
.src-bet .section-subtitle{color:var(--muted);font-size:1rem;margin-bottom:2rem;line-height:1.7;}
.src-bet .fc-icon{font-size:2.4rem;color:var(--primary);margin-bottom:.85rem;}
.src-bet .feature-card h5{color:var(--heading);font-weight:800;font-size:1.02rem;margin-bottom:.55rem;}
.src-bet .toc-box{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:1.4rem;position:sticky;top:80px;}
.src-bet .toc-box h6{color:var(--primary);font-weight:800;margin-bottom:.9rem;font-size:.9rem;text-transform:uppercase;letter-spacing:.06em;}
.src-bet .toc-link{display:flex;align-items:center;gap:.5rem;color:var(--muted);font-size:.85rem;font-weight:500;padding:.38rem .4rem;border-radius:6px;transition:color .18s,background .18s;cursor:pointer;line-height:1.4;}
.src-bet .toc-link:hover,.src-bet .toc-link.active{color:var(--primary);background:color-mix(in srgb,var(--b-primary) 6%,transparent);}
.src-bet .toc-link i{font-size:.65rem;color:var(--primary);flex-shrink:0;}
.src-bet .privacy-section{margin-bottom:2.6rem;}
.src-bet .privacy-section:last-child{margin-bottom:0;}
.src-bet .privacy-header{background:var(--surface);border-left:4px solid var(--primary);border-radius:0 10px 10px 0;padding:.75rem 1.2rem;margin-bottom:1.2rem;display:flex;align-items:center;gap:.8rem;}
.src-bet .privacy-num{background:var(--primary);color:var(--on-primary);font-weight:900;font-size:.92rem;min-width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.src-bet .privacy-header h3{font-size:1.02rem;font-weight:800;color:var(--heading);margin:0;}
.src-bet .privacy-body{color:var(--text);font-size:.93rem;line-height:1.9;}
.src-bet .privacy-body p{margin-bottom:.9rem;}
.src-bet .privacy-body p:last-child{margin-bottom:0;}
.src-bet .check-list{list-style:none;padding:0;margin:.5rem 0;}
.src-bet .check-list li{display:flex;gap:.7rem;align-items:flex-start;padding:.45rem 0;border-bottom:1px solid var(--border);color:var(--text);font-size:.9rem;line-height:1.65;}
.src-bet .check-list li:last-child{border-bottom:none;}
.src-bet .check-list li i{color:var(--primary);font-size:.85rem;margin-top:.15rem;flex-shrink:0;}
.src-bet .dash-list{list-style:none;padding:0;margin:.4rem 0 .4rem 1.2rem;}
.src-bet .dash-list li{color:var(--muted);font-size:.88rem;line-height:1.72;padding:.28rem 0;padding-left:.9rem;position:relative;}
.src-bet .dash-list li::before{content:"–";position:absolute;left:0;color:var(--primary);}
.src-bet .notice-bar{background:var(--surface);border-left:4px solid var(--primary);border-radius:0 10px 10px 0;padding:1rem 1.4rem;display:flex;gap:.8rem;align-items:flex-start;margin-bottom:1rem;}
.src-bet .notice-bar i{color:var(--primary);font-size:1.15rem;flex-shrink:0;margin-top:.1rem;}
.src-bet .alert-custom{background:var(--bg);border:1px solid var(--primary);border-radius:10px;padding:1rem 1.3rem;color:var(--text);font-size:.88rem;line-height:1.75;margin:.6rem 0;}
.src-bet .alert-custom strong{color:var(--primary);}
.src-bet .data-table{width:100%;border-collapse:collapse;}
.src-bet .data-table th{background:var(--surface);color:var(--primary);font-weight:700;padding:.65rem 1rem;font-size:.84rem;border:1px solid var(--border);}
.src-bet .data-table td{background:var(--bg);color:var(--text);padding:.6rem 1rem;font-size:.84rem;border:1px solid var(--border);vertical-align:top;line-height:1.65;}
.src-bet .right-card{background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:1.2rem;height:100%;transition:border-color .2s,transform .18s;}
.src-bet .right-card:hover{border-color:var(--primary);transform:translateY(-3px);}
.src-bet .right-card .ri{font-size:1.6rem;color:var(--primary);margin-bottom:.6rem;}
.src-bet .right-card h6{color:var(--heading);font-weight:700;font-size:.93rem;margin-bottom:.4rem;}
.src-bet .right-card p{color:var(--muted);font-size:.84rem;line-height:1.7;margin:0;}
.src-bet .cookie-pill{display:inline-flex;align-items:center;gap:.4rem;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:.4rem .85rem;font-size:.8rem;color:var(--text);margin:.25rem;}
.src-bet .cookie-pill i{color:var(--primary);}
.src-bet .cta-section{background:linear-gradient(135deg,var(--surface) 0%,var(--bg) 100%);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:64px 0;position:relative;overflow:hidden;}
@media(max-width:991px){.src-bet .toc-box{position:static;margin-bottom:2rem;}}
@media(max-width:768px){.src-bet .section-title{font-size:1.35rem;}.src-bet .page-hero{padding:46px 0 36px;}}
.src-bet .page-hero{background:linear-gradient(135deg,var(--surface) 0%,var(--bg) 100%);border-bottom:1px solid var(--border);padding:60px 0 52px;}
.src-bet .promo-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden;transition:transform .2s,box-shadow .2s;height:100%;}
.src-bet .promo-card:hover{transform:translateY(-5px);box-shadow:0 10px 32px color-mix(in srgb,var(--b-primary) 22%,transparent);}
.src-bet .promo-card-header{padding:1.6rem 1.4rem 1rem;position:relative;}
.src-bet .promo-card-body{padding:0 1.4rem 1.4rem;}
.src-bet .promo-badge{display:inline-block;font-size:.72rem;font-weight:800;padding:.22rem .7rem;border-radius:20px;letter-spacing:.05em;margin-bottom:.7rem;}
.src-bet .promo-badge.new{background:var(--primary);color:var(--on-primary);}
.src-bet .promo-badge.hot{background:#e53e3e;color:var(--heading);}
.src-bet .promo-badge.vip{background:linear-gradient(90deg,var(--primary),#f59e0b);color:var(--on-primary);}
.src-bet .promo-badge.limited{background:var(--surface);color:var(--primary);border:1px solid var(--primary);}
.src-bet .promo-card h5{color:var(--heading);font-weight:700;font-size:1.08rem;margin-bottom:.5rem;}
.src-bet .promo-card p{color:var(--muted);font-size:.9rem;line-height:1.72;margin-bottom:1rem;}
.src-bet .promo-amount{font-size:1.85rem;font-weight:900;color:var(--primary);line-height:1;margin-bottom:.25rem;}
.src-bet .promo-amount-label{color:var(--muted);font-size:.8rem;}
.src-bet .promo-divider{border-color:var(--border);margin:1rem 0;}
.src-bet .filter-tab{background:transparent;border:1px solid var(--border);color:var(--muted);border-radius:30px;padding:.4rem 1.1rem;font-size:.88rem;font-weight:600;cursor:pointer;transition:all .2s;}
.src-bet .filter-tab:hover,.src-bet .filter-tab.active{background:var(--primary);color:var(--on-primary);border-color:var(--primary);}
.src-bet .countdown-box{background:var(--bg);border-radius:10px;padding:.6rem .8rem;text-align:center;min-width:56px;}
.src-bet .countdown-num{font-size:1.5rem;font-weight:900;color:var(--primary);line-height:1;}
.src-bet .countdown-label{font-size:.65rem;color:var(--muted);margin-top:.1rem;}
.src-bet .promo-progress .progress{background:var(--bg);border-radius:10px;height:8px;}
.src-bet .promo-progress .progress-bar{background:var(--primary);border-radius:10px;}
.src-bet .how-num{width:40px;height:40px;border-radius:50%;background:var(--primary);color:var(--on-primary);font-weight:900;font-size:1.1rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.src-bet .how-text strong{color:var(--heading);font-size:.97rem;}
.src-bet .testi-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:1.4rem;}
.src-bet .stars{color:var(--primary);}
@media(max-width:768px){.src-bet .section-title{font-size:1.4rem;}.src-bet .page-hero{padding:40px 0 32px;}.src-bet .promo-amount{font-size:1.5rem;}}
.src-bet .page-hero{background:linear-gradient(135deg,var(--surface) 0%,var(--bg) 100%);border-bottom:1px solid var(--border);padding:72px 0 64px;position:relative;overflow:hidden;}
.src-bet .reg-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:2rem;box-shadow:0 20px 60px rgba(0,0,0,.25);}
.src-bet .reg-card .form-label{color:var(--heading);font-weight:600;font-size:.88rem;margin-bottom:.35rem;}
.src-bet .reg-card .form-control,.src-bet .reg-card .form-select{background:var(--bg);border:1px solid var(--border);color:var(--heading);border-radius:9px;padding:.6rem .9rem;font-size:.93rem;transition:border-color .2s;}
.src-bet .reg-card .form-control::placeholder{color:var(--muted);}
.src-bet .reg-card .form-control:focus,.src-bet .reg-card .form-select:focus{background:var(--bg);border-color:var(--primary);color:var(--heading);box-shadow:0 0 0 3px color-mix(in srgb,var(--b-primary) 15%,transparent);outline:none;}
.src-bet .reg-card .form-select option{background:var(--bg);color:var(--heading);}
.src-bet .reg-card .form-check-input{background-color:var(--bg);border-color:var(--border);}
.src-bet .reg-card .form-check-input:checked{background-color:var(--primary);border-color:var(--primary);}
.src-bet .reg-card .form-check-label{color:var(--muted);font-size:.85rem;line-height:1.55;}
.src-bet .reg-card .form-check-label a{color:var(--primary);}
.src-bet .input-group-text{background:var(--bg);border:1px solid var(--border);color:var(--muted);border-radius:9px 0 0 9px;}
.src-bet .pass-toggle{cursor:pointer;background:var(--bg);border:1px solid var(--border);border-left:none;color:var(--muted);border-radius:0 9px 9px 0;padding:.6rem .85rem;transition:color .2s;}
.src-bet .field-icon{background:var(--bg);border:1px solid var(--border);border-right:none;color:var(--primary);border-radius:9px 0 0 9px;padding:.6rem .9rem;display:flex;align-items:center;}
.src-bet .reg-divider{display:flex;align-items:center;gap:.8rem;margin:1.2rem 0;}
.src-bet .reg-divider::before,.src-bet .reg-divider::after{content:'';flex:1;height:1px;background:var(--border);}
.src-bet .reg-divider span{color:var(--muted);font-size:.8rem;white-space:nowrap;}
.src-bet .strength-bar{height:5px;border-radius:4px;background:var(--bg);margin-top:.35rem;overflow:hidden;}
.src-bet .strength-fill{height:100%;border-radius:4px;width:0;transition:width .35s,background .35s;}
.src-bet .strength-label{font-size:.75rem;margin-top:.22rem;}
.src-bet .form-error{color:var(--primary);font-size:.76rem;margin-top:.25rem;display:none;}
.src-bet .form-control.is-invalid{border-color:var(--primary) !important;}
.src-bet .step-indicator{display:flex;gap:0;margin-bottom:1.8rem;}
.src-bet .step-dot{flex:1;height:5px;background:var(--border);border-radius:4px;transition:background .3s;}
.src-bet .step-dot.active{background:var(--primary);}
.src-bet .step-dot.done{background:var(--primary);opacity:.5;}
.src-bet .step-item{display:flex;gap:1.2rem;align-items:flex-start;position:relative;padding-bottom:2rem;}
.src-bet .step-item:last-child{padding-bottom:0;}
.src-bet .step-line{position:absolute;left:19px;top:42px;bottom:0;width:2px;background:var(--border);}
.src-bet .step-item:last-child .step-line{display:none;}
.src-bet .step-circle{min-width:40px;height:40px;border-radius:50%;background:var(--primary);color:var(--on-primary);font-weight:900;font-size:.95rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.src-bet .step-body h5{color:var(--heading);font-weight:700;font-size:1rem;margin-bottom:.35rem;}
.src-bet .step-body p{color:var(--muted);font-size:.88rem;line-height:1.75;margin:0;}
.src-bet .bonus-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:1.4rem;height:100%;position:relative;overflow:hidden;}
.src-bet .bonus-tag{position:absolute;top:14px;right:-26px;background:var(--primary);color:var(--on-primary);font-size:.68rem;font-weight:800;padding:.22rem 2.2rem;transform:rotate(45deg);}
.src-bet .bonus-val{font-size:1.9rem;font-weight:900;color:var(--primary);line-height:1;}
.src-bet .bonus-card h6{color:var(--heading);font-weight:700;margin:.45rem 0 .4rem;}
.src-bet .bonus-card p{color:var(--muted);font-size:.85rem;line-height:1.7;margin:0;}
.src-bet .pay-badge{display:inline-flex;align-items:center;gap:.4rem;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:.55rem 1rem;font-size:.83rem;color:var(--text);font-weight:600;transition:border-color .2s;}
.src-bet .pay-badge:hover{border-color:var(--primary);}
.src-bet .pay-badge i{color:var(--primary);font-size:1rem;}
.src-bet .counter-strip{background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:1.4rem 0;}
.src-bet .counter-item{text-align:center;}
.src-bet .counter-num{font-size:1.9rem;font-weight:900;color:var(--primary);line-height:1;}
.src-bet .counter-label{color:var(--muted);font-size:.8rem;margin-top:.25rem;}
.src-bet .float-card{background:var(--bg);border:1px solid var(--border);border-radius:14px;padding:1.2rem 1.4rem;margin-bottom:1rem;}
.src-bet .float-card h6{color:var(--primary);font-weight:800;font-size:.88rem;margin-bottom:.5rem;}
@media(max-width:991px){.src-bet .reg-card{margin-top:2rem;}}
@media(max-width:768px){.src-bet .section-title{font-size:1.4rem;}.src-bet .page-hero{padding:48px 0 40px;}}
.src-bet .page-hero{background:linear-gradient(135deg,var(--surface) 0%,var(--bg) 100%);border-bottom:1px solid var(--border);padding:72px 0 60px;position:relative;overflow:hidden;}
.src-bet .hero-deco{position:absolute;opacity:.05;pointer-events:none;}
.src-bet section{padding:68px 0;}
.src-bet .stat-box{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:1.4rem 1rem;text-align:center;transition:transform .2s;}
.src-bet .stat-box:hover{transform:translateY(-3px);}
.src-bet .stat-label{color:var(--muted);font-size:.82rem;margin-top:.35rem;line-height:1.4;}
.src-bet .fc-icon{width:54px;height:54px;border-radius:14px;background:var(--bg);display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--primary);margin-bottom:1rem;}
.src-bet .fc-badge{display:inline-block;background:var(--primary);color:var(--on-primary);font-size:.67rem;font-weight:800;padding:.16rem .52rem;border-radius:20px;margin-bottom:.55rem;}
.src-bet .quiz-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden;}
.src-bet .quiz-header{background:var(--bg);padding:1.4rem 1.6rem;border-bottom:1px solid var(--border);}
.src-bet .quiz-body{padding:1.4rem 1.6rem;}
.src-bet .quiz-q{color:var(--text);font-size:.95rem;font-weight:600;margin-bottom:.8rem;display:flex;gap:.7rem;}
.src-bet .quiz-q-num{background:var(--primary);color:var(--on-primary);min-width:26px;height:26px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:800;flex-shrink:0;margin-top:.1rem;}
.src-bet .quiz-opts{display:flex;gap:.7rem;flex-wrap:wrap;margin-bottom:1.2rem;}
.src-bet .quiz-opt{display:flex;align-items:center;gap:.4rem;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:.35rem .8rem;font-size:.85rem;color:var(--text);cursor:pointer;transition:border-color .18s,background .18s;user-select:none;}
.src-bet .quiz-opt:hover{border-color:var(--primary);}
.src-bet .quiz-opt.selected{border-color:var(--primary);background:color-mix(in srgb,var(--b-primary) 8%,transparent);color:var(--primary);}
.src-bet .quiz-opt input{accent-color:var(--primary);}
.src-bet .quiz-result{display:none;border-radius:12px;padding:1.2rem 1.4rem;font-size:.93rem;line-height:1.8;font-weight:500;}
.src-bet .result-ok{background:var(--bg);border:1px solid var(--primary);color:var(--heading);}
.src-bet .result-warn{background:var(--bg);border:1px solid var(--primary);color:var(--heading);}
.src-bet .result-risk{background:var(--bg);border:2px solid var(--primary);color:var(--primary);}
.src-bet .tool-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:1.4rem;height:100%;transition:transform .2s,border-color .2s;}
.src-bet .tool-card:hover{transform:translateY(-4px);border-color:var(--primary);}
.src-bet .tool-icon{font-size:2.2rem;color:var(--primary);margin-bottom:.7rem;}
.src-bet .tool-card h5{color:var(--heading);font-weight:800;font-size:.97rem;margin-bottom:.45rem;}
.src-bet .tool-card p{color:var(--muted);font-size:.87rem;line-height:1.72;margin-bottom:.8rem;}
.src-bet .tool-tag{display:inline-block;background:var(--bg);border:1px solid var(--border);border-radius:20px;padding:.22rem .65rem;font-size:.72rem;color:var(--muted);font-weight:600;}
.src-bet .sign-item{display:flex;gap:1rem;align-items:flex-start;padding:1rem 0;border-bottom:1px solid var(--border);}
.src-bet .sign-item:last-child{border-bottom:none;}
.src-bet .sign-num{background:var(--primary);color:var(--on-primary);min-width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.88rem;font-weight:900;flex-shrink:0;margin-top:.1rem;}
.src-bet .sign-text h6{color:var(--heading);font-weight:700;font-size:.93rem;margin-bottom:.3rem;}
.src-bet .sign-text p{color:var(--muted);font-size:.87rem;line-height:1.7;margin:0;}
.src-bet .step-item::before{content:'';position:absolute;left:19px;top:40px;bottom:0;width:2px;background:var(--border);}
.src-bet .step-item:last-child::before{display:none;}
.src-bet .step-body h5{color:var(--heading);font-weight:700;font-size:.97rem;margin-bottom:.35rem;}
.src-bet .accordion-button{background:var(--surface);color:var(--heading);font-weight:600;box-shadow:none !important;font-size:.95rem;}
.src-bet .alert-gold{background:var(--bg);border:1px solid var(--primary);border-radius:10px;padding:1rem 1.3rem;color:var(--text);font-size:.89rem;line-height:1.75;margin:.6rem 0;}
.src-bet .pledge-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:1.4rem;height:100%;}
.src-bet .pledge-card .pi{font-size:1.8rem;color:var(--primary);margin-bottom:.6rem;}
.src-bet .pledge-card h6{color:var(--heading);font-weight:700;margin-bottom:.4rem;font-size:.93rem;}
.src-bet .pledge-card p{color:var(--muted);font-size:.86rem;line-height:1.7;margin:0;}
.src-bet .prog-wrap{margin-bottom:1rem;}
.src-bet .prog-label span:first-child{color:var(--text);font-size:.87rem;font-weight:600;}
.src-bet .prog-label span:last-child{color:var(--primary);font-weight:700;font-size:.84rem;}
.src-bet .prog-fill{height:7px;border-radius:10px;background:var(--primary);width:0;transition:width 1.5s ease;}
@media(max-width:768px){.src-bet .section-title{font-size:1.4rem;}.src-bet .page-hero{padding:46px 0 38px;}}
.src-bet .page-hero{background:linear-gradient(135deg,var(--surface) 0%,var(--bg) 100%);border-bottom:1px solid var(--border);padding:64px 0 54px;position:relative;overflow:hidden;}
.src-bet section{padding:60px 0;}
.src-bet .toc-box h6{color:var(--primary);font-weight:800;margin-bottom:.9rem;font-size:.92rem;text-transform:uppercase;letter-spacing:.06em;}
.src-bet .toc-link{display:flex;align-items:center;gap:.5rem;color:var(--muted);font-size:.86rem;font-weight:500;padding:.38rem .3rem;border-radius:6px;transition:color .18s,background .18s;cursor:pointer;}
.src-bet .toc-link i{font-size:.7rem;color:var(--primary);}
.src-bet .terms-section{margin-bottom:2.8rem;}
.src-bet .terms-section:last-child{margin-bottom:0;}
.src-bet .terms-section-header{background:var(--surface);border-left:4px solid var(--primary);border-radius:0 10px 10px 0;padding:.8rem 1.2rem;margin-bottom:1.2rem;display:flex;align-items:center;gap:.8rem;}
.src-bet .terms-section-num{background:var(--primary);color:var(--on-primary);font-weight:900;font-size:.95rem;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.src-bet .terms-section-header h3{font-size:1.05rem;font-weight:800;color:var(--heading);margin:0;}
.src-bet .terms-body{color:var(--text);font-size:.93rem;line-height:1.9;}
.src-bet .terms-body p{margin-bottom:.9rem;}
.src-bet .terms-body p:last-child{margin-bottom:0;}
.src-bet .terms-list{list-style:none;padding:0;margin:.5rem 0;}
.src-bet .terms-list li{display:flex;gap:.7rem;align-items:flex-start;padding:.45rem 0;border-bottom:1px solid var(--border);color:var(--text);font-size:.9rem;line-height:1.65;}
.src-bet .terms-list li:last-child{border-bottom:none;}
.src-bet .terms-list li i{color:var(--primary);font-size:.85rem;margin-top:.15rem;flex-shrink:0;}
.src-bet .sub-list{list-style:none;padding:0;margin:.4rem 0 .4rem 1.4rem;}
.src-bet .sub-list li{color:var(--muted);font-size:.88rem;line-height:1.72;padding:.3rem 0;padding-left:.9rem;position:relative;}
.src-bet .sub-list li::before{content:"–";position:absolute;left:0;color:var(--primary);}
.src-bet .feature-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:1.5rem;height:100%;transition:transform .22s,box-shadow .2s;}
.src-bet .feature-card:hover{transform:translateY(-4px);box-shadow:0 8px 28px color-mix(in srgb,var(--b-primary) 18%,transparent);}
.src-bet .fc-icon{font-size:2rem;color:var(--primary);margin-bottom:.8rem;}
.src-bet .feature-card p{color:var(--muted);font-size:.88rem;line-height:1.75;margin:0;}
.src-bet .terms-table{width:100%;border-collapse:collapse;}
.src-bet .terms-table th{background:var(--surface);color:var(--primary);font-weight:700;padding:.7rem 1rem;font-size:.86rem;border:1px solid var(--border);}
.src-bet .terms-table td{background:var(--bg);color:var(--text);padding:.65rem 1rem;font-size:.86rem;border:1px solid var(--border);vertical-align:top;line-height:1.65;}
.src-bet .scroll-progress{position:fixed;top:0;left:0;width:0%;height:3px;background:var(--primary);z-index:9999;transition:width .1s;}
@media(max-width:768px){.src-bet .section-title{font-size:1.35rem;}.src-bet .page-hero{padding:44px 0 36px;}}
.src-bet .hero-deco{position:absolute;opacity:.05;pointer-events:none;color:var(--primary);font-size:9rem;}
.src-bet .hd1{top:-10px;right:3%;}
.src-bet .hd2{bottom:-20px;right:20%;}
.src-bet .hd3{top:40%;left:.5%;}
.src-bet .tip-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:1.5rem;height:100%;transition:transform .22s,box-shadow .22s;position:relative;}
.src-bet .tip-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px color-mix(in srgb,var(--b-primary) 20%,transparent);}
.src-bet .tip-number{width:44px;height:44px;border-radius:12px;background:var(--primary);color:var(--on-primary);font-weight:900;font-size:1.1rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:.9rem;}
.src-bet .tip-card h5{color:var(--heading);font-weight:800;font-size:1.05rem;margin-bottom:.6rem;}
.src-bet .tip-card p{color:var(--muted);font-size:.9rem;line-height:1.78;margin:0;}
.src-bet .cat-tab-btn{background:transparent;border:1.5px solid var(--border);color:var(--muted);border-radius:30px;padding:.4rem 1.1rem;font-size:.88rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap;}
.src-bet .cat-tab-btn:hover,.src-bet .cat-tab-btn.active{background:var(--primary);color:var(--on-primary);border-color:var(--primary);}
.src-bet .article-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;overflow:hidden;height:100%;transition:transform .2s,box-shadow .18s;}
.src-bet .article-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px color-mix(in srgb,var(--b-primary) 18%,transparent);}
.src-bet .article-tag{display:inline-block;background:var(--primary);color:var(--on-primary);font-size:.68rem;font-weight:800;padding:.2rem .55rem;border-radius:20px;margin-bottom:.6rem;}
.src-bet .article-tag.sport{background:var(--bg);border:1px solid var(--primary);color:var(--primary);}
.src-bet .article-tag.casino{background:var(--surface);border:1px solid var(--muted);color:var(--muted);}
.src-bet .article-body{padding:1.2rem;}
.src-bet .article-body h6{color:var(--heading);font-weight:700;font-size:.97rem;margin-bottom:.5rem;line-height:1.4;}
.src-bet .article-body p{color:var(--muted);font-size:.86rem;line-height:1.72;margin-bottom:.7rem;}
.src-bet .article-meta{display:flex;align-items:center;gap:.8rem;font-size:.76rem;color:var(--muted);}
.src-bet .article-icon{width:100%;height:110px;display:flex;align-items:center;justify-content:center;background:var(--bg);font-size:3rem;color:var(--primary);}
.src-bet .calc-box{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:1.5rem;}
.src-bet .calc-label{color:var(--muted);font-size:.85rem;font-weight:600;margin-bottom:.4rem;display:block;}
.src-bet .calc-input{background:var(--bg);border:1px solid var(--border);color:var(--heading);border-radius:8px;padding:.55rem 1rem;width:100%;font-size:.95rem;font-weight:700;outline:none;transition:border-color .2s;}
.src-bet .calc-input:focus{border-color:var(--primary);}
.src-bet .calc-result{background:var(--bg);border:1px solid var(--primary);border-radius:10px;padding:1rem 1.3rem;text-align:center;}
.src-bet .calc-result-num{font-size:1.8rem;font-weight:900;color:var(--primary);line-height:1;}
.src-bet .calc-result-label{color:var(--muted);font-size:.8rem;margin-top:.3rem;}
.src-bet .range-slider{-webkit-appearance:none;width:100%;height:6px;border-radius:3px;background:var(--surface);outline:none;margin:.4rem 0;}
.src-bet .range-slider::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--primary);cursor:pointer;}
.src-bet .odds-box{background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:1rem 1.2rem;margin-bottom:.6rem;}
.src-bet .odds-box-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:.4rem;}
.src-bet .odds-type{font-weight:700;color:var(--heading);font-size:.92rem;}
.src-bet .odds-val{font-size:1.2rem;font-weight:900;color:var(--primary);}
.src-bet .odds-formula{color:var(--muted);font-size:.82rem;}
.src-bet .check-list{list-style:none;padding:0;margin:0;}
.src-bet .check-list li{display:flex;gap:.7rem;align-items:flex-start;padding:.6rem 0;border-bottom:1px solid var(--border);font-size:.9rem;color:var(--text);line-height:1.65;}
.src-bet .check-list li i{color:var(--primary);font-size:1rem;margin-top:.1rem;flex-shrink:0;}
.src-bet .do-dont{width:100%;border-collapse:collapse;}
.src-bet .do-dont th{background:var(--surface);color:var(--primary);font-weight:700;padding:.7rem 1rem;font-size:.9rem;border:1px solid var(--border);}
.src-bet .do-dont td{background:var(--bg);color:var(--text);padding:.65rem 1rem;font-size:.88rem;border:1px solid var(--border);vertical-align:top;line-height:1.65;}
.src-bet .do-dont .do-icon{color:var(--primary);}
.src-bet .do-dont .dont-icon{color:var(--muted);}
.src-bet .skill-row{margin-bottom:1rem;}
.src-bet .skill-label{display:flex;justify-content:space-between;margin-bottom:.3rem;}
.src-bet .skill-label span:first-child{color:var(--text);font-size:.88rem;font-weight:600;}
.src-bet .skill-label span:last-child{color:var(--primary);font-size:.85rem;font-weight:700;}
.src-bet .skill-bar{background:var(--surface);border-radius:10px;height:7px;overflow:hidden;}
.src-bet .skill-fill{height:7px;border-radius:10px;background:var(--primary);transition:width 1.2s ease;}
.src-bet .quote-block{background:var(--surface);border-left:4px solid var(--primary);border-radius:0 12px 12px 0;padding:1.2rem 1.5rem;margin:1.5rem 0;}
.src-bet .quote-block p{color:var(--heading);font-size:1.02rem;font-style:italic;line-height:1.8;margin:0;}
.src-bet .quote-block footer{color:var(--muted);font-size:.82rem;margin-top:.5rem;}
.src-bet .sidebar-sticky{position:sticky;top:80px;}
.src-ws{--bg:var(--b-bg);--surface:var(--b-surface);--text:var(--b-text);--heading:var(--b-heading);--muted:var(--b-muted);--primary:var(--b-primary);--on-primary:var(--b-on-primary);--accent:var(--b-accent);--border:color-mix(in srgb,var(--b-text) 12%,transparent);}
.src-ws *{box-sizing:border-box;}
.src-ws{background:var(--bg);color:var(--text);font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0;}
.src-ws h1,.src-ws h2,.src-ws h3,.src-ws h4,.src-ws h5,.src-ws h6{color:var(--heading);}
.src-ws a{color:var(--primary);text-decoration:none;}
.src-ws a:hover{color:var(--accent);text-decoration:underline;}
.src-ws .navbar{background:var(--surface)!important;border-bottom:1px solid var(--border);}
.src-ws .navbar-brand img{height:44px;}
.src-ws .nav-link{color:var(--text)!important;font-weight:500;padding:.5rem .85rem!important;border-radius:6px;transition:background .2s,color .2s;}
.src-ws .nav-link:hover,.src-ws .nav-link.active{color:var(--primary)!important;background:color-mix(in srgb,var(--b-primary) 10%,transparent);}
.src-ws .navbar-toggler{border-color:var(--border);}
.src-ws .navbar-toggler-icon{filter:invert(1);}
.src-ws .page-hero{position:relative;padding:5rem 0 4rem;overflow:hidden;background:var(--bg);}
.src-ws .hero-bg{position:absolute;inset:0;
  background:radial-gradient(ellipse at 8% 55%,color-mix(in srgb,var(--b-primary) 18%,transparent) 0%,transparent 55%),
             radial-gradient(ellipse at 88% 18%,color-mix(in srgb,var(--b-primary) 10%,transparent) 0%,transparent 50%);}
.src-ws .hero-inner{position:relative;z-index:2;}
.src-ws .hero-tag{display:inline-block;background:color-mix(in srgb,var(--b-primary) 15%,transparent);border:1px solid color-mix(in srgb,var(--b-primary) 40%,transparent);color:var(--primary);border-radius:50px;padding:.3rem 1.1rem;font-size:.82rem;font-weight:700;letter-spacing:1px;margin-bottom:1rem;}
.src-ws .hero-h1{font-size:clamp(1.9rem,4vw,3rem);font-weight:800;color:var(--heading);line-height:1.18;}
.src-ws .hero-h1 span{color:var(--primary);text-shadow:0 0 24px color-mix(in srgb,var(--b-primary) 55%,transparent);}
.src-ws .hero-sub{color:var(--muted);font-size:1rem;max-width:620px;line-height:1.8;margin-top:.9rem;}
.src-ws .btn-glow{background:var(--primary);color:var(--on-primary);font-weight:700;padding:.75rem 2rem;border-radius:50px;border:none;box-shadow:0 0 22px color-mix(in srgb,var(--b-primary) 45%,transparent);transition:transform .2s,box-shadow .2s;font-size:1rem;display:inline-block;}
.src-ws .btn-glow:hover{transform:translateY(-3px);box-shadow:0 0 36px color-mix(in srgb,var(--b-primary) 70%,transparent);color:var(--on-primary);text-decoration:none;}
.src-ws .btn-outline-glow{background:transparent;color:var(--primary);font-weight:700;padding:.7rem 1.8rem;border-radius:50px;border:2px solid var(--primary);transition:all .2s;font-size:.95rem;display:inline-block;}
.src-ws .btn-outline-glow:hover{background:color-mix(in srgb,var(--b-primary) 12%,transparent);box-shadow:0 0 18px color-mix(in srgb,var(--b-primary) 35%,transparent);color:var(--primary);text-decoration:none;}
.src-ws .breadcrumb{background:transparent;padding:0;margin:0 0 1.5rem;}
.src-ws .breadcrumb-item+.breadcrumb-item::before{color:var(--muted);}
.src-ws .breadcrumb-item a{color:var(--primary);}
.src-ws .breadcrumb-item.active{color:var(--muted);}
.src-ws section{padding:4rem 0;}
.src-ws .sec-label{color:var(--primary);font-weight:700;letter-spacing:1.5px;font-size:.78rem;text-transform:uppercase;margin-bottom:.4rem;}
.src-ws .sec-title{font-size:1.8rem;font-weight:800;color:var(--heading);margin:.3rem 0 .6rem;}
.src-ws .sec-sub{color:var(--muted);line-height:1.7;margin-bottom:1.8rem;}
.src-ws .stat-strip{background:color-mix(in srgb,var(--b-surface) 60%,transparent);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:1.4rem 0;}
.src-ws .stat-num{font-size:1.9rem;font-weight:800;color:var(--primary);text-shadow:0 0 10px color-mix(in srgb,var(--b-primary) 45%,transparent);display:block;text-align:center;line-height:1;}
.src-ws .stat-lbl{color:var(--muted);font-size:.8rem;text-align:center;margin-top:.3rem;}
.src-ws .about-intro-text p{color:var(--text);line-height:1.85;margin-bottom:1.1rem;}
.src-ws .highlight-box{background:color-mix(in srgb,var(--b-primary) 8%,transparent);border-left:4px solid var(--primary);border-radius:0 10px 10px 0;padding:1.1rem 1.3rem;margin:1.5rem 0;}
.src-ws .highlight-box p{color:var(--text);font-size:.93rem;line-height:1.75;margin:0;}
.src-ws .feat-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:2rem 1.6rem;height:100%;position:relative;overflow:hidden;transition:transform .28s,box-shadow .28s;}
.src-ws .feat-card:hover{transform:translateY(-7px);box-shadow:0 0 30px color-mix(in srgb,var(--b-primary) 30%,transparent);}
.src-ws .feat-card::before{content:'';position:absolute;top:-55px;right:-55px;width:160px;height:160px;border-radius:50%;background:color-mix(in srgb,var(--b-primary) 7%,transparent);}
.src-ws .feat-icon-wrap{width:62px;height:62px;border-radius:16px;background:color-mix(in srgb,var(--b-primary) 13%,transparent);border:1px solid color-mix(in srgb,var(--b-primary) 30%,transparent);display:flex;align-items:center;justify-content:center;margin-bottom:1.2rem;position:relative;}
.src-ws .feat-icon-wrap i{font-size:1.8rem;color:var(--primary);}
.src-ws .feat-title{font-weight:800;color:var(--heading);font-size:1.05rem;margin-bottom:.5rem;}
.src-ws .feat-desc{color:var(--muted);font-size:.88rem;line-height:1.7;}
.src-ws .timeline{position:relative;padding-left:2.5rem;}
.src-ws .timeline::before{content:'';position:absolute;left:.9rem;top:0;bottom:0;width:2px;background:color-mix(in srgb,var(--b-primary) 20%,transparent);}
.src-ws .tl-item{position:relative;margin-bottom:2.2rem;}
.src-ws .tl-item:last-child{margin-bottom:0;}
.src-ws .tl-dot{position:absolute;left:-1.6rem;top:.3rem;width:16px;height:16px;border-radius:50%;background:var(--primary);box-shadow:0 0 10px color-mix(in srgb,var(--b-primary) 60%,transparent);border:2px solid var(--bg);}
.src-ws .tl-year{color:var(--primary);font-weight:800;font-size:.85rem;margin-bottom:.3rem;}
.src-ws .tl-title{color:var(--heading);font-weight:700;font-size:.97rem;margin-bottom:.3rem;}
.src-ws .tl-desc{color:var(--muted);font-size:.87rem;line-height:1.65;}
.src-ws .value-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:1.5rem;height:100%;transition:transform .22s,box-shadow .22s;display:flex;gap:1rem;align-items:flex-start;}
.src-ws .value-card:hover{transform:translateY(-4px);box-shadow:0 0 18px color-mix(in srgb,var(--b-primary) 20%,transparent);}
.src-ws .val-icon{flex-shrink:0;width:50px;height:50px;border-radius:12px;background:color-mix(in srgb,var(--b-primary) 12%,transparent);border:1px solid color-mix(in srgb,var(--b-primary) 25%,transparent);display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--primary);}
.src-ws .val-title{font-weight:700;color:var(--heading);font-size:.95rem;margin-bottom:.3rem;}
.src-ws .val-desc{color:var(--muted);font-size:.85rem;line-height:1.65;}
.src-ws .game-pill{display:inline-flex;align-items:center;gap:.5rem;background:var(--surface);border:1px solid var(--border);border-radius:50px;padding:.45rem 1rem;font-size:.85rem;color:var(--text);margin:.25rem;transition:all .2s;}
.src-ws .game-pill i{color:var(--primary);}
.src-ws .game-pill:hover{border-color:var(--primary);background:color-mix(in srgb,var(--b-primary) 10%,transparent);}
.src-ws .team-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1.5rem;text-align:center;transition:transform .22s,box-shadow .22s;}
.src-ws .team-card:hover{transform:translateY(-5px);box-shadow:0 0 20px color-mix(in srgb,var(--b-primary) 25%,transparent);}
.src-ws .team-avatar{width:76px;height:76px;border-radius:50%;background:color-mix(in srgb,var(--b-primary) 12%,transparent);border:3px solid color-mix(in srgb,var(--b-primary) 30%,transparent);display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;font-size:2rem;color:var(--primary);}
.src-ws .team-name{font-weight:800;color:var(--heading);font-size:.97rem;}
.src-ws .team-role{color:var(--muted);font-size:.8rem;margin-top:.2rem;}
.src-ws .pay-pill{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:.55rem .95rem;display:flex;align-items:center;gap:.55rem;font-size:.84rem;color:var(--muted);}
.src-ws .pay-pill i{color:var(--primary);font-size:1.05rem;}
.src-ws .cta-section{background:linear-gradient(135deg,var(--surface) 0%,color-mix(in srgb,var(--b-primary) 9%,transparent) 100%);border:1px solid var(--border);border-radius:22px;padding:3.5rem 2rem;text-align:center;position:relative;overflow:hidden;}
.src-ws .cta-section::before{content:'';position:absolute;top:-60px;left:-60px;width:200px;height:200px;border-radius:50%;background:color-mix(in srgb,var(--b-primary) 6%,transparent);}
.src-ws .cta-section::after{content:'';position:absolute;bottom:-60px;right:-60px;width:200px;height:200px;border-radius:50%;background:color-mix(in srgb,var(--b-primary) 6%,transparent);}
.src-ws .cta-inner{position:relative;z-index:2;}
.src-ws .trust-badge{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1rem 1.3rem;display:flex;align-items:center;gap:.85rem;transition:transform .2s;}
.src-ws .trust-badge:hover{transform:translateY(-3px);}
.src-ws .trust-badge-icon{font-size:1.7rem;color:var(--primary);flex-shrink:0;}
.src-ws .trust-badge-title{color:var(--heading);font-weight:700;font-size:.9rem;}
.src-ws .trust-badge-sub{color:var(--muted);font-size:.78rem;margin-top:.1rem;}
.src-ws .accordion-item{background:var(--surface)!important;border:1px solid var(--border)!important;margin-bottom:.5rem;border-radius:10px!important;overflow:hidden;}
.src-ws .accordion-button{background:var(--surface)!important;color:var(--heading)!important;font-weight:600;}
.src-ws .accordion-button:not(.collapsed){color:var(--primary)!important;box-shadow:none!important;background:color-mix(in srgb,var(--b-primary) 8%,transparent)!important;}
.src-ws .accordion-button::after{filter:invert(1) sepia(1) saturate(2) hue-rotate(100deg);}
.src-ws .accordion-body{background:var(--bg)!important;color:var(--text);font-size:.92rem;line-height:1.75;}
.src-ws footer{background:var(--surface);border-top:1px solid var(--border);padding:2.5rem 0 1.5rem;}
.src-ws .footer-links a{color:var(--muted);font-size:.87rem;display:block;margin-bottom:.45rem;transition:color .2s;}
.src-ws .footer-links a:hover{color:var(--primary);}
.src-ws .footer-copy{color:var(--muted);font-size:.8rem;margin-top:1rem;}
.src-ws .section-divider{border:none;border-top:1px solid var(--border);margin:0;}
@media(max-width:768px){.src-ws .page-hero{padding:3rem 0 2.5rem;}.src-ws section{padding:2.8rem 0;}.src-ws .stat-num{font-size:1.5rem;}}
.src-ws .nav-link{color:var(--text)!important;font-weight:500;padding:0.5rem 0.85rem!important;border-radius:6px;transition:background .2s,color .2s;}
.src-ws .footer-links a{color:var(--muted);font-size:.88rem;margin-right:1.2rem;transition:color .2s;}
.src-ws .footer-copy{color:var(--muted);font-size:.82rem;margin-top:1rem;}
.src-ws .page-hero{position:relative;padding:4.5rem 0 3.5rem;overflow:hidden;background:var(--bg);}
.src-ws .hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse at 12% 60%,color-mix(in srgb,var(--b-primary) 18%,transparent) 0%,transparent 55%),radial-gradient(ellipse at 82% 22%,color-mix(in srgb,var(--b-primary) 10%,transparent) 0%,transparent 50%);}
.src-ws .shuttle-deco{position:absolute;right:3%;top:50%;transform:translateY(-50%);opacity:.07;pointer-events:none;font-size:6rem;color:var(--primary);animation:shuttleFly_ws 6s ease-in-out infinite alternate;}
@keyframes shuttleFly_ws{0%{transform:translateY(-50%) rotate(-15deg);}100%{transform:translateY(calc(-50% - 30px)) rotate(10deg);}}
.src-ws .hero-tag{display:inline-block;background:color-mix(in srgb,var(--b-primary) 15%,transparent);border:1px solid color-mix(in srgb,var(--b-primary) 40%,transparent);color:var(--primary);border-radius:50px;padding:.3rem 1rem;font-size:.82rem;font-weight:700;letter-spacing:1px;margin-bottom:1rem;}
.src-ws .hero-h1{font-size:clamp(1.8rem,4vw,2.9rem);font-weight:800;color:var(--heading);line-height:1.18;}
.src-ws .hero-sub{color:var(--muted);font-size:1rem;max-width:640px;line-height:1.75;margin-top:.85rem;}
.src-ws .live-ticker{background:var(--surface);border-bottom:1px solid var(--border);padding:.7rem 0;overflow:hidden;}
.src-ws .ticker-track{display:flex;gap:2.5rem;animation:tickScroll_ws 32s linear infinite;white-space:nowrap;align-items:center;}
.src-ws .ticker-item{display:flex;align-items:center;gap:.55rem;flex-shrink:0;background:color-mix(in srgb,var(--b-primary) 7%,transparent);border:1px solid var(--border);border-radius:8px;padding:.32rem .9rem;}
.src-ws .live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--primary);animation:blink_ws 1.2s infinite;}
@keyframes blink_ws{0%,100%{opacity:1;}50%{opacity:.25;}}
.src-ws .t-match{color:var(--heading);font-size:.82rem;font-weight:600;}
.src-ws .t-score{color:var(--primary);font-weight:800;margin:0 .3rem;}
.src-ws .t-detail{color:var(--muted);font-size:.74rem;}
@keyframes tickScroll_ws{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}
.src-ws .stat-strip{background:color-mix(in srgb,var(--b-surface) 55%,transparent);border-bottom:1px solid var(--border);padding:1.2rem 0;}
.src-ws .stat-num{font-size:1.75rem;font-weight:800;color:var(--primary);text-shadow:0 0 10px color-mix(in srgb,var(--b-primary) 45%,transparent);display:block;text-align:center;}
.src-ws .stat-lbl{color:var(--muted);font-size:.78rem;text-align:center;margin-top:.15rem;}
.src-ws section{padding:3.5rem 0;}
.src-ws .sec-title{font-size:1.75rem;font-weight:800;color:var(--heading);margin:.3rem 0 .5rem;}
.src-ws .sec-sub{color:var(--muted);line-height:1.65;margin-bottom:1.8rem;}
.src-ws .tourn-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1.5rem;position:relative;overflow:hidden;height:100%;transition:transform .25s,box-shadow .25s;}
.src-ws .tourn-card:hover{transform:translateY(-5px);box-shadow:0 0 24px color-mix(in srgb,var(--b-primary) 30%,transparent);}
.src-ws .tourn-card::before{content:'';position:absolute;top:-50px;right:-50px;width:140px;height:140px;border-radius:50%;background:color-mix(in srgb,var(--b-primary) 7%,transparent);}
.src-ws .tourn-tier{display:inline-block;border-radius:20px;font-size:.72rem;font-weight:700;padding:.15rem .65rem;margin-bottom:.75rem;border:1px solid;}
.src-ws .tier-s{background:color-mix(in srgb,var(--b-primary) 20%,transparent);color:var(--primary);border-color:var(--primary);}
.src-ws .tier-1000{background:color-mix(in srgb,var(--b-primary) 12%,transparent);color:var(--primary);border-color:color-mix(in srgb,var(--b-primary) 50%,transparent);}
.src-ws .tier-750{background:color-mix(in srgb,var(--b-primary) 8%,transparent);color:var(--muted);border-color:var(--border);}
.src-ws .tourn-name{font-weight:800;color:var(--heading);font-size:1rem;margin-bottom:.3rem;}
.src-ws .tourn-date{color:var(--muted);font-size:.8rem;margin-bottom:.5rem;}
.src-ws .tourn-prize{color:var(--primary);font-weight:800;font-size:1.05rem;}
.src-ws .tourn-prize-lbl{color:var(--muted);font-size:.76rem;}
.src-ws .tourn-footer{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;padding-top:.9rem;border-top:1px solid var(--border);}
.src-ws .odds-board{background:var(--surface);border:1px solid var(--border);border-radius:14px;overflow:hidden;}
.src-ws .odds-header{background:color-mix(in srgb,var(--b-primary) 10%,transparent);border-bottom:1px solid var(--border);padding:.75rem 1.2rem;display:flex;justify-content:space-between;align-items:center;}
.src-ws .odds-header-title{color:var(--heading);font-weight:700;font-size:.9rem;}
.src-ws .odds-live-tag{background:var(--primary);color:var(--on-primary);border-radius:4px;padding:.12rem .5rem;font-size:.72rem;font-weight:700;}
.src-ws .odds-upcoming{background:var(--surface);border:1px solid color-mix(in srgb,var(--b-primary) 25%,transparent);border-radius:4px;padding:.12rem .5rem;font-size:.72rem;font-weight:700;color:var(--primary);}
.src-ws .odds-row{border-bottom:1px solid var(--border);padding:.9rem 1.2rem;display:flex;align-items:center;gap:.8rem;transition:background .2s;}
.src-ws .odds-row:last-child{border-bottom:none;}
.src-ws .odds-row:hover{background:color-mix(in srgb,var(--b-primary) 5%,transparent);}
.src-ws .odds-ico{font-size:1.1rem;color:var(--primary);flex-shrink:0;width:28px;}
.src-ws .odds-info{flex:1;min-width:0;}
.src-ws .odds-teams{color:var(--heading);font-weight:600;font-size:.88rem;}
.src-ws .odds-sub{color:var(--muted);font-size:.74rem;margin-top:.12rem;}
.src-ws .odds-time{color:var(--muted);font-size:.74rem;flex-shrink:0;text-align:right;min-width:60px;}
.src-ws .odds-btns{display:flex;gap:.4rem;flex-shrink:0;}
.src-ws .o-btn{background:color-mix(in srgb,var(--b-primary) 10%,transparent);border:1px solid var(--border);border-radius:8px;padding:.3rem .65rem;display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:all .2s;min-width:52px;}
.src-ws .o-btn:hover{background:color-mix(in srgb,var(--b-primary) 25%,transparent);border-color:var(--primary);}
.src-ws .o-lbl{color:var(--muted);font-size:.64rem;font-weight:600;}
.src-ws .o-val{color:var(--primary);font-weight:800;font-size:.9rem;}
.src-ws .player-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:1.4rem;text-align:center;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s;}
.src-ws .player-card:hover{transform:translateY(-5px);box-shadow:0 0 22px color-mix(in srgb,var(--b-primary) 30%,transparent);}
.src-ws .player-avatar{width:72px;height:72px;border-radius:50%;background:color-mix(in srgb,var(--b-primary) 12%,transparent);border:3px solid var(--primary);display:flex;align-items:center;justify-content:center;margin:0 auto .85rem;font-size:2rem;color:var(--primary);}
.src-ws .player-name{font-weight:800;color:var(--heading);font-size:.97rem;}
.src-ws .player-cat{color:var(--muted);font-size:.78rem;margin-top:.2rem;}
.src-ws .player-rank{display:inline-block;background:color-mix(in srgb,var(--b-primary) 15%,transparent);color:var(--primary);border:1px solid color-mix(in srgb,var(--b-primary) 35%,transparent);border-radius:20px;font-size:.74rem;font-weight:700;padding:.2rem .7rem;margin-top:.5rem;}
.src-ws .player-odds-row{display:flex;gap:.4rem;justify-content:center;margin-top:.85rem;}
.src-ws .player-stat{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:.4rem .7rem;flex:1;}
.src-ws .p-stat-val{color:var(--primary);font-weight:800;font-size:.9rem;}
.src-ws .p-stat-lbl{color:var(--muted);font-size:.68rem;}
.src-ws .market-tabs .nav-link{background:var(--surface);color:var(--muted);border:1px solid var(--border);border-radius:50px;padding:.4rem 1.1rem;font-size:.85rem;font-weight:600;margin:.2rem;transition:all .2s;}
.src-ws .market-tabs .nav-link.active,.src-ws .market-tabs .nav-link:hover{background:color-mix(in srgb,var(--b-primary) 15%,transparent);color:var(--primary);border-color:var(--primary);}
.src-ws .feat-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:1.4rem;height:100%;transition:transform .22s,box-shadow .22s;}
.src-ws .feat-card:hover{transform:translateY(-4px);box-shadow:0 0 18px color-mix(in srgb,var(--b-primary) 20%,transparent);}
.src-ws .feat-icon{font-size:1.9rem;color:var(--primary);display:block;margin-bottom:.7rem;}
.src-ws .feat-title{font-weight:700;color:var(--heading);margin-bottom:.4rem;font-size:.97rem;}
.src-ws .feat-desc{color:var(--muted);font-size:.86rem;line-height:1.65;}
.src-ws .promo-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1.8rem;position:relative;overflow:hidden;}
.src-ws .promo-card::after{content:'';position:absolute;top:-40px;right:-40px;width:140px;height:140px;border-radius:50%;background:color-mix(in srgb,var(--b-primary) 7%,transparent);}
.src-ws .promo-pill{display:inline-block;background:color-mix(in srgb,var(--b-primary) 15%,transparent);color:var(--primary);border-radius:50px;font-size:.78rem;font-weight:700;padding:.25rem .85rem;margin-bottom:.75rem;}
.src-ws .promo-val{font-size:2rem;font-weight:800;color:var(--primary);text-shadow:0 0 12px color-mix(in srgb,var(--b-primary) 45%,transparent);line-height:1.1;}
.src-ws .promo-name{font-weight:700;color:var(--heading);margin:.4rem 0 .3rem;}
.src-ws .promo-note{color:var(--muted);font-size:.83rem;line-height:1.6;}
.src-ws .set-vis{background:var(--surface);border:1px solid var(--border);border-radius:14px;overflow:hidden;}
.src-ws .set-vis-header{background:color-mix(in srgb,var(--b-primary) 8%,transparent);border-bottom:1px solid var(--border);padding:.6rem 1rem;color:var(--heading);font-weight:700;font-size:.87rem;display:flex;justify-content:space-between;align-items:center;}
.src-ws .set-row{display:flex;align-items:center;padding:.65rem 1rem;border-bottom:1px solid var(--border);}
.src-ws .set-row:last-child{border-bottom:none;}
.src-ws .set-player{flex:1;font-size:.87rem;font-weight:600;}
.src-ws .set-player.winner{color:var(--primary);}
.src-ws .set-scores{display:flex;gap:.4rem;}
.src-ws .set-num{width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.88rem;}
.src-ws .set-num.win{background:color-mix(in srgb,var(--b-primary) 20%,transparent);color:var(--primary);border:1px solid color-mix(in srgb,var(--b-primary) 40%,transparent);}
.src-ws .set-num.loss{background:rgba(255,255,255,0.04);color:var(--muted);border:1px solid var(--border);}
.src-ws .set-num.live{background:var(--primary);color:var(--on-primary);animation:setPulse_ws 1s infinite alternate;}
@keyframes setPulse_ws{0%{opacity:1;}100%{opacity:.6;}}
.src-ws .bet-slip{background:var(--surface);border:2px solid var(--primary);border-radius:16px;padding:1.5rem;box-shadow:0 0 24px color-mix(in srgb,var(--b-primary) 18%,transparent);position:sticky;top:80px;}
.src-ws .bet-slip-title{color:var(--heading);font-weight:800;font-size:1rem;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem;}
.src-ws .bet-item{background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:.85rem;margin-bottom:.7rem;}
.src-ws .bet-match{color:var(--heading);font-weight:700;font-size:.85rem;}
.src-ws .bet-sel{color:var(--primary);font-size:.82rem;margin-top:.2rem;}
.src-ws .bet-odds{float:right;color:var(--primary);font-weight:800;}
.src-ws .bet-input{background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--heading);padding:.5rem .85rem;width:100%;font-size:.9rem;outline:none;transition:border .2s;}
.src-ws .bet-input:focus{border-color:var(--primary);}
.src-ws .bet-summary{border-top:1px solid var(--border);padding-top:.85rem;margin-top:.85rem;}
.src-ws .bet-row{display:flex;justify-content:space-between;font-size:.85rem;margin-bottom:.35rem;}
.src-ws .bet-row span:first-child{color:var(--muted);}
.src-ws .bet-row span:last-child{color:var(--heading);font-weight:600;}
.src-ws .bet-row.total span{color:var(--primary);font-weight:800;font-size:.95rem;}
.src-ws .place-btn{background:var(--primary);color:var(--on-primary);font-weight:800;border:none;border-radius:50px;padding:.65rem 1.5rem;width:100%;font-size:.95rem;cursor:pointer;box-shadow:0 0 16px color-mix(in srgb,var(--b-primary) 40%,transparent);transition:transform .2s;margin-top:.6rem;}
.src-ws .place-btn:hover{transform:scale(1.03);}
.src-ws .step-wrap{display:flex;gap:1.2rem;align-items:flex-start;}
.src-ws .step-circle{width:46px;height:46px;border-radius:50%;background:color-mix(in srgb,var(--b-primary) 15%,transparent);border:2px solid var(--primary);display:flex;align-items:center;justify-content:center;color:var(--primary);font-weight:800;font-size:1.1rem;flex-shrink:0;}
.src-ws .pay-pill{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:.6rem 1rem;display:flex;align-items:center;gap:.6rem;font-size:.85rem;color:var(--muted);}
.src-ws .pay-pill i{color:var(--primary);font-size:1.1rem;}
.src-ws .accordion-body{background:var(--bg)!important;color:var(--text);font-size:.93rem;line-height:1.7;}
.src-ws .content-img{border-radius:12px;border:1px solid var(--border);max-width:100%;height:auto;display:block;margin:0 auto;}
.src-ws .my-badge{display:inline-flex;align-items:center;gap:.4rem;background:color-mix(in srgb,var(--b-primary) 12%,transparent);border:1px solid color-mix(in srgb,var(--b-primary) 30%,transparent);border-radius:20px;padding:.2rem .7rem;font-size:.76rem;font-weight:700;color:var(--primary);}
.src-ws .rank-table{width:100%;border-collapse:collapse;}
.src-ws .rank-table th{background:color-mix(in srgb,var(--b-primary) 10%,transparent);color:var(--heading);padding:.65rem .9rem;border:1px solid var(--border);font-size:.82rem;font-weight:700;}
.src-ws .rank-table td{padding:.6rem .9rem;border:1px solid var(--border);font-size:.83rem;color:var(--text);}
.src-ws .rank-table tr:nth-child(even) td{background:color-mix(in srgb,var(--b-surface) 45%,transparent);}
.src-ws .rank-table .mas-row td{color:var(--primary);font-weight:700;}
.src-ws .rank-num{color:var(--primary);font-weight:800;}
@media(max-width:768px){.src-ws .page-hero{padding:2.5rem 0 2rem;}.src-ws .shuttle-deco{display:none;}.src-ws .stat-num{font-size:1.3rem;}}
.src-ws .page-hero{background:linear-gradient(135deg,color-mix(in srgb,var(--b-bg) 97%,transparent) 0%,color-mix(in srgb,var(--b-surface) 92%,transparent) 100%),url(/_theme/spade46/img/a3b10c1f743a01a8.jpg) center/cover no-repeat;padding:4rem 0 3rem;border-bottom:1px solid var(--border);position:relative;overflow:hidden;}
.src-ws .page-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 70% 50%,color-mix(in srgb,var(--b-primary) 13%,transparent) 0%,transparent 65%);}
.src-ws .page-hero h1{font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;color:var(--heading);line-height:1.2;}
.src-ws .page-hero h1 span{color:var(--primary);text-shadow:0 0 20px color-mix(in srgb,var(--b-primary) 50%,transparent);}
.src-ws .hero-sub{color:var(--muted);font-size:1rem;max-width:600px;line-height:1.7;margin-top:.8rem;}
.src-ws .btn-glow{background:var(--primary);color:var(--on-primary);font-weight:700;padding:.75rem 2rem;border-radius:50px;border:none;box-shadow:0 0 20px color-mix(in srgb,var(--b-primary) 45%,transparent);transition:transform .2s,box-shadow .2s;font-size:1rem;display:inline-block;}
.src-ws .btn-glow:hover{transform:translateY(-3px);box-shadow:0 0 34px color-mix(in srgb,var(--b-primary) 70%,transparent);color:var(--on-primary);text-decoration:none;}
.src-ws .btn-outline-glow:hover{background:color-mix(in srgb,var(--b-primary) 12%,transparent);box-shadow:0 0 20px color-mix(in srgb,var(--b-primary) 35%,transparent);color:var(--primary);text-decoration:none;}
.src-ws .stat-strip{background:var(--surface);border-bottom:1px solid var(--border);padding:1.2rem 0;}
.src-ws .stat-box{text-align:center;}
.src-ws .stat-num{font-size:1.7rem;font-weight:800;color:var(--primary);text-shadow:0 0 10px color-mix(in srgb,var(--b-primary) 45%,transparent);display:block;}
.src-ws .stat-lbl{color:var(--muted);font-size:.78rem;}
.src-ws .section-label{color:var(--primary);font-weight:700;letter-spacing:1px;font-size:.8rem;text-transform:uppercase;}
.src-ws .section-title{font-size:1.7rem;font-weight:800;color:var(--heading);margin:.3rem 0 .5rem;}
.src-ws .section-sub{color:var(--muted);margin-bottom:2rem;line-height:1.6;}
.src-ws .match-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:1.2rem 1.4rem;position:relative;overflow:hidden;transition:transform .22s,box-shadow .22s;}
.src-ws .match-card:hover{transform:translateY(-4px);box-shadow:0 0 22px color-mix(in srgb,var(--b-primary) 25%,transparent);}
.src-ws .live-badge{background:color-mix(in srgb,var(--b-primary) 18%,transparent);color:var(--primary);border:1px solid var(--primary);border-radius:20px;font-size:.68rem;font-weight:700;padding:.12rem .55rem;animation:livePulse_ws 1.3s infinite;display:inline-block;}
@keyframes livePulse_ws{0%,100%{opacity:1;}50%{opacity:.45;}}
.src-ws .upcoming-badge{background:rgba(163,173,190,0.12);color:var(--muted);border:1px solid var(--border);border-radius:20px;font-size:.68rem;font-weight:600;padding:.12rem .55rem;display:inline-block;}
.src-ws .team-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:.6rem;}
.src-ws .team-name{font-weight:700;color:var(--heading);font-size:.93rem;}
.src-ws .score-box{background:color-mix(in srgb,var(--b-primary) 10%,transparent);border:1px solid var(--border);border-radius:8px;padding:.2rem .7rem;font-weight:800;color:var(--primary);font-size:1rem;}
.src-ws .odds-row{display:flex;gap:.5rem;margin-top:.85rem;flex-wrap:wrap;}
.src-ws .odds-btn{background:color-mix(in srgb,var(--b-primary) 10%,transparent);border:1px solid color-mix(in srgb,var(--b-primary) 35%,transparent);color:var(--primary);border-radius:8px;padding:.28rem .75rem;font-size:.82rem;font-weight:700;cursor:pointer;transition:background .2s;flex:1;min-width:60px;text-align:center;}
.src-ws .odds-btn:hover{background:color-mix(in srgb,var(--b-primary) 28%,transparent);}
.src-ws .odds-label{color:var(--muted);font-size:.7rem;margin-top:.3rem;text-align:center;}
.src-ws .league-tabs .nav-link{background:var(--surface);color:var(--muted);border:1px solid var(--border);border-radius:50px;padding:.4rem 1.1rem;font-size:.85rem;font-weight:600;margin:.2rem;transition:all .2s;}
.src-ws .league-tabs .nav-link.active,.src-ws .league-tabs .nav-link:hover{background:color-mix(in srgb,var(--b-primary) 15%,transparent);color:var(--primary);border-color:var(--primary);}
.src-ws .feat-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:1.5rem;transition:transform .22s,box-shadow .22s;}
.src-ws .feat-icon{font-size:2rem;color:var(--primary);margin-bottom:.7rem;display:block;}
.src-ws .feat-title{font-weight:700;color:var(--heading);margin-bottom:.4rem;font-size:1rem;}
.src-ws .feat-desc{color:var(--muted);font-size:.87rem;line-height:1.65;}
.src-ws .promo-card::after{content:'';position:absolute;top:-40px;right:-40px;width:140px;height:140px;background:color-mix(in srgb,var(--b-primary) 8%,transparent);border-radius:50%;}
.src-ws .promo-badge{background:color-mix(in srgb,var(--b-primary) 15%,transparent);color:var(--primary);border-radius:50px;font-size:.78rem;font-weight:700;padding:.25rem .85rem;display:inline-block;margin-bottom:.75rem;}
.src-ws .promo-amount{font-size:2rem;font-weight:800;color:var(--primary);text-shadow:0 0 12px color-mix(in srgb,var(--b-primary) 45%,transparent);}
.src-ws .step-num{width:44px;height:44px;border-radius:50%;background:color-mix(in srgb,var(--b-primary) 15%,transparent);border:2px solid var(--primary);display:flex;align-items:center;justify-content:center;color:var(--primary);font-weight:800;font-size:1.1rem;flex-shrink:0;}
.src-ws .accordion-button{background:var(--surface)!important;color:var(--heading)!important;font-weight:600;border-radius:10px!important;}
.src-ws .league-badge{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:.85rem 1.2rem;display:flex;align-items:center;gap:.85rem;transition:box-shadow .2s;}
.src-ws .league-badge:hover{box-shadow:0 0 14px color-mix(in srgb,var(--b-primary) 25%,transparent);}
.src-ws .league-badge i{font-size:1.5rem;color:var(--primary);}
.src-ws .league-badge-name{font-weight:700;color:var(--heading);font-size:.9rem;}
.src-ws .league-badge-meta{color:var(--muted);font-size:.78rem;}
.src-ws .pay-item{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:.7rem 1rem;display:flex;align-items:center;gap:.6rem;font-size:.85rem;color:var(--muted);}
.src-ws .pay-item i{color:var(--primary);font-size:1.2rem;}
.src-ws .footer-links a{color:var(--muted);font-size:.88rem;display:block;margin-bottom:.45rem;transition:color .2s;}
.src-ws .sec-divider{border:none;border-top:1px solid var(--border);margin:0;}
@media(max-width:768px){.src-ws .page-hero{padding:2.5rem 0 2rem;}.src-ws .stat-num{font-size:1.3rem;}.src-ws .promo-amount{font-size:1.5rem;}}
.src-ws .hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse at 10% 65%,color-mix(in srgb,var(--b-primary) 18%,transparent) 0%,transparent 55%),radial-gradient(ellipse at 85% 20%,color-mix(in srgb,var(--b-primary) 9%,transparent) 0%,transparent 50%);}
.src-ws .circuit-deco{position:absolute;right:0;top:0;bottom:0;width:48%;pointer-events:none;opacity:.06;}
.src-ws .circuit-deco svg{width:100%;height:100%;}
.src-ws .live-ticker{background:var(--surface);border-bottom:1px solid var(--border);padding:.68rem 0;overflow:hidden;}
.src-ws .ticker-track{display:flex;gap:2.5rem;animation:tickScroll_ws 38s linear infinite;white-space:nowrap;align-items:center;}
.src-ws .game-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1.6rem 1.4rem;position:relative;overflow:hidden;height:100%;transition:transform .25s,box-shadow .25s;}
.src-ws .game-card:hover{transform:translateY(-6px);box-shadow:0 0 28px color-mix(in srgb,var(--b-primary) 35%,transparent);}
.src-ws .game-card::before{content:'';position:absolute;top:-50px;right:-50px;width:150px;height:150px;border-radius:50%;background:color-mix(in srgb,var(--b-primary) 7%,transparent);}
.src-ws .game-icon{width:60px;height:60px;border-radius:14px;background:color-mix(in srgb,var(--b-primary) 12%,transparent);border:1px solid color-mix(in srgb,var(--b-primary) 30%,transparent);display:flex;align-items:center;justify-content:center;font-size:1.8rem;margin-bottom:1rem;position:relative;}
.src-ws .game-name{font-weight:800;color:var(--heading);font-size:1.05rem;margin-bottom:.3rem;}
.src-ws .game-genre{color:var(--muted);font-size:.8rem;margin-bottom:.6rem;}
.src-ws .game-desc{color:var(--muted);font-size:.85rem;line-height:1.65;}
.src-ws .game-badge{position:absolute;top:12px;right:12px;border-radius:20px;font-size:.69rem;font-weight:700;padding:.13rem .65rem;border:1px solid;}
.src-ws .badge-hot{background:color-mix(in srgb,var(--b-primary) 20%,transparent);color:var(--primary);border-color:var(--primary);}
.src-ws .badge-new{background:color-mix(in srgb,var(--b-primary) 10%,transparent);color:var(--primary);border-color:color-mix(in srgb,var(--b-primary) 40%,transparent);}
.src-ws .game-footer{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;padding-top:.9rem;border-top:1px solid var(--border);}
.src-ws .game-matches{color:var(--muted);font-size:.78rem;}
.src-ws .game-payout{color:var(--primary);font-weight:800;font-size:.9rem;}
.src-ws .odds-header{background:color-mix(in srgb,var(--b-primary) 10%,transparent);border-bottom:1px solid var(--border);padding:.75rem 1.2rem;display:flex;justify-content:space-between;align-items:center;gap:.5rem;flex-wrap:wrap;}
.src-ws .odds-title{color:var(--heading);font-weight:700;font-size:.88rem;}
.src-ws .tag-live{background:var(--primary);color:var(--on-primary);border-radius:4px;padding:.1rem .5rem;font-size:.7rem;font-weight:700;}
.src-ws .tag-soon{background:color-mix(in srgb,var(--b-primary) 15%,transparent);color:var(--primary);border:1px solid color-mix(in srgb,var(--b-primary) 35%,transparent);border-radius:4px;padding:.1rem .5rem;font-size:.7rem;font-weight:700;}
.src-ws .odds-row{border-bottom:1px solid var(--border);padding:.85rem 1.2rem;display:flex;align-items:center;gap:.75rem;transition:background .2s;}
.src-ws .odds-ico{font-size:1.05rem;color:var(--primary);flex-shrink:0;width:26px;}
.src-ws .odds-teams{color:var(--heading);font-weight:600;font-size:.87rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.src-ws .odds-sub{color:var(--muted);font-size:.73rem;margin-top:.1rem;}
.src-ws .odds-time{color:var(--muted);font-size:.73rem;flex-shrink:0;text-align:right;min-width:58px;}
.src-ws .o-btn{background:color-mix(in srgb,var(--b-primary) 10%,transparent);border:1px solid var(--border);border-radius:8px;padding:.28rem .6rem;display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:all .2s;min-width:54px;}
.src-ws .o-lbl{color:var(--muted);font-size:.63rem;font-weight:600;}
.src-ws .o-val{color:var(--primary);font-weight:800;font-size:.88rem;}
.src-ws .market-tabs .nav-link{background:var(--surface);color:var(--muted);border:1px solid var(--border);border-radius:50px;padding:.38rem 1rem;font-size:.83rem;font-weight:600;margin:.2rem;transition:all .2s;}
.src-ws .match-timeline{background:var(--surface);border:1px solid var(--border);border-radius:14px;overflow:hidden;}
.src-ws .mt-header{background:color-mix(in srgb,var(--b-primary) 8%,transparent);border-bottom:1px solid var(--border);padding:.65rem 1.1rem;display:flex;justify-content:space-between;align-items:center;}
.src-ws .mt-title{color:var(--heading);font-weight:700;font-size:.87rem;}
.src-ws .map-pill{display:inline-block;background:color-mix(in srgb,var(--b-primary) 15%,transparent);color:var(--primary);border-radius:20px;font-size:.72rem;font-weight:700;padding:.12rem .6rem;margin-left:.3rem;}
.src-ws .series-row{display:flex;align-items:center;padding:.9rem 1.1rem;border-bottom:1px solid var(--border);}
.src-ws .series-row:last-child{border-bottom:none;}
.src-ws .team-side{flex:1;}
.src-ws .team-name-lg{color:var(--heading);font-weight:700;font-size:.88rem;}
.src-ws .team-country{color:var(--muted);font-size:.72rem;}
.src-ws .series-score{display:flex;gap:.4rem;margin:0 .8rem;}
.src-ws .map-score{width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.88rem;}
.src-ws .map-win{background:color-mix(in srgb,var(--b-primary) 20%,transparent);color:var(--primary);border:1px solid color-mix(in srgb,var(--b-primary) 40%,transparent);}
.src-ws .map-loss{background:rgba(255,255,255,0.04);color:var(--muted);border:1px solid var(--border);}
.src-ws .map-live{background:var(--primary);color:var(--on-primary);animation:mpulse_ws 1s infinite alternate;}
@keyframes mpulse_ws{0%{opacity:1;}100%{opacity:.55;}}
.src-ws .bst{color:var(--heading);font-weight:800;font-size:1rem;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem;}
.src-ws .bet-match{color:var(--heading);font-weight:700;font-size:.84rem;}
.src-ws .bet-sel{color:var(--primary);font-size:.8rem;margin-top:.2rem;}
.src-ws .bet-odds-val{float:right;color:var(--primary);font-weight:800;}
.src-ws .bet-row{display:flex;justify-content:space-between;font-size:.84rem;margin-bottom:.33rem;}
.src-ws .bet-row.total span{color:var(--primary);font-weight:800;font-size:.93rem;}
.src-ws .place-btn{background:var(--primary);color:var(--on-primary);font-weight:800;border:none;border-radius:50px;padding:.65rem 1.5rem;width:100%;font-size:.93rem;cursor:pointer;box-shadow:0 0 16px color-mix(in srgb,var(--b-primary) 40%,transparent);transition:transform .2s;margin-top:.6rem;}
.src-ws .team-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:1.3rem;text-align:center;transition:transform .22s,box-shadow .22s;}
.src-ws .team-card:hover{transform:translateY(-5px);box-shadow:0 0 20px color-mix(in srgb,var(--b-primary) 28%,transparent);}
.src-ws .team-avatar{width:64px;height:64px;border-radius:14px;background:color-mix(in srgb,var(--b-primary) 10%,transparent);border:2px solid color-mix(in srgb,var(--b-primary) 30%,transparent);display:flex;align-items:center;justify-content:center;margin:0 auto .8rem;font-size:1.7rem;color:var(--primary);}
.src-ws .team-name{font-weight:800;color:var(--heading);font-size:.93rem;}
.src-ws .team-game{color:var(--muted);font-size:.76rem;margin-top:.15rem;}
.src-ws .team-rank{display:inline-block;background:color-mix(in srgb,var(--b-primary) 12%,transparent);color:var(--primary);border:1px solid color-mix(in srgb,var(--b-primary) 30%,transparent);border-radius:20px;font-size:.72rem;font-weight:700;padding:.18rem .65rem;margin-top:.45rem;}
.src-ws .team-stats{display:flex;gap:.4rem;margin-top:.85rem;}
.src-ws .t-stat{flex:1;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:.38rem .4rem;}
.src-ws .t-stat-v{color:var(--primary);font-weight:800;font-size:.88rem;}
.src-ws .t-stat-l{color:var(--muted);font-size:.65rem;}
.src-ws .feat-title{font-weight:700;color:var(--heading);margin-bottom:.4rem;font-size:.95rem;}
.src-ws .feat-desc{color:var(--muted);font-size:.85rem;line-height:1.65;}
.src-ws .promo-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1.7rem;position:relative;overflow:hidden;}
.src-ws .promo-pill{display:inline-block;background:color-mix(in srgb,var(--b-primary) 15%,transparent);color:var(--primary);border-radius:50px;font-size:.76rem;font-weight:700;padding:.22rem .8rem;margin-bottom:.7rem;}
.src-ws .promo-val{font-size:1.9rem;font-weight:800;color:var(--primary);text-shadow:0 0 12px color-mix(in srgb,var(--b-primary) 45%,transparent);line-height:1.1;}
.src-ws .promo-name{font-weight:700;color:var(--heading);margin:.35rem 0 .3rem;}
.src-ws .promo-note{color:var(--muted);font-size:.82rem;line-height:1.6;}
.src-ws .mkt-table{width:100%;border-collapse:collapse;}
.src-ws .mkt-table th{background:color-mix(in srgb,var(--b-primary) 10%,transparent);color:var(--heading);padding:.7rem .9rem;border:1px solid var(--border);font-size:.83rem;font-weight:700;}
.src-ws .mkt-table th.hl{color:var(--primary);}
.src-ws .mkt-table td{padding:.65rem .9rem;border:1px solid var(--border);font-size:.83rem;color:var(--text);vertical-align:top;}
.src-ws .mkt-table tr:nth-child(even) td{background:color-mix(in srgb,var(--b-surface) 40%,transparent);}
.src-ws .accordion-body{background:var(--bg)!important;color:var(--text);font-size:.92rem;line-height:1.7;}
.src-ws .stat-bar-wrap{margin-bottom:.9rem;}
.src-ws .stat-bar-label{display:flex;justify-content:space-between;font-size:.81rem;margin-bottom:.3rem;}
.src-ws .stat-bar-label span:first-child{color:var(--muted);}
.src-ws .stat-bar-label span:last-child{color:var(--primary);font-weight:700;}
.src-ws .stat-bar-track{background:rgba(255,255,255,0.06);border-radius:50px;height:7px;overflow:hidden;}
.src-ws .stat-bar-fill{height:100%;border-radius:50px;background:var(--primary);box-shadow:0 0 6px color-mix(in srgb,var(--b-primary) 50%,transparent);}
@media(max-width:768px){.src-ws .page-hero{padding:2.5rem 0 2rem;}.src-ws .circuit-deco{display:none;}.src-ws .stat-num{font-size:1.3rem;}}
.src-ws .reading-progress{position:fixed;top:0;left:0;height:3px;background:var(--primary);z-index:9999;width:0;box-shadow:0 0 8px color-mix(in srgb,var(--b-primary) 70%,transparent);}
.src-ws .ph-orb1{position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--b-primary) 12%,transparent) 0%,transparent 70%);top:-140px;right:-100px;pointer-events:none;}
.src-ws .ph-orb2{position:absolute;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--b-primary) 7%,transparent) 0%,transparent 70%);bottom:-80px;left:-60px;pointer-events:none;}
.src-ws .ph-grid{position:absolute;inset:0;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:55px 55px;opacity:.25;pointer-events:none;}
.src-ws .hero-badge{display:inline-flex;align-items:center;gap:.45rem;background:color-mix(in srgb,var(--b-primary) 13%,transparent);border:1px solid color-mix(in srgb,var(--b-primary) 40%,transparent);color:var(--primary);border-radius:50px;padding:.3rem 1.1rem;font-size:.8rem;font-weight:700;margin-bottom:1rem;}
.src-ws .hero-h1{font-size:clamp(2rem,4vw,3rem);font-weight:800;color:var(--heading);line-height:1.15;margin-bottom:1rem;}
.src-ws .hero-h1 em{font-style:normal;color:var(--primary);}
.src-ws .hero-sub{color:var(--muted);font-size:1rem;line-height:1.8;max-width:640px;margin-bottom:1.8rem;}
.src-ws .faq-search-wrap{max-width:560px;position:relative;}
.src-ws .faq-search{width:100%;background:var(--surface);border:1.5px solid var(--border);border-radius:50px;padding:.8rem 1.2rem .8rem 3rem;color:var(--text);font-size:.95rem;outline:none;transition:border-color .2s,box-shadow .2s;}
.src-ws .faq-search:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--b-primary) 15%,transparent);}
.src-ws .faq-search::placeholder{color:var(--muted);opacity:.7;}
.src-ws .search-icon{position:absolute;left:1.1rem;top:50%;transform:translateY(-50%);color:var(--muted);font-size:1.1rem;pointer-events:none;}
.src-ws .search-clear{position:absolute;right:1.1rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--muted);cursor:pointer;font-size:1rem;display:none;padding:0;transition:color .2s;}
.src-ws .search-clear:hover{color:var(--primary);}
.src-ws .search-count{color:var(--muted);font-size:.8rem;margin-top:.5rem;height:1rem;}
.src-ws .stat-row{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.5rem;}
.src-ws .stat-item{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:.7rem 1.2rem;display:flex;align-items:center;gap:.7rem;}
.src-ws .stat-icon{width:36px;height:36px;border-radius:8px;background:color-mix(in srgb,var(--b-primary) 12%,transparent);display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:1rem;flex-shrink:0;}
.src-ws .stat-val{color:var(--heading);font-weight:800;font-size:1rem;line-height:1;}
.src-ws .stat-lbl{color:var(--muted);font-size:.72rem;margin-top:.15rem;}
.src-ws .cat-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem;}
.src-ws .cat-tab{background:var(--surface);border:1px solid var(--border);border-radius:50px;padding:.42rem 1.1rem;font-size:.82rem;font-weight:600;color:var(--muted);cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.4rem;user-select:none;}
.src-ws .cat-tab:hover{border-color:var(--primary);color:var(--text);}
.src-ws .cat-tab.active{background:color-mix(in srgb,var(--b-primary) 12%,transparent);border-color:var(--primary);color:var(--primary);}
.src-ws .cat-tab i{font-size:.85rem;}
.src-ws .faq-section{display:none;}
.src-ws .faq-section.visible{display:block;}
.src-ws .faq-section-title{color:var(--heading);font-size:1.1rem;font-weight:800;margin-bottom:1.2rem;display:flex;align-items:center;gap:.7rem;}
.src-ws .faq-section-title i{color:var(--primary);font-size:1.2rem;}
.src-ws .accordion-item{background:var(--surface)!important;border:1px solid var(--border)!important;margin-bottom:.6rem;border-radius:12px!important;overflow:hidden;transition:box-shadow .2s;}
.src-ws .accordion-item:hover{box-shadow:0 0 16px color-mix(in srgb,var(--b-primary) 12%,transparent);}
.src-ws .accordion-item.highlight{box-shadow:0 0 20px color-mix(in srgb,var(--b-primary) 22%,transparent);border-color:color-mix(in srgb,var(--b-primary) 35%,transparent)!important;}
.src-ws .accordion-button{background:var(--surface)!important;color:var(--heading)!important;font-weight:600;font-size:.92rem;padding:1rem 1.2rem;}
.src-ws .accordion-button:not(.collapsed){color:var(--primary)!important;box-shadow:none!important;background:color-mix(in srgb,var(--b-primary) 7%,transparent)!important;}
.src-ws .accordion-body{background:var(--bg)!important;color:var(--text);font-size:.88rem;line-height:1.82;padding:1rem 1.3rem;}
.src-ws .accordion-body strong{color:var(--heading);}
.src-ws .accordion-body ul{padding-left:1.3rem;margin:.5rem 0;}
.src-ws .accordion-body ul li{margin-bottom:.3rem;}
.src-ws .faq-tag{display:inline-block;background:color-mix(in srgb,var(--b-primary) 10%,transparent);border:1px solid color-mix(in srgb,var(--b-primary) 25%,transparent);color:var(--primary);border-radius:20px;font-size:.7rem;font-weight:700;padding:.1rem .55rem;margin-right:.4rem;vertical-align:middle;}
.src-ws .no-result{text-align:center;padding:3rem 1rem;display:none;}
.src-ws .no-result i{font-size:3rem;color:var(--muted);margin-bottom:1rem;}
.src-ws .no-result p{color:var(--muted);font-size:.9rem;}
.src-ws .sec-title{font-size:1.75rem;font-weight:800;color:var(--heading);margin:.3rem 0 .6rem;}
.src-ws .sec-sub{color:var(--muted);line-height:1.75;margin-bottom:1.8rem;}
.src-ws .feat-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1.7rem 1.5rem;height:100%;position:relative;overflow:hidden;transition:transform .28s,box-shadow .28s;}
.src-ws .feat-card:hover{transform:translateY(-6px);box-shadow:0 0 28px color-mix(in srgb,var(--b-primary) 28%,transparent);}
.src-ws .feat-card::before{content:'';position:absolute;top:-55px;right:-55px;width:150px;height:150px;border-radius:50%;background:color-mix(in srgb,var(--b-primary) 5%,transparent);}
.src-ws .feat-icon{width:56px;height:56px;border-radius:14px;background:color-mix(in srgb,var(--b-primary) 12%,transparent);border:1px solid color-mix(in srgb,var(--b-primary) 28%,transparent);display:flex;align-items:center;justify-content:center;margin-bottom:1.1rem;position:relative;z-index:1;}
.src-ws .feat-icon i{font-size:1.75rem;color:var(--primary);}
.src-ws .feat-title{font-weight:800;color:var(--heading);font-size:1.02rem;margin-bottom:.5rem;position:relative;z-index:1;}
.src-ws .feat-desc{color:var(--muted);font-size:.87rem;line-height:1.72;position:relative;z-index:1;}
.src-ws .body-text p{color:var(--text);line-height:1.9;margin-bottom:1rem;font-size:.94rem;}
.src-ws .body-text strong{color:var(--heading);}
.src-ws .highlight-pull{background:color-mix(in srgb,var(--b-primary) 8%,transparent);border-left:4px solid var(--primary);border-radius:0 12px 12px 0;padding:1.1rem 1.4rem;margin:1.5rem 0;}
.src-ws .highlight-pull p{color:var(--text);font-size:.92rem;line-height:1.8;margin:0;}
.src-ws .contact-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1.8rem;text-align:center;height:100%;transition:transform .25s,box-shadow .25s;}
.src-ws .contact-card:hover{transform:translateY(-5px);box-shadow:0 0 22px color-mix(in srgb,var(--b-primary) 22%,transparent);}
.src-ws .cc-icon{width:64px;height:64px;border-radius:50%;background:color-mix(in srgb,var(--b-primary) 12%,transparent);border:2px solid color-mix(in srgb,var(--b-primary) 30%,transparent);display:flex;align-items:center;justify-content:center;margin:0 auto 1.1rem;font-size:1.9rem;color:var(--primary);}
.src-ws .cc-title{color:var(--heading);font-weight:800;font-size:1rem;margin-bottom:.45rem;}
.src-ws .cc-desc{color:var(--muted);font-size:.85rem;line-height:1.68;margin-bottom:.9rem;}
.src-ws .cc-badge{display:inline-flex;align-items:center;gap:.35rem;background:color-mix(in srgb,var(--b-primary) 10%,transparent);border:1px solid color-mix(in srgb,var(--b-primary) 25%,transparent);border-radius:20px;padding:.25rem .75rem;font-size:.75rem;color:var(--primary);font-weight:700;}
.src-ws .cta-wrap{background:linear-gradient(135deg,var(--surface) 0%,color-mix(in srgb,var(--b-primary) 9%,transparent) 100%);border:1px solid var(--border);border-radius:22px;padding:3.5rem 2rem;text-align:center;position:relative;overflow:hidden;}
.src-ws .cta-wrap::before,.src-ws .cta-wrap::after{content:'';position:absolute;border-radius:50%;background:color-mix(in srgb,var(--b-primary) 5%,transparent);}
.src-ws .cta-wrap::before{width:220px;height:220px;top:-70px;left:-70px;}
.src-ws .cta-wrap::after{width:180px;height:180px;bottom:-55px;right:-55px;}
.src-ws .btn-outline-glow:hover{background:color-mix(in srgb,var(--b-primary) 12%,transparent);color:var(--primary);text-decoration:none;}
.src-ws .faq-feedback{display:flex;align-items:center;gap:.7rem;margin-top:.9rem;padding-top:.7rem;border-top:1px solid var(--border);}
.src-ws .faq-feedback span{color:var(--muted);font-size:.78rem;}
.src-ws .fb-btn{background:color-mix(in srgb,var(--b-primary) 7%,transparent);border:1px solid var(--border);border-radius:20px;padding:.2rem .7rem;font-size:.75rem;color:var(--muted);cursor:pointer;transition:all .18s;display:inline-flex;align-items:center;gap:.3rem;}
.src-ws .fb-btn:hover{border-color:var(--primary);color:var(--primary);}
.src-ws .fb-btn.voted{background:color-mix(in srgb,var(--b-primary) 15%,transparent);border-color:var(--primary);color:var(--primary);pointer-events:none;}
.src-ws .pop-badge{display:inline-block;background:color-mix(in srgb,var(--b-primary) 15%,transparent);border:1px solid color-mix(in srgb,var(--b-primary) 30%,transparent);color:var(--primary);border-radius:20px;font-size:.68rem;font-weight:700;padding:.1rem .5rem;margin-left:.5rem;vertical-align:middle;}
@media(max-width:768px){.src-ws section{padding:2.8rem 0;}.src-ws .page-hero{padding:3rem 0 2.5rem;}.src-ws .cat-tabs{gap:.4rem;}.src-ws .cat-tab{padding:.35rem .85rem;font-size:.78rem;}}
.src-ws .pop-topic-item{background:color-mix(in srgb,var(--b-primary) 5%,transparent);border:1px solid var(--border);border-radius:9px;padding:.5rem .85rem;font-size:.82rem;color:var(--muted);cursor:pointer;transition:all .18s;display:flex;align-items:center;gap:.5rem;}
.src-ws .pop-topic-item::before{content:'\F27A';font-family:'bootstrap-icons';font-size:.75rem;color:var(--primary);}
.src-ws .pop-topic-item:hover{border-color:var(--primary);color:var(--primary);background:color-mix(in srgb,var(--b-primary) 9%,transparent);}
.src-ws .hero-section{position:relative;min-height:92vh;display:flex;align-items:center;overflow:hidden;background:var(--bg);}
.src-ws .hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse at 20% 50%,color-mix(in srgb,var(--b-primary) 18%,transparent) 0%,transparent 60%),radial-gradient(ellipse at 80% 20%,color-mix(in srgb,var(--b-primary) 12%,transparent) 0%,transparent 55%),var(--bg);animation:heroPulse_ws 8s ease-in-out infinite alternate;}
@keyframes heroPulse_ws{0%{filter:brightness(1);}100%{filter:brightness(1.08);}}
.src-ws .orb{position:absolute;border-radius:50%;filter:blur(80px);animation:orbFloat_ws 10s ease-in-out infinite alternate;}
.src-ws .orb1{width:400px;height:400px;background:color-mix(in srgb,var(--b-primary) 13%,transparent);top:-80px;left:-100px;}
.src-ws .orb2{width:300px;height:300px;background:color-mix(in srgb,var(--b-primary) 9%,transparent);bottom:0;right:5%;}
.src-ws .hero-content{position:relative;z-index:2;}
@keyframes orbFloat_ws{0%{transform:translateY(0);}100%{transform:translateY(40px);}}
.src-ws .hero-title{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;color:var(--heading);line-height:1.15;}
.src-ws .hero-title span{color:var(--primary);text-shadow:0 0 24px color-mix(in srgb,var(--b-primary) 60%,transparent);}
.src-ws .hero-sub{color:var(--muted);font-size:1.1rem;max-width:560px;margin-top:1rem;}
.src-ws .btn-glow{background:var(--primary);color:var(--on-primary);font-weight:700;padding:.75rem 2rem;border-radius:50px;border:none;box-shadow:0 0 20px color-mix(in srgb,var(--b-primary) 50%,transparent);transition:transform .2s,box-shadow .2s;font-size:1rem;}
.src-ws .btn-glow:hover{transform:translateY(-3px);box-shadow:0 0 36px color-mix(in srgb,var(--b-primary) 75%,transparent);color:var(--on-primary);}
.src-ws .btn-outline-glow{background:transparent;color:var(--primary);font-weight:700;padding:.75rem 2rem;border-radius:50px;border:2px solid var(--primary);transition:all .2s;font-size:1rem;}
.src-ws .btn-outline-glow:hover{background:color-mix(in srgb,var(--b-primary) 15%,transparent);box-shadow:0 0 20px color-mix(in srgb,var(--b-primary) 40%,transparent);color:var(--primary);}
.src-ws .stats-bar{background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:2rem 0;}
.src-ws .stat-item{text-align:center;}
.src-ws .stat-number{font-size:2.2rem;font-weight:800;color:var(--primary);text-shadow:0 0 12px color-mix(in srgb,var(--b-primary) 50%,transparent);display:block;}
.src-ws .stat-label{color:var(--muted);font-size:.85rem;margin-top:.25rem;}
.src-ws .section-title{font-size:1.9rem;font-weight:800;color:var(--heading);margin-bottom:.5rem;}
.src-ws .section-sub{color:var(--muted);margin-bottom:2.5rem;}
.src-ws .divider{border:none;border-top:1px solid var(--border);margin:0 0 2.5rem;}
.src-ws .game-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:1.5rem 1rem;text-align:center;cursor:pointer;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s;}
.src-ws .game-card:hover{transform:translateY(-6px) scale(1.03);box-shadow:0 0 28px color-mix(in srgb,var(--b-primary) 40%,transparent);}
.src-ws .game-card .overlay{position:absolute;inset:0;background:color-mix(in srgb,var(--b-primary) 18%,transparent);opacity:0;display:flex;align-items:center;justify-content:center;transition:opacity .25s;border-radius:14px;}
.src-ws .game-card:hover .overlay{opacity:1;}
.src-ws .game-icon{font-size:2.6rem;color:var(--primary);margin-bottom:.75rem;display:block;}
.src-ws .game-name{color:var(--heading);font-weight:600;font-size:.95rem;}
.src-ws .trust-bar{background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:1.5rem 0;}
.src-ws .badge-item{display:flex;flex-direction:column;align-items:center;gap:.4rem;animation:fadeInUp_ws .6s both;}
.src-ws .badge-item i{font-size:1.8rem;color:var(--primary);}
.src-ws .badge-item span{font-size:.78rem;color:var(--muted);text-align:center;}
@keyframes fadeInUp_ws{from{opacity:0;transform:translateY(16px);}to{opacity:1;transform:translateY(0);}}
.src-ws .badge-item:nth-child(1){animation-delay:.1s;}
.src-ws .badge-item:nth-child(2){animation-delay:.2s;}
.src-ws .badge-item:nth-child(3){animation-delay:.3s;}
.src-ws .badge-item:nth-child(4){animation-delay:.4s;}
.src-ws .badge-item:nth-child(5){animation-delay:.5s;}
.src-ws .badge-item:nth-child(6){animation-delay:.6s;}
.src-ws .winners-wrap{background:var(--surface);border:1px solid var(--border);border-radius:14px;overflow:hidden;height:280px;position:relative;}
.src-ws .winners-inner{display:flex;flex-direction:column;animation:scrollUp_ws 18s linear infinite;}
.src-ws .winner-row{display:flex;align-items:center;gap:1rem;padding:.75rem 1.2rem;border-bottom:1px solid var(--border);}
.src-ws .winner-avatar{width:38px;height:38px;border-radius:50%;background:color-mix(in srgb,var(--b-primary) 20%,transparent);display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:var(--primary);flex-shrink:0;}
.src-ws .winner-info{flex:1;}
.src-ws .winner-name{color:var(--heading);font-weight:600;font-size:.9rem;}
.src-ws .winner-game{color:var(--muted);font-size:.78rem;}
.src-ws .winner-amount{font-weight:800;color:var(--primary);text-shadow:0 0 8px color-mix(in srgb,var(--b-primary) 50%,transparent);font-size:1rem;white-space:nowrap;}
@keyframes scrollUp_ws{0%{transform:translateY(0);}100%{transform:translateY(-50%);}}
.src-ws .wheel-container{display:flex;flex-direction:column;align-items:center;gap:1.5rem;}
.src-ws .wheel-wrapper{position:relative;width:200px;height:200px;}
.src-ws .spin-wheel{width:200px;height:200px;border-radius:50%;border:4px solid var(--primary);box-shadow:0 0 30px color-mix(in srgb,var(--b-primary) 50%,transparent);animation:spinSlow_ws 12s linear infinite;background:conic-gradient(var(--primary) 0deg 60deg,var(--surface) 60deg 120deg,color-mix(in srgb,var(--b-primary) 40%,transparent) 120deg 180deg,var(--surface) 180deg 240deg,color-mix(in srgb,var(--b-primary) 60%,transparent) 240deg 300deg,var(--surface) 300deg 360deg);position:relative;}
.src-ws .wheel-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border-radius:50%;background:var(--bg);border:3px solid var(--primary);display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:var(--primary);z-index:2;}
.src-ws .wheel-pointer{position:absolute;top:-18px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:22px solid var(--primary);filter:drop-shadow(0 0 6px color-mix(in srgb,var(--b-primary) 80%,transparent));}
@keyframes spinSlow_ws{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}
.src-ws .wheel-paused{animation-play-state:paused!important;}
.src-ws .wheel-spin-btn{background:var(--primary);color:var(--on-primary);font-weight:700;border:none;border-radius:50px;padding:.6rem 1.8rem;cursor:pointer;box-shadow:0 0 16px color-mix(in srgb,var(--b-primary) 50%,transparent);transition:transform .2s;}
.src-ws .wheel-spin-btn:hover{transform:scale(1.05);}
.src-ws .free-label{color:var(--primary);font-weight:800;font-size:1.1rem;text-shadow:0 0 10px color-mix(in srgb,var(--b-primary) 60%,transparent);animation:glowPulse_ws 2s ease-in-out infinite;}
@keyframes glowPulse_ws{0%,100%{text-shadow:0 0 10px color-mix(in srgb,var(--b-primary) 40%,transparent);}50%{text-shadow:0 0 22px color-mix(in srgb,var(--b-primary) 90%,transparent);}}
.src-ws .countdown-wrap{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;}
.src-ws .countdown-block{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1rem 1.5rem;text-align:center;min-width:80px;}
.src-ws .countdown-num{font-size:2.4rem;font-weight:800;color:var(--primary);text-shadow:0 0 10px color-mix(in srgb,var(--b-primary) 50%,transparent);line-height:1;display:block;}
.src-ws .countdown-lbl{color:var(--muted);font-size:.75rem;margin-top:.3rem;}
.src-ws .match-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:1.2rem 1.4rem;position:relative;overflow:hidden;}
.src-ws .live-badge{position:absolute;top:10px;right:10px;background:color-mix(in srgb,var(--b-primary) 20%,transparent);color:var(--primary);border:1px solid var(--primary);border-radius:20px;font-size:.7rem;font-weight:700;padding:.15rem .6rem;animation:livePulse_ws 1.2s infinite;}
@keyframes livePulse_ws{0%,100%{opacity:1;}50%{opacity:.5;}}
.src-ws .match-teams{display:flex;align-items:center;justify-content:space-between;gap.5rem;}
.src-ws .team-name{font-weight:700;color:var(--heading);font-size:.95rem;}
.src-ws .vs-badge{color:var(--muted);font-size:.8rem;font-weight:600;}
.src-ws .match-time{color:var(--muted);font-size:.78rem;margin-top:.4rem;}
.src-ws .odds-btn{background:color-mix(in srgb,var(--b-primary) 15%,transparent);border:1px solid var(--primary);color:var(--primary);border-radius:8px;padding:.3rem .8rem;font-size:.82rem;font-weight:700;transition:background .2s;cursor:pointer;}
.src-ws .odds-btn:hover{background:color-mix(in srgb,var(--b-primary) 35%,transparent);}
.src-ws .vip-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1.5rem 1rem;text-align:center;transition:transform .25s,box-shadow .25s;}
.src-ws .vip-card:hover{transform:translateY(-4px);}
.src-ws .vip-card.top{border-color:var(--primary);box-shadow:0 0 24px color-mix(in srgb,var(--b-primary) 40%,transparent);}
.src-ws .vip-icon{font-size:2.2rem;margin-bottom:.75rem;display:block;}
.src-ws .vip-name{font-weight:800;font-size:1.1rem;color:var(--heading);}
.src-ws .vip-perks{list-style:none;padding:0;margin:.75rem 0 0;color:var(--muted);font-size:.83rem;text-align:left;}
.src-ws .vip-perks li{padding:.2rem 0;display:flex;align-items:center;gap:.5rem;}
.src-ws .vip-perks li::before{content:'✓';color:var(--primary);font-weight:700;}
.src-ws .partner-item{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1rem 1.5rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;filter:grayscale(1);opacity:.6;transition:filter .3s,opacity .3s,box-shadow .3s;cursor:pointer;}
.src-ws .partner-item:hover{filter:grayscale(0);opacity:1;box-shadow:0 0 16px color-mix(in srgb,var(--b-primary) 35%,transparent);}
.src-ws .partner-item i{font-size:2rem;color:var(--primary);}
.src-ws .partner-item span{font-size:.78rem;color:var(--muted);}
.src-ws .adv-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:1.5rem;transition:transform .2s,box-shadow .2s;}
.src-ws .adv-card:hover{transform:translateY(-4px);box-shadow:0 0 20px color-mix(in srgb,var(--b-primary) 25%,transparent);}
.src-ws .adv-icon{font-size:2rem;color:var(--primary);margin-bottom:.75rem;display:block;}
.src-ws .adv-title{font-weight:700;color:var(--heading);margin-bottom:.4rem;}
.src-ws .adv-desc{color:var(--muted);font-size:.88rem;}
.src-ws .compare-table{width:100%;border-collapse:collapse;}
.src-ws .compare-table th{background:var(--surface);color:var(--heading);padding:.85rem 1rem;border:1px solid var(--border);text-align:center;}
.src-ws .compare-table td{padding:.75rem 1rem;border:1px solid var(--border);color:var(--text);font-size:.9rem;}
.src-ws .compare-table tr:nth-child(even) td{background:color-mix(in srgb,var(--b-surface) 40%,transparent);}
.src-ws .check-yes{color:var(--primary);font-weight:700;}
.src-ws .check-no{color:var(--muted);}
.src-ws .phone-mockup{width:180px;height:320px;border:4px solid var(--primary);border-radius:32px;background:var(--surface);position:relative;box-shadow:0 0 30px color-mix(in srgb,var(--b-primary) 35%,transparent);overflow:hidden;flex-shrink:0;}
.src-ws .phone-screen{margin:16px 10px 10px;background:color-mix(in srgb,var(--b-bg) 80%,transparent);border-radius:20px;height:calc(100% - 26px);display:flex;flex-direction:column;gap:6px;padding:10px;}
.src-ws .ps-row{background:color-mix(in srgb,var(--b-primary) 12%,transparent);border-radius:8px;height:28px;border:1px solid var(--border);}
.src-ws .ps-row.tall{height:60px;}
.src-ws .ps-row.wide{width:70%;margin:0 auto;}
.src-ws .rg-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:1.5rem;}
.src-ws .rg-icon{font-size:1.6rem;color:var(--primary);margin-bottom:.5rem;}
.src-ws .privacy-notice{background:color-mix(in srgb,var(--b-primary) 8%,transparent);border:1px solid color-mix(in srgb,var(--b-primary) 30%,transparent);border-radius:12px;padding:1.2rem 1.5rem;display:flex;align-items:flex-start;gap:1rem;}
.src-ws .privacy-notice i{font-size:1.5rem;color:var(--primary);flex-shrink:0;margin-top:.1rem;}
@media(max-width:768px){.src-ws .hero-title{font-size:1.9rem;}.src-ws .countdown-num{font-size:1.8rem;}.src-ws .stat-number{font-size:1.7rem;}}
.src-ws .hero-bg-layer{position:absolute;inset:0;background:radial-gradient(ellipse at 15% 60%,color-mix(in srgb,var(--b-primary) 16%,transparent) 0%,transparent 55%),radial-gradient(ellipse at 85% 25%,color-mix(in srgb,var(--b-primary) 10%,transparent) 0%,transparent 50%),var(--bg);}
.src-ws .card-float{position:absolute;right:3%;top:50%;transform:translateY(-50%);display:flex;gap:1rem;opacity:.18;pointer-events:none;}
.src-ws .card-suit{font-size:5rem;color:var(--primary);animation:cardFloat_ws 4s ease-in-out infinite alternate;}
.src-ws .card-suit:nth-child(2){animation-delay:1s;font-size:4rem;}
.src-ws .card-suit:nth-child(3){animation-delay:2s;font-size:3.5rem;}
@keyframes cardFloat_ws{0%{transform:translateY(0) rotate(-5deg);}100%{transform:translateY(-20px) rotate(5deg);}}
.src-ws .hero-title{font-size:clamp(1.8rem,4vw,2.9rem);font-weight:800;color:var(--heading);line-height:1.18;}
.src-ws .hero-title span{color:var(--primary);text-shadow:0 0 24px color-mix(in srgb,var(--b-primary) 55%,transparent);}
.src-ws .hero-sub{color:var(--muted);font-size:1rem;max-width:620px;line-height:1.75;margin-top:.85rem;}
.src-ws .stat-strip{background:var(--surface);border-bottom:1px solid var(--border);padding:1.3rem 0;}
.src-ws .stat-num{font-size:1.75rem;font-weight:800;color:var(--primary);text-shadow:0 0 10px color-mix(in srgb,var(--b-primary) 45%,transparent);display:block;}
.src-ws .stat-lbl{color:var(--muted);font-size:.78rem;margin-top:.15rem;}
.src-ws .sec-sub{color:var(--muted);line-height:1.65;margin-bottom:2rem;}
.src-ws .game-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden;position:relative;cursor:pointer;transition:transform .25s,box-shadow .25s;}
.src-ws .game-card-body{padding:1.4rem;}
.src-ws .game-icon-wrap{width:60px;height:60px;border-radius:14px;background:color-mix(in srgb,var(--b-primary) 12%,transparent);border:1px solid color-mix(in srgb,var(--b-primary) 30%,transparent);display:flex;align-items:center;justify-content:center;font-size:1.8rem;color:var(--primary);margin-bottom:1rem;}
.src-ws .game-name{font-weight:800;color:var(--heading);font-size:1.05rem;}
.src-ws .game-desc{color:var(--muted);font-size:.85rem;line-height:1.6;margin-top:.4rem;}
.src-ws .game-badge{position:absolute;top:12px;right:12px;background:color-mix(in srgb,var(--b-primary) 18%,transparent);color:var(--primary);border:1px solid var(--primary);border-radius:20px;font-size:.68rem;font-weight:700;padding:.15rem .6rem;}
.src-ws .game-badge.hot{background:color-mix(in srgb,var(--b-primary) 25%,transparent);}
.src-ws .game-rtp{display:flex;align-items:center;gap:.4rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border);}
.src-ws .game-rtp span{font-size:.8rem;color:var(--muted);}
.src-ws .game-rtp strong{color:var(--primary);font-size:.88rem;}
.src-ws .game-overlay{position:absolute;inset:0;background:color-mix(in srgb,var(--b-primary) 15%,transparent);opacity:0;display:flex;align-items:center;justify-content:center;transition:opacity .25s;border-radius:16px;}
.src-ws .game-card:hover .game-overlay{opacity:1;}
.src-ws .live-table-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:1.2rem 1.4rem;transition:box-shadow .2s;}
.src-ws .live-table-card:hover{box-shadow:0 0 18px color-mix(in srgb,var(--b-primary) 20%,transparent);}
.src-ws .live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--primary);margin-right:.4rem;animation:liveDot_ws 1.2s infinite;}
@keyframes liveDot_ws{0%,100%{opacity:1;}50%{opacity:.3;}}
.src-ws .table-info{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;}
.src-ws .table-name{font-weight:700;color:var(--heading);font-size:.95rem;}
.src-ws .table-meta{color:var(--muted);font-size:.78rem;margin-top:.3rem;}
.src-ws .table-players{background:color-mix(in srgb,var(--b-primary) 10%,transparent);border:1px solid var(--border);border-radius:8px;padding:.2rem .7rem;font-size:.8rem;color:var(--primary);font-weight:600;}
.src-ws .bet-range{color:var(--muted);font-size:.78rem;margin-top:.5rem;}
.src-ws .provider-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1rem 1.4rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;filter:grayscale(.8);opacity:.6;transition:all .3s;cursor:pointer;}
.src-ws .provider-card:hover{filter:grayscale(0);opacity:1;box-shadow:0 0 16px color-mix(in srgb,var(--b-primary) 30%,transparent);border-color:color-mix(in srgb,var(--b-primary) 40%,transparent);}
.src-ws .provider-card i{font-size:2rem;color:var(--primary);}
.src-ws .provider-card span{font-size:.8rem;color:var(--muted);font-weight:600;}
.src-ws .feat-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:1.5rem;height:100%;transition:transform .22s,box-shadow .22s;}
.src-ws .feat-icon{font-size:2rem;color:var(--primary);display:block;margin-bottom:.75rem;}
.src-ws .feat-title{font-weight:700;color:var(--heading);margin-bottom:.4rem;}
.src-ws .promo-card::before{content:'';position:absolute;top:-50px;right:-50px;width:160px;height:160px;border-radius:50%;background:color-mix(in srgb,var(--b-primary) 7%,transparent);}
.src-ws .promo-val{font-size:2.1rem;font-weight:800;color:var(--primary);text-shadow:0 0 12px color-mix(in srgb,var(--b-primary) 40%,transparent);line-height:1.1;}
.src-ws .promo-name{font-weight:700;color:var(--heading);margin:.4rem 0 .3rem;font-size:1rem;}
.src-ws .promo-note{color:var(--muted);font-size:.84rem;line-height:1.6;}
.src-ws .compare-table th{background:var(--surface);color:var(--heading);padding:.85rem 1rem;border:1px solid var(--border);text-align:center;font-weight:700;}
.src-ws .compare-table th.highlight{color:var(--primary);}
.src-ws .compare-table td{padding:.75rem 1rem;border:1px solid var(--border);color:var(--text);font-size:.9rem;vertical-align:middle;}
.src-ws .check-yes{color:var(--primary);font-weight:700;text-align:center;}
.src-ws .check-no{color:var(--muted);text-align:center;}
.src-ws .ticker-wrap{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden;height:260px;position:relative;}
.src-ws .ticker-inner{display:flex;flex-direction:column;animation:tickUp_ws 16s linear infinite;}
.src-ws .ticker-row{display:flex;align-items:center;gap:1rem;padding:.7rem 1.2rem;border-bottom:1px solid var(--border);}
.src-ws .ticker-av{width:36px;height:36px;border-radius:50%;background:color-mix(in srgb,var(--b-primary) 18%,transparent);display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:var(--primary);flex-shrink:0;}
.src-ws .ticker-info{flex:1;}
.src-ws .ticker-name{color:var(--heading);font-weight:600;font-size:.88rem;}
.src-ws .ticker-game{color:var(--muted);font-size:.76rem;}
.src-ws .ticker-amt{color:var(--primary);font-weight:800;font-size:.95rem;white-space:nowrap;text-shadow:0 0 8px color-mix(in srgb,var(--b-primary) 45%,transparent);}
@keyframes tickUp_ws{0%{transform:translateY(0);}100%{transform:translateY(-50%);}}
.src-ws .rtp-meter{background:rgba(255,255,255,0.05);border-radius:50px;height:8px;overflow:hidden;margin-top:.4rem;}
.src-ws .rtp-fill{height:100%;background:var(--primary);border-radius:50px;box-shadow:0 0 6px color-mix(in srgb,var(--b-primary) 50%,transparent);}
.src-ws .vip-strip{display:flex;gap:1rem;overflow-x:auto;padding-bottom:.5rem;scrollbar-width:none;}
.src-ws .vip-strip::-webkit-scrollbar{display:none;}
.src-ws .vip-item{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:1.2rem 1.4rem;min-width:170px;text-align:center;flex-shrink:0;transition:box-shadow .2s;}
.src-ws .vip-item.vip-top{border-color:var(--primary);box-shadow:0 0 20px color-mix(in srgb,var(--b-primary) 35%,transparent);}
.src-ws .vip-icon{font-size:2rem;display:block;margin-bottom:.5rem;}
.src-ws .vip-name{font-weight:800;color:var(--heading);font-size:.95rem;}
.src-ws .vip-perk{color:var(--muted);font-size:.78rem;margin-top:.4rem;line-height:1.5;}
.src-ws .rg-box{background:color-mix(in srgb,var(--b-primary) 6%,transparent);border:1px solid color-mix(in srgb,var(--b-primary) 25%,transparent);border-radius:16px;padding:2rem;}
@media(max-width:768px){.src-ws .page-hero{padding:2.5rem 0 2rem;}.src-ws .card-float{display:none;}.src-ws .stat-num{font-size:1.3rem;}}
.src-ws .login-hero{position:relative;min-height:100vh;display:flex;align-items:center;padding:3rem 0;overflow:hidden;background:var(--bg);}
.src-ws .lh-orb1{position:absolute;width:550px;height:550px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--b-primary) 12%,transparent) 0%,transparent 70%);top:-160px;right:-120px;pointer-events:none;}
.src-ws .lh-orb2{position:absolute;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--b-primary) 8%,transparent) 0%,transparent 70%);bottom:-80px;left:-80px;pointer-events:none;}
.src-ws .lh-dots{position:absolute;inset:0;background-image:radial-gradient(color-mix(in srgb,var(--b-primary) 12%,transparent) 1px,transparent 1px);background-size:40px 40px;pointer-events:none;opacity:.6;}
.src-ws .hero-inner{position:relative;z-index:2;width:100%;}
.src-ws .login-card{background:var(--surface);border:1px solid var(--border);border-radius:24px;padding:2.6rem 2.2rem;box-shadow:0 12px 50px rgba(0,0,0,0.4);}
.src-ws .lc-logo{text-align:center;margin-bottom:1.4rem;}
.src-ws .lc-logo img{height:46px;}
.src-ws .lc-badge{display:inline-flex;align-items:center;gap:.45rem;background:color-mix(in srgb,var(--b-primary) 13%,transparent);border:1px solid color-mix(in srgb,var(--b-primary) 38%,transparent);color:var(--primary);border-radius:50px;padding:.28rem 1rem;font-size:.78rem;font-weight:700;margin-bottom:.8rem;}
.src-ws .lc-title{color:var(--heading);font-size:1.55rem;font-weight:800;margin-bottom:.25rem;}
.src-ws .lc-sub{color:var(--muted);font-size:.86rem;line-height:1.6;}
.src-ws .form-group{margin-bottom:1.1rem;}
.src-ws .form-label{color:var(--heading);font-size:.83rem;font-weight:600;margin-bottom:.42rem;display:block;}
.src-ws .form-label .opt{color:var(--muted);font-weight:400;}
.src-ws .fc{width:100%;background:var(--bg);border:1px solid var(--border);border-radius:11px;padding:.74rem 1rem;color:var(--text);font-size:.91rem;outline:none;transition:border-color .2s,box-shadow .2s;}
.src-ws .fc:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--b-primary) 15%,transparent);}
.src-ws .fc::placeholder{color:var(--muted);opacity:.65;}
.src-ws .fc.err{border-color:color-mix(in srgb,var(--b-primary) 50%,transparent);}
.src-ws .input-wrap{position:relative;}
.src-ws .i-icon{position:absolute;left:.95rem;top:50%;transform:translateY(-50%);color:var(--muted);font-size:.95rem;pointer-events:none;}
.src-ws .has-left .fc{padding-left:2.6rem;}
.src-ws .toggle-eye{position:absolute;right:.9rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--muted);cursor:pointer;font-size:1rem;padding:0;transition:color .18s;}
.src-ws .toggle-eye:hover{color:var(--primary);}
.src-ws .has-eye .fc{padding-right:2.8rem;}
.src-ws .field-err{color:color-mix(in srgb,var(--b-primary) 85%,transparent);font-size:.73rem;margin-top:.28rem;display:none;}
.src-ws .field-err.show{display:block;}
.src-ws .rf-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.2rem;flex-wrap:wrap;gap:.5rem;}
.src-ws .rf-row label{display:flex;align-items:center;gap:.45rem;color:var(--muted);font-size:.82rem;cursor:pointer;}
.src-ws .rf-row input[type="checkbox"]{accent-color:var(--primary);width:15px;height:15px;}
.src-ws .forgot-link{color:var(--primary);font-size:.82rem;font-weight:600;}
.src-ws .forgot-link:hover{text-decoration:underline;}
.src-ws .btn-login{width:100%;background:var(--primary);color:var(--on-primary);font-weight:800;font-size:1.02rem;padding:.9rem 1rem;border-radius:50px;border:none;box-shadow:0 0 22px color-mix(in srgb,var(--b-primary) 42%,transparent);transition:transform .22s,box-shadow .22s;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.6rem;}
.src-ws .btn-login:hover{transform:translateY(-3px);box-shadow:0 0 36px color-mix(in srgb,var(--b-primary) 68%,transparent);}
.src-ws .btn-login:disabled{opacity:.55;cursor:not-allowed;transform:none;}
.src-ws .or-line{display:flex;align-items:center;gap:.8rem;margin:1.2rem 0;}
.src-ws .or-line::before,.src-ws .or-line::after{content:'';flex:1;height:1px;background:var(--border);}
.src-ws .or-line span{color:var(--muted);font-size:.78rem;}
.src-ws .reg-row{text-align:center;margin-top:1.1rem;color:var(--muted);font-size:.85rem;}
.src-ws .reg-row a{color:var(--primary);font-weight:700;}
.src-ws .trust-row{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;margin-top:1.2rem;}
.src-ws .tpill{display:inline-flex;align-items:center;gap:.3rem;background:color-mix(in srgb,var(--b-primary) 6%,transparent);border:1px solid var(--border);border-radius:20px;padding:.24rem .7rem;font-size:.73rem;color:var(--muted);}
.src-ws .tpill i{color:var(--primary);font-size:.78rem;}
.src-ws .alert-box{border-radius:12px;padding:.9rem 1.2rem;margin-bottom:1.1rem;display:none;font-size:.86rem;line-height:1.6;}
.src-ws .alert-box.show{display:flex;align-items:flex-start;gap:.7rem;}
.src-ws .alert-box i{flex-shrink:0;font-size:1.1rem;margin-top:.05rem;}
.src-ws .alert-err{background:color-mix(in srgb,var(--b-primary) 5%,transparent);border:1px solid color-mix(in srgb,var(--b-primary) 25%,transparent);color:var(--text);}
.src-ws .alert-ok{background:color-mix(in srgb,var(--b-primary) 10%,transparent);border:1px solid color-mix(in srgb,var(--b-primary) 30%,transparent);color:var(--heading);}
.src-ws .hl-tag{display:inline-flex;align-items:center;gap:.45rem;background:color-mix(in srgb,var(--b-primary) 12%,transparent);border:1px solid color-mix(in srgb,var(--b-primary) 35%,transparent);color:var(--primary);border-radius:50px;padding:.3rem 1.1rem;font-size:.8rem;font-weight:700;margin-bottom:1rem;}
.src-ws .hl-h1{font-size:clamp(1.85rem,3.5vw,2.8rem);font-weight:800;color:var(--heading);line-height:1.16;margin-bottom:1rem;}
.src-ws .hl-h1 em{font-style:normal;color:var(--primary);text-shadow:0 0 26px color-mix(in srgb,var(--b-primary) 50%,transparent);}
.src-ws .hl-sub{color:var(--muted);font-size:.97rem;line-height:1.82;margin-bottom:1.8rem;}
.src-ws .feat-list{list-style:none;padding:0;margin:0 0 2rem;}
.src-ws .feat-list li{display:flex;align-items:flex-start;gap:.8rem;padding:.65rem 0;border-bottom:1px solid var(--border);}
.src-ws .feat-list li:last-child{border-bottom:none;}
.src-ws .fl-icon{width:38px;height:38px;min-width:38px;border-radius:10px;background:color-mix(in srgb,var(--b-primary) 12%,transparent);border:1px solid color-mix(in srgb,var(--b-primary) 25%,transparent);display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:var(--primary);}
.src-ws .fl-title{color:var(--heading);font-weight:700;font-size:.88rem;margin-bottom:.15rem;}
.src-ws .fl-desc{color:var(--muted);font-size:.8rem;line-height:1.55;}
.src-ws .platform-row{display:flex;flex-wrap:wrap;gap:.6rem;}
.src-ws .plat-badge{background:var(--surface);border:1px solid var(--border);border-radius:9px;padding:.4rem .85rem;font-size:.78rem;font-weight:600;color:var(--text);display:inline-flex;align-items:center;gap:.35rem;}
.src-ws .plat-badge i{color:var(--primary);}
.src-ws .info-box{background:color-mix(in srgb,var(--b-primary) 7%,transparent);border:1px solid color-mix(in srgb,var(--b-primary) 22%,transparent);border-radius:12px;padding:1rem 1.25rem;margin:1rem 0;}
.src-ws .info-box p{color:var(--text);font-size:.88rem;line-height:1.75;margin:0;}
.src-ws .info-box i{color:var(--primary);margin-right:.4rem;}
.src-ws .tip-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:1.4rem;display:flex;gap:1rem;align-items:flex-start;height:100%;transition:transform .22s,box-shadow .22s;}
.src-ws .tip-card:hover{transform:translateY(-4px);box-shadow:0 0 18px color-mix(in srgb,var(--b-primary) 20%,transparent);}
.src-ws .tip-num{flex-shrink:0;width:40px;height:40px;border-radius:10px;background:color-mix(in srgb,var(--b-primary) 12%,transparent);border:1px solid color-mix(in srgb,var(--b-primary) 28%,transparent);display:flex;align-items:center;justify-content:center;color:var(--primary);font-weight:800;font-size:.9rem;}
.src-ws .tip-title{color:var(--heading);font-weight:700;font-size:.9rem;margin-bottom:.3rem;}
.src-ws .tip-desc{color:var(--muted);font-size:.83rem;line-height:1.65;}
.src-ws .modal-content{background:var(--surface);border:1px solid var(--border);border-radius:18px;}
.src-ws .modal-header{border-bottom:1px solid var(--border);padding:1.2rem 1.5rem;}
.src-ws .modal-title{color:var(--heading);font-weight:800;}
.src-ws .modal-body{padding:1.5rem;}
.src-ws .modal-footer{border-top:1px solid var(--border);padding:1rem 1.5rem;}
.src-ws .btn-close{filter:invert(1);}
@keyframes pulse_ws-ring_ws{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--b-primary) 40%,transparent);}70%{box-shadow:0 0 0 10px color-mix(in srgb,var(--b-primary) 0%,transparent);}100%{box-shadow:0 0 0 0 color-mix(in srgb,var(--b-primary) 0%,transparent);}}
.src-ws .pulse_ws{animation:pulse_ws-ring_ws 2s infinite;}
@media(max-width:991px){.src-ws .login-hero{min-height:auto;padding:2.5rem 0 3rem;}}
@media(max-width:768px){.src-ws section{padding:2.8rem 0;}.src-ws .login-card{padding:1.8rem 1.2rem;}}
.src-ws .hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse at 15% 60%,color-mix(in srgb,var(--b-primary) 16%,transparent) 0%,transparent 55%),radial-gradient(ellipse at 80% 25%,color-mix(in srgb,var(--b-primary) 9%,transparent) 0%,transparent 50%);}
.src-ws .num-deco{position:absolute;right:0;top:0;bottom:0;width:50%;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem;opacity:.07;pointer-events:none;font-weight:900;font-size:2.2rem;color:var(--primary);}
.src-ws .countdown-bar{background:var(--surface);border-bottom:1px solid var(--border);padding:1rem 0;}
.src-ws .cd-label{color:var(--muted);font-size:.82rem;font-weight:600;}
.src-ws .cd-item{display:flex;flex-direction:column;align-items:center;}
.src-ws .cd-num{background:var(--bg);border:1px solid var(--border);border-radius:8px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:800;color:var(--primary);text-shadow:0 0 8px color-mix(in srgb,var(--b-primary) 50%,transparent);}
.src-ws .cd-unit{color:var(--muted);font-size:.68rem;margin-top:.2rem;}
.src-ws .draw-name{color:var(--heading);font-weight:700;font-size:.88rem;}
.src-ws .prize-tag{background:color-mix(in srgb,var(--b-primary) 12%,transparent);border:1px solid color-mix(in srgb,var(--b-primary) 30%,transparent);color:var(--primary);border-radius:20px;font-size:.75rem;font-weight:700;padding:.12rem .6rem;}
.src-ws .stat-strip{background:color-mix(in srgb,var(--b-surface) 50%,transparent);border-bottom:1px solid var(--border);padding:1.2rem 0;}
.src-ws .lotto-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:1.8rem 1.5rem;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s;height:100%;}
.src-ws .lotto-card:hover{transform:translateY(-6px);box-shadow:0 0 28px color-mix(in srgb,var(--b-primary) 35%,transparent);}
.src-ws .lotto-card::before{content:'';position:absolute;top:-60px;right:-60px;width:170px;height:170px;border-radius:50%;background:color-mix(in srgb,var(--b-primary) 7%,transparent);}
.src-ws .lotto-icon{width:60px;height:60px;border-radius:16px;background:color-mix(in srgb,var(--b-primary) 12%,transparent);border:1px solid color-mix(in srgb,var(--b-primary) 30%,transparent);display:flex;align-items:center;justify-content:center;font-size:1.9rem;color:var(--primary);margin-bottom:1rem;}
.src-ws .lotto-name{font-weight:800;color:var(--heading);font-size:1.1rem;margin-bottom:.4rem;}
.src-ws .lotto-desc{color:var(--muted);font-size:.87rem;line-height:1.65;}
.src-ws .lotto-prize{display:flex;align-items:center;justify-content:space-between;margin-top:1.1rem;padding-top:1rem;border-top:1px solid var(--border);}
.src-ws .lotto-prize-val{color:var(--primary);font-weight:800;font-size:1.05rem;text-shadow:0 0 8px color-mix(in srgb,var(--b-primary) 40%,transparent);}
.src-ws .lotto-prize-lbl{color:var(--muted);font-size:.76rem;}
.src-ws .lotto-badge{position:absolute;top:14px;right:14px;background:color-mix(in srgb,var(--b-primary) 18%,transparent);color:var(--primary);border:1px solid var(--primary);border-radius:20px;font-size:.7rem;font-weight:700;padding:.15rem .6rem;}
.src-ws .num-balls{display:flex;gap:.45rem;flex-wrap:wrap;margin:1rem 0;}
.src-ws .ball{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.95rem;flex-shrink:0;cursor:default;transition:transform .2s;}
.src-ws .ball:hover{transform:scale(1.12);}
.src-ws .ball-green{background:color-mix(in srgb,var(--b-primary) 18%,transparent);border:2px solid var(--primary);color:var(--primary);}
.src-ws .ball-dim{background:rgba(255,255,255,0.05);border:1px solid var(--border);color:var(--muted);}
.src-ws .ball-active{background:var(--primary);border:2px solid var(--primary);color:var(--on-primary);box-shadow:0 0 10px color-mix(in srgb,var(--b-primary) 50%,transparent);}
.src-ws .result-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:1.4rem;}
.src-ws .result-type{font-weight:700;color:var(--heading);font-size:.95rem;margin-bottom:.3rem;}
.src-ws .result-date{color:var(--muted);font-size:.78rem;margin-bottom:.85rem;}
.src-ws .result-category{color:var(--muted);font-size:.76rem;margin-top:.6rem;margin-bottom:.25rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;}
.src-ws .result-nums{display:flex;gap:.4rem;flex-wrap:wrap;}
.src-ws .result-num{background:color-mix(in srgb,var(--b-primary) 12%,transparent);border:1px solid color-mix(in srgb,var(--b-primary) 30%,transparent);color:var(--primary);border-radius:8px;padding:.25rem .6rem;font-weight:800;font-size:.9rem;}
.src-ws .result-num.starter{background:rgba(255,255,255,0.06);border-color:var(--border);color:var(--text);}
.src-ws .result-num.consolation{background:transparent;border-color:var(--border);color:var(--muted);}
.src-ws .quick-pick-box{background:var(--surface);border:2px solid var(--primary);border-radius:18px;padding:2rem;box-shadow:0 0 30px color-mix(in srgb,var(--b-primary) 20%,transparent);}
.src-ws .pick-slot{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;border:2px dashed color-mix(in srgb,var(--b-primary) 40%,transparent);font-weight:800;font-size:1.3rem;color:var(--primary);background:color-mix(in srgb,var(--b-primary) 6%,transparent);transition:all .3s;}
.src-ws .pick-slot.picked{background:var(--primary);color:var(--on-primary);border-color:var(--primary);box-shadow:0 0 12px color-mix(in srgb,var(--b-primary) 50%,transparent);}
.src-ws .btn-pick{background:var(--surface);border:1px solid var(--border);color:var(--muted);border-radius:50px;padding:.3rem .9rem;font-size:.8rem;cursor:pointer;transition:all .2s;margin:.2rem;}
.src-ws .btn-pick:hover{border-color:var(--primary);color:var(--primary);}
.src-ws .btn-gen{background:var(--primary);color:var(--on-primary);border:none;border-radius:50px;padding:.65rem 1.8rem;font-weight:700;font-size:.95rem;cursor:pointer;box-shadow:0 0 18px color-mix(in srgb,var(--b-primary) 40%,transparent);transition:transform .2s;}
.src-ws .btn-gen:hover{transform:scale(1.04);}
.src-ws .digit-display{display:flex;gap:.6rem;justify-content:center;margin:1.2rem 0;}
.src-ws .digit-box{width:60px;height:72px;border-radius:12px;border:2px solid var(--border);background:var(--bg);display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:900;color:var(--primary);text-shadow:0 0 10px color-mix(in srgb,var(--b-primary) 50%,transparent);transition:all .3s;}
.src-ws .digit-box.active{border-color:var(--primary);box-shadow:0 0 14px color-mix(in srgb,var(--b-primary) 40%,transparent);}
.src-ws .prize-table{width:100%;border-collapse:collapse;}
.src-ws .prize-table th{background:var(--surface);color:var(--heading);padding:.8rem 1rem;border:1px solid var(--border);font-weight:700;font-size:.87rem;}
.src-ws .prize-table th.hl{color:var(--primary);}
.src-ws .prize-table td{padding:.7rem 1rem;border:1px solid var(--border);color:var(--text);font-size:.87rem;}
.src-ws .prize-table tr:nth-child(even) td{background:color-mix(in srgb,var(--b-surface) 45%,transparent);}
.src-ws .prize-table .top-prize td{color:var(--primary);font-weight:700;}
.src-ws .lucky-bar{background:color-mix(in srgb,var(--b-primary) 6%,transparent);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:.8rem 0;overflow:hidden;}
.src-ws .lucky-inner{display:flex;gap:3rem;animation:lScroll_ws 28s linear infinite;white-space:nowrap;}
.src-ws .lucky-item{display:flex;align-items:center;gap:.55rem;flex-shrink:0;}
.src-ws .lucky-icon{color:var(--primary);font-size:.9rem;}
.src-ws .lucky-text{color:var(--muted);font-size:.82rem;}
.src-ws .lucky-num{color:var(--primary);font-weight:700;}
@keyframes lScroll_ws{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}
@media(max-width:768px){.src-ws .page-hero{padding:2.5rem 0 2rem;}.src-ws .num-deco{display:none;}.src-ws .stat-num{font-size:1.3rem;}.src-ws .digit-box{width:46px;height:58px;font-size:1.6rem;}}
.src-ws .hero-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 20% 55%,color-mix(in srgb,var(--b-primary) 17%,transparent) 0%,transparent 55%),radial-gradient(ellipse at 80% 20%,color-mix(in srgb,var(--b-primary) 10%,transparent) 0%,transparent 50%);}
.src-ws .reel-deco{position:absolute;right:2%;top:50%;transform:translateY(-50%);display:flex;gap:.6rem;opacity:.12;pointer-events:none;}
.src-ws .reel-col{display:flex;flex-direction:column;gap:.4rem;animation:reelScroll_ws 3s linear infinite;}
.src-ws .reel-col:nth-child(2){animation-delay:.5s;animation-duration:2.5s;}
.src-ws .reel-col:nth-child(3){animation-delay:1s;animation-duration:3.5s;}
.src-ws .reel-sym{font-size:2.2rem;color:var(--primary);}
@keyframes reelScroll_ws{0%{transform:translateY(0);}100%{transform:translateY(-60px);}}
.src-ws .jackpot-bar{background:var(--surface);border-bottom:1px solid var(--border);padding:1rem 0;overflow:hidden;}
.src-ws .jackpot-inner{display:flex;gap:3rem;align-items:center;animation:jpScroll_ws 30s linear infinite;white-space:nowrap;}
.src-ws .jackpot-item{display:flex;align-items:center;gap:.6rem;flex-shrink:0;}
.src-ws .jp-label{color:var(--muted);font-size:.82rem;font-weight:600;}
.src-ws .jp-amount{color:var(--primary);font-weight:800;font-size:1.05rem;text-shadow:0 0 8px color-mix(in srgb,var(--b-primary) 50%,transparent);}
@keyframes jpScroll_ws{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}
.src-ws .stat-strip{background:color-mix(in srgb,var(--b-surface) 60%,transparent);border-bottom:1px solid var(--border);padding:1.3rem 0;}
.src-ws .slot-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden;position:relative;transition:transform .25s,box-shadow .25s;cursor:pointer;}
.src-ws .slot-card:hover{transform:translateY(-6px);box-shadow:0 0 30px color-mix(in srgb,var(--b-primary) 35%,transparent);}
.src-ws .slot-card-top{padding:1.5rem 1.2rem 1rem;display:flex;flex-direction:column;align-items:center;text-align:center;}
.src-ws .slot-icon{width:64px;height:64px;border-radius:16px;background:color-mix(in srgb,var(--b-primary) 12%,transparent);border:1px solid color-mix(in srgb,var(--b-primary) 30%,transparent);display:flex;align-items:center;justify-content:center;font-size:2rem;color:var(--primary);margin-bottom:.9rem;}
.src-ws .slot-name{font-weight:800;color:var(--heading);font-size:1rem;}
.src-ws .slot-provider{color:var(--muted);font-size:.78rem;margin-top:.2rem;}
.src-ws .slot-card-footer{background:color-mix(in srgb,var(--b-bg) 50%,transparent);border-top:1px solid var(--border);padding:.7rem 1.2rem;display:flex;justify-content:space-between;align-items:center;}
.src-ws .slot-rtp{color:var(--muted);font-size:.78rem;}
.src-ws .slot-rtp strong{color:var(--primary);}
.src-ws .slot-badge{position:absolute;top:10px;right:10px;border-radius:20px;font-size:.68rem;font-weight:700;padding:.13rem .55rem;border:1px solid;}
.src-ws .badge-hot{background:color-mix(in srgb,var(--b-primary) 18%,transparent);color:var(--primary);border-color:var(--primary);}
.src-ws .badge-new{background:color-mix(in srgb,var(--b-primary) 12%,transparent);color:var(--primary);border-color:color-mix(in srgb,var(--b-primary) 50%,transparent);}
.src-ws .badge-jp{background:color-mix(in srgb,var(--b-primary) 25%,transparent);color:var(--primary);border-color:var(--primary);}
.src-ws .slot-overlay{position:absolute;inset:0;background:color-mix(in srgb,var(--b-primary) 15%,transparent);opacity:0;display:flex;align-items:center;justify-content:center;transition:opacity .25s;border-radius:16px;}
.src-ws .slot-card:hover .slot-overlay{opacity:1;}
.src-ws .cat-tabs .nav-link{background:var(--surface);color:var(--muted);border:1px solid var(--border);border-radius:50px;padding:.4rem 1.1rem;font-size:.85rem;font-weight:600;margin:.2rem;transition:all .2s;}
.src-ws .cat-tabs .nav-link.active,.src-ws .cat-tabs .nav-link:hover{background:color-mix(in srgb,var(--b-primary) 15%,transparent);color:var(--primary);border-color:var(--primary);}
.src-ws .jp-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1.8rem;position:relative;overflow:hidden;text-align:center;}
.src-ws .jp-card::before{content:'';position:absolute;top:-60px;left:50%;transform:translateX(-50%);width:200px;height:200px;border-radius:50%;background:color-mix(in srgb,var(--b-primary) 6%,transparent);}
.src-ws .jp-icon{font-size:2.5rem;color:var(--primary);display:block;margin-bottom:.75rem;text-shadow:0 0 18px color-mix(in srgb,var(--b-primary) 50%,transparent);}
.src-ws .jp-name{font-weight:800;color:var(--heading);font-size:1.05rem;}
.src-ws .jp-pool{font-size:1.9rem;font-weight:800;color:var(--primary);text-shadow:0 0 14px color-mix(in srgb,var(--b-primary) 50%,transparent);margin:.4rem 0 .2rem;display:block;}
.src-ws .jp-note{color:var(--muted);font-size:.82rem;}
.src-ws .reel-machine{background:var(--surface);border:2px solid var(--primary);border-radius:20px;padding:1.5rem;box-shadow:0 0 30px color-mix(in srgb,var(--b-primary) 30%,transparent);max-width:360px;margin:0 auto;}
.src-ws .reel-screen{background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:1rem;display:flex;gap:.5rem;justify-content:center;margin-bottom:1rem;}
.src-ws .reel{width:70px;height:90px;background:color-mix(in srgb,var(--b-primary) 8%,transparent);border:1px solid color-mix(in srgb,var(--b-primary) 25%,transparent);border-radius:10px;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;}
.src-ws .reel-sym-big{font-size:2.8rem;position:absolute;animation:none;transition:transform .4s ease;}
.src-ws .reel.spinning .reel-sym-big{animation:reelSpin_ws .12s linear infinite;}
@keyframes reelSpin_ws{0%{transform:translateY(-100%);}100%{transform:translateY(100%);}}
.src-ws .reel-line{height:3px;background:color-mix(in srgb,var(--b-primary) 40%,transparent);border-radius:2px;margin:.5rem 0;}
.src-ws .spin-btn{background:var(--primary);color:var(--on-primary);font-weight:800;border:none;border-radius:50px;padding:.65rem 2rem;width:100%;font-size:1rem;cursor:pointer;box-shadow:0 0 18px color-mix(in srgb,var(--b-primary) 45%,transparent);transition:transform .2s;}
.src-ws .spin-btn:hover{transform:scale(1.04);}
.src-ws .reel-credit{display:flex;justify-content:space-between;margin-top:.75rem;}
.src-ws .credit-box{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:.4rem .8rem;text-align:center;flex:1;}
.src-ws .credit-box:first-child{margin-right:.5rem;}
.src-ws .credit-label{color:var(--muted);font-size:.7rem;}
.src-ws .credit-val{color:var(--primary);font-weight:800;font-size:.95rem;}
.src-ws .feat-title{font-weight:700;color:var(--heading);margin-bottom:.4rem;font-size:.98rem;}
.src-ws .promo-val{font-size:2.1rem;font-weight:800;color:var(--primary);text-shadow:0 0 12px color-mix(in srgb,var(--b-primary) 45%,transparent);line-height:1.1;}
.src-ws .provider-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:.9rem 1.2rem;display:flex;flex-direction:column;align-items:center;gap:.4rem;filter:grayscale(.8);opacity:.6;transition:all .3s;cursor:pointer;}
.src-ws .provider-card i{font-size:1.9rem;color:var(--primary);}
.src-ws .provider-card span{font-size:.78rem;color:var(--muted);font-weight:600;}
.src-ws .step-num{width:46px;height:46px;border-radius:50%;background:color-mix(in srgb,var(--b-primary) 15%,transparent);border:2px solid var(--primary);display:flex;align-items:center;justify-content:center;color:var(--primary);font-weight:800;font-size:1.1rem;flex-shrink:0;}
.src-ws .rtp-bar{background:rgba(255,255,255,0.06);border-radius:50px;height:7px;overflow:hidden;margin-top:.3rem;}
.src-ws .rtp-fill{height:100%;border-radius:50px;background:var(--primary);box-shadow:0 0 6px color-mix(in srgb,var(--b-primary) 50%,transparent);}
.src-ws .winners-box{background:var(--surface);border:1px solid var(--border);border-radius:14px;overflow:hidden;height:270px;}
.src-ws .winners-scroll{animation:wScroll_ws 18s linear infinite;}
.src-ws .winner-row{display:flex;align-items:center;gap:.9rem;padding:.7rem 1.1rem;border-bottom:1px solid var(--border);}
.src-ws .w-av{width:36px;height:36px;border-radius:50%;background:color-mix(in srgb,var(--b-primary) 18%,transparent);display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:var(--primary);flex-shrink:0;}
.src-ws .w-info{flex:1;}
.src-ws .w-name{color:var(--heading);font-weight:600;font-size:.87rem;}
.src-ws .w-game{color:var(--muted);font-size:.75rem;}
.src-ws .w-amt{color:var(--primary);font-weight:800;text-shadow:0 0 7px color-mix(in srgb,var(--b-primary) 40%,transparent);white-space:nowrap;font-size:.93rem;}
@keyframes wScroll_ws{0%{transform:translateY(0);}100%{transform:translateY(-50%);}}
@media(max-width:768px){.src-ws .page-hero{padding:2.5rem 0 2rem;}.src-ws .reel-deco{display:none;}.src-ws .stat-num{font-size:1.35rem;}.src-ws .reel-machine{max-width:100%;}}
.src-ws .hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse at 10% 65%,color-mix(in srgb,var(--b-primary) 18%,transparent) 0%,transparent 55%),radial-gradient(ellipse at 85% 20%,color-mix(in srgb,var(--b-primary) 10%,transparent) 0%,transparent 50%);}
.src-ws .sport-deco{position:absolute;right:2%;top:50%;transform:translateY(-50%);opacity:.08;pointer-events:none;display:flex;flex-direction:column;gap:1.2rem;font-size:3.5rem;color:var(--primary);}
.src-ws .sport-deco span{animation:floatUp_ws 4s ease-in-out infinite alternate;}
.src-ws .sport-deco span:nth-child(2){animation-delay:.8s;}
.src-ws .sport-deco span:nth-child(3){animation-delay:1.6s;}
@keyframes floatUp_ws{0%{transform:translateY(0);}100%{transform:translateY(-16px);}}
.src-ws .ticker-track{display:flex;gap:2.5rem;animation:tickScroll_ws 35s linear infinite;white-space:nowrap;align-items:center;}
.src-ws .ticker-match{display:flex;align-items:center;gap:.6rem;flex-shrink:0;background:color-mix(in srgb,var(--b-primary) 6%,transparent);border:1px solid var(--border);border-radius:8px;padding:.35rem .9rem;}
.src-ws .live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--primary);animation:pulse_ws 1.2s infinite;}
@keyframes pulse_ws{0%,100%{opacity:1;}50%{opacity:.3;}}
.src-ws .match-teams{color:var(--heading);font-size:.82rem;font-weight:600;}
.src-ws .match-score{color:var(--primary);font-size:.82rem;font-weight:800;margin:0 .3rem;}
.src-ws .match-time{color:var(--muted);font-size:.74rem;}
.src-ws .sport-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1.6rem 1.4rem;position:relative;overflow:hidden;height:100%;transition:transform .25s,box-shadow .25s;cursor:pointer;}
.src-ws .sport-card:hover{transform:translateY(-6px);box-shadow:0 0 28px color-mix(in srgb,var(--b-primary) 35%,transparent);}
.src-ws .sport-card::before{content:'';position:absolute;top:-50px;right:-50px;width:150px;height:150px;border-radius:50%;background:color-mix(in srgb,var(--b-primary) 6%,transparent);}
.src-ws .sport-icon{font-size:2.4rem;color:var(--primary);display:block;margin-bottom:.9rem;position:relative;}
.src-ws .sport-name{font-weight:800;color:var(--heading);font-size:1.05rem;margin-bottom:.3rem;}
.src-ws .sport-count{color:var(--muted);font-size:.82rem;}
.src-ws .sport-badge{position:absolute;top:12px;right:12px;background:color-mix(in srgb,var(--b-primary) 15%,transparent);color:var(--primary);border:1px solid var(--primary);border-radius:20px;font-size:.69rem;font-weight:700;padding:.13rem .6rem;}
.src-ws .odds-row{border-bottom:1px solid var(--border);padding:.85rem 1.2rem;display:flex;align-items:center;gap:.8rem;transition:background .2s;}
.src-ws .odds-sport-icon{font-size:1.1rem;color:var(--primary);flex-shrink:0;width:28px;}
.src-ws .odds-teams{color:var(--heading);font-weight:600;font-size:.88rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.src-ws .odds-league{color:var(--muted);font-size:.74rem;margin-top:.15rem;}
.src-ws .odds-time{color:var(--muted);font-size:.74rem;flex-shrink:0;text-align:right;}
.src-ws .odds-btn{background:color-mix(in srgb,var(--b-primary) 10%,transparent);border:1px solid var(--border);border-radius:8px;padding:.3rem .65rem;display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:all .2s;min-width:50px;}
.src-ws .odds-btn:hover{background:color-mix(in srgb,var(--b-primary) 25%,transparent);border-color:var(--primary);}
.src-ws .odds-btn-label{color:var(--muted);font-size:.65rem;font-weight:600;}
.src-ws .odds-btn-val{color:var(--primary);font-weight:800;font-size:.9rem;}
.src-ws .bet-slip{background:var(--surface);border:2px solid var(--primary);border-radius:16px;padding:1.5rem;box-shadow:0 0 24px color-mix(in srgb,var(--b-primary) 20%,transparent);position:sticky;top:80px;}
.src-ws .bet-slip-empty{text-align:center;color:var(--muted);font-size:.87rem;padding:1.5rem 0;}
.src-ws .bet-item-match{color:var(--heading);font-weight:700;font-size:.85rem;}
.src-ws .bet-item-sel{color:var(--primary);font-size:.82rem;margin-top:.2rem;}
.src-ws .bet-item-odds{float:right;color:var(--primary);font-weight:800;}
.src-ws .bet-place-btn{background:var(--primary);color:var(--on-primary);font-weight:800;border:none;border-radius:50px;padding:.65rem 1.5rem;width:100%;font-size:.95rem;cursor:pointer;box-shadow:0 0 16px color-mix(in srgb,var(--b-primary) 40%,transparent);transition:transform .2s;margin-top:.6rem;}
.src-ws .bet-place-btn:hover{transform:scale(1.03);}
.src-ws .odds-type-table{width:100%;border-collapse:collapse;}
.src-ws .odds-type-table th{background:var(--surface);color:var(--heading);padding:.8rem 1rem;border:1px solid var(--border);font-weight:700;font-size:.87rem;}
.src-ws .odds-type-table th.hl{color:var(--primary);}
.src-ws .odds-type-table td{padding:.75rem 1rem;border:1px solid var(--border);color:var(--text);font-size:.87rem;vertical-align:top;}
.src-ws .odds-type-table tr:nth-child(even) td{background:color-mix(in srgb,var(--b-surface) 40%,transparent);}
.src-ws .stat-bar-wrap{margin-bottom:1rem;}
.src-ws .stat-bar-label{display:flex;justify-content:space-between;font-size:.82rem;margin-bottom:.3rem;}
.src-ws .stat-bar-track{background:rgba(255,255,255,0.06);border-radius:50px;height:8px;overflow:hidden;}
@media(max-width:768px){.src-ws .page-hero{padding:2.5rem 0 2rem;}.src-ws .sport-deco{display:none;}.src-ws .stat-num{font-size:1.3rem;}.src-ws .odds-btns{flex-direction:column;}}
.src-ws .reading-progress{position:fixed;top:0;left:0;height:3px;background:var(--primary);z-index:9999;width:0;transition:width .1s linear;box-shadow:0 0 8px color-mix(in srgb,var(--b-primary) 70%,transparent);}
.src-ws .hero-bg{position:absolute;inset:0;
  background:radial-gradient(ellipse at 5% 65%,color-mix(in srgb,var(--b-primary) 16%,transparent) 0%,transparent 52%),
             radial-gradient(ellipse at 90% 15%,color-mix(in srgb,var(--b-primary) 9%,transparent) 0%,transparent 50%);}
.src-ws .hero-h1{font-size:clamp(1.8rem,3.8vw,2.8rem);font-weight:800;color:var(--heading);line-height:1.2;}
.src-ws .hero-h1 span{color:var(--primary);}
.src-ws .hero-sub{color:var(--muted);font-size:.97rem;max-width:640px;line-height:1.8;margin-top:.9rem;}
.src-ws .meta-pill{display:inline-flex;align-items:center;gap:.45rem;background:color-mix(in srgb,var(--b-primary) 8%,transparent);border:1px solid var(--border);border-radius:8px;padding:.35rem .9rem;font-size:.8rem;color:var(--muted);margin-top:1rem;margin-right:.5rem;}
.src-ws .meta-pill i{color:var(--primary);}
.src-ws .toc-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1.6rem;position:sticky;top:80px;max-height:calc(100vh - 100px);overflow-y:auto;}
.src-ws .toc-card::-webkit-scrollbar{width:4px;}
.src-ws .toc-card::-webkit-scrollbar-track{background:transparent;}
.src-ws .toc-card::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--b-primary) 30%,transparent);border-radius:4px;}
.src-ws .toc-title{color:var(--heading);font-weight:800;font-size:.95rem;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem;}
.src-ws .toc-title i{color:var(--primary);}
.src-ws .toc-list{list-style:none;padding:0;margin:0;}
.src-ws .toc-list li{margin-bottom:.2rem;}
.src-ws .toc-list li a{color:var(--muted);font-size:.84rem;display:flex;align-items:flex-start;gap:.4rem;padding:.28rem .5rem;border-radius:7px;transition:all .2s;line-height:1.4;}
.src-ws .toc-list li a:hover,.src-ws .toc-list li a.toc-active{color:var(--primary);background:color-mix(in srgb,var(--b-primary) 8%,transparent);text-decoration:none;}
.src-ws .toc-num{color:var(--primary);font-weight:800;font-size:.74rem;min-width:18px;flex-shrink:0;margin-top:.1rem;}
.src-ws .privacy-section{scroll-margin-top:90px;margin-bottom:2.5rem;padding-bottom:2.5rem;border-bottom:1px solid var(--border);}
.src-ws .privacy-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0;}
.src-ws .ps-h2{font-size:1.3rem;font-weight:800;color:var(--heading);margin-bottom:1rem;display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;}
.src-ws .ps-num{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;min-width:34px;border-radius:8px;background:color-mix(in srgb,var(--b-primary) 15%,transparent);color:var(--primary);font-size:.88rem;font-weight:800;border:1px solid color-mix(in srgb,var(--b-primary) 30%,transparent);}
.src-ws .ps-body p{color:var(--text);line-height:1.85;margin-bottom:.9rem;font-size:.92rem;}
.src-ws .ps-body p:last-child{margin-bottom:0;}
.src-ws .ps-body ul,.src-ws .ps-body ol{color:var(--text);line-height:1.85;font-size:.92rem;padding-left:1.4rem;margin-bottom:.9rem;}
.src-ws .ps-body ul li,.src-ws .ps-body ol li{margin-bottom:.4rem;}
.src-ws .ps-body strong{color:var(--heading);}
.src-ws .info-box{background:color-mix(in srgb,var(--b-primary) 7%,transparent);border:1px solid color-mix(in srgb,var(--b-primary) 22%,transparent);border-radius:10px;padding:1rem 1.2rem;margin:1rem 0;}
.src-ws .warn-box{background:color-mix(in srgb,var(--b-primary) 4%,transparent);border:1px solid color-mix(in srgb,var(--b-primary) 15%,transparent);border-radius:10px;padding:1rem 1.2rem;margin:1rem 0;}
.src-ws .warn-box p{color:var(--text);font-size:.88rem;line-height:1.75;margin:0;}
.src-ws .warn-box i{color:var(--primary);margin-right:.4rem;}
.src-ws .data-table{width:100%;border-collapse:collapse;margin:.9rem 0;}
.src-ws .data-table th{background:color-mix(in srgb,var(--b-primary) 10%,transparent);color:var(--heading);padding:.65rem .9rem;border:1px solid var(--border);font-size:.83rem;font-weight:700;text-align:left;}
.src-ws .data-table td{padding:.6rem .9rem;border:1px solid var(--border);font-size:.83rem;color:var(--text);vertical-align:top;}
.src-ws .data-table tr:nth-child(even) td{background:color-mix(in srgb,var(--b-surface) 40%,transparent);}
.src-ws .data-table .td-hl{color:var(--primary);font-weight:600;}
.src-ws .right-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:1.4rem;display:flex;gap:1rem;align-items:flex-start;transition:transform .22s,box-shadow .22s;height:100%;}
.src-ws .right-card:hover{transform:translateY(-4px);box-shadow:0 0 18px color-mix(in srgb,var(--b-primary) 22%,transparent);}
.src-ws .rc-icon{flex-shrink:0;width:46px;height:46px;border-radius:12px;background:color-mix(in srgb,var(--b-primary) 12%,transparent);border:1px solid color-mix(in srgb,var(--b-primary) 28%,transparent);display:flex;align-items:center;justify-content:center;font-size:1.4rem;color:var(--primary);}
.src-ws .rc-title{color:var(--heading);font-weight:700;font-size:.93rem;margin-bottom:.3rem;}
.src-ws .rc-desc{color:var(--muted);font-size:.84rem;line-height:1.65;}
.src-ws .feat-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1.7rem 1.5rem;height:100%;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s;}
.src-ws .feat-card:hover{transform:translateY(-6px);box-shadow:0 0 26px color-mix(in srgb,var(--b-primary) 28%,transparent);}
.src-ws .feat-card::after{content:'';position:absolute;bottom:-45px;left:-45px;width:130px;height:130px;border-radius:50%;background:color-mix(in srgb,var(--b-primary) 5%,transparent);}
.src-ws .feat-icon i{font-size:1.7rem;color:var(--primary);}
.src-ws .feat-title{font-weight:800;color:var(--heading);font-size:1rem;margin-bottom:.5rem;position:relative;z-index:1;}
.src-ws .feat-desc{color:var(--muted);font-size:.87rem;line-height:1.7;position:relative;z-index:1;}
.src-ws .cookie-tag{display:inline-block;border-radius:20px;font-size:.71rem;font-weight:700;padding:.14rem .6rem;border:1px solid;}
.src-ws .ct-essential{background:color-mix(in srgb,var(--b-primary) 15%,transparent);color:var(--primary);border-color:var(--primary);}
.src-ws .ct-functional{background:color-mix(in srgb,var(--b-primary) 8%,transparent);color:var(--primary);border-color:color-mix(in srgb,var(--b-primary) 40%,transparent);}
.src-ws .ct-analytics{background:color-mix(in srgb,var(--b-primary) 5%,transparent);color:var(--muted);border-color:var(--border);}
@media(max-width:991px){.src-ws .toc-card{position:static;max-height:none;margin-bottom:2rem;}}
@media(max-width:768px){.src-ws .page-hero{padding:2.8rem 0 2.2rem;}.src-ws section{padding:2.5rem 0;}.src-ws .ps-h2{font-size:1.1rem;}}
.src-ws .reg-hero{position:relative;min-height:100vh;display:flex;align-items:center;padding:3rem 0;overflow:hidden;background:var(--bg);}
.src-ws .rh-orb1{position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--b-primary) 13%,transparent) 0%,transparent 70%);top:-150px;left:-150px;pointer-events:none;}
.src-ws .rh-orb2{position:absolute;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--b-primary) 8%,transparent) 0%,transparent 70%);bottom:-100px;right:5%;pointer-events:none;}
.src-ws .rh-grid{position:absolute;inset:0;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:60px 60px;opacity:.3;pointer-events:none;}
.src-ws .reg-card{background:var(--surface);border:1px solid var(--border);border-radius:22px;padding:2.5rem 2rem;box-shadow:0 8px 40px rgba(0,0,0,0.35);}
.src-ws .reg-card-header{text-align:center;margin-bottom:1.8rem;}
.src-ws .reg-badge{display:inline-flex;align-items:center;gap:.45rem;background:color-mix(in srgb,var(--b-primary) 13%,transparent);border:1px solid color-mix(in srgb,var(--b-primary) 40%,transparent);color:var(--primary);border-radius:50px;padding:.3rem 1.1rem;font-size:.8rem;font-weight:700;margin-bottom:.9rem;}
.src-ws .reg-title{color:var(--heading);font-size:1.45rem;font-weight:800;margin-bottom:.3rem;}
.src-ws .reg-sub{color:var(--muted);font-size:.86rem;line-height:1.6;}
.src-ws .form-label{color:var(--heading);font-size:.83rem;font-weight:600;margin-bottom:.4rem;display:block;}
.src-ws .form-label span{color:var(--primary);}
.src-ws .form-control-custom{width:100%;background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:.72rem 1rem;color:var(--text);font-size:.91rem;outline:none;transition:border-color .2s,box-shadow .2s;}
.src-ws .form-control-custom:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--b-primary) 15%,transparent);}
.src-ws .form-control-custom::placeholder{color:var(--muted);opacity:.7;}
.src-ws .form-control-custom:disabled{opacity:.5;cursor:not-allowed;}
.src-ws .input-group-custom{position:relative;}
.src-ws .input-group-custom .form-control-custom{padding-right:2.8rem;}
.src-ws .input-toggle{position:absolute;right:.9rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--muted);cursor:pointer;padding:0;font-size:1rem;transition:color .2s;}
.src-ws .input-toggle:hover{color:var(--primary);}
.src-ws .input-icon-left{position:absolute;left:.9rem;top:50%;transform:translateY(-50%);color:var(--muted);font-size:.95rem;pointer-events:none;}
.src-ws .has-icon-left .form-control-custom{padding-left:2.5rem;}
.src-ws .pwd-strength{margin-top:.45rem;}
.src-ws .pwd-bars{display:flex;gap:.3rem;margin-bottom:.3rem;}
.src-ws .pwd-bar{flex:1;height:4px;border-radius:4px;background:var(--border);transition:background .3s;}
.src-ws .pwd-bar.fill-weak{background:color-mix(in srgb,var(--b-primary) 30%,transparent);}
.src-ws .pwd-bar.fill-fair{background:color-mix(in srgb,var(--b-primary) 55%,transparent);}
.src-ws .pwd-bar.fill-good{background:color-mix(in srgb,var(--b-primary) 80%,transparent);}
.src-ws .pwd-bar.fill-strong{background:var(--primary);}
.src-ws .pwd-label{font-size:.74rem;color:var(--muted);}
.src-ws .phone-group{display:flex;gap:.5rem;}
.src-ws .phone-prefix{background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:.72rem .9rem;color:var(--text);font-size:.91rem;font-weight:600;white-space:nowrap;display:flex;align-items:center;gap:.4rem;flex-shrink:0;}
.src-ws .phone-prefix img{width:20px;height:14px;object-fit:cover;border-radius:2px;}
.src-ws .check-group{display:flex;align-items:flex-start;gap:.7rem;margin-bottom:.8rem;}
.src-ws .check-group input[type="checkbox"]{width:17px;height:17px;min-width:17px;margin-top:.15rem;accent-color:var(--primary);cursor:pointer;}
.src-ws .check-group label{color:var(--muted);font-size:.82rem;line-height:1.55;cursor:pointer;}
.src-ws .check-group label a{color:var(--primary);}
.src-ws .btn-submit{width:100%;background:var(--primary);color:var(--on-primary);font-weight:800;font-size:1rem;padding:.9rem 1rem;border-radius:50px;border:none;box-shadow:0 0 22px color-mix(in srgb,var(--b-primary) 45%,transparent);transition:transform .2s,box-shadow .2s;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.6rem;}
.src-ws .btn-submit:hover{transform:translateY(-3px);box-shadow:0 0 36px color-mix(in srgb,var(--b-primary) 70%,transparent);}
.src-ws .btn-submit:disabled{opacity:.6;cursor:not-allowed;transform:none;}
.src-ws .or-divider{display:flex;align-items:center;gap:.8rem;margin:1.2rem 0;}
.src-ws .or-divider::before,.src-ws .or-divider::after{content:'';flex:1;height:1px;background:var(--border);}
.src-ws .or-divider span{color:var(--muted);font-size:.78rem;}
.src-ws .login-link-row{text-align:center;margin-top:1.2rem;color:var(--muted);font-size:.85rem;}
.src-ws .login-link-row a{color:var(--primary);font-weight:700;}
.src-ws .step-bar{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap;}
.src-ws .step-dot{width:10px;height:10px;border-radius:50%;background:var(--border);transition:background .3s,transform .3s;}
.src-ws .step-dot.active{background:var(--primary);transform:scale(1.4);box-shadow:0 0 8px color-mix(in srgb,var(--b-primary) 60%,transparent);}
.src-ws .step-dot.done{background:color-mix(in srgb,var(--b-primary) 50%,transparent);}
.src-ws .trust-row{display:flex;flex-wrap:wrap;justify-content:center;gap:.7rem;margin-top:1.2rem;}
.src-ws .trust-pill{display:inline-flex;align-items:center;gap:.35rem;background:color-mix(in srgb,var(--b-primary) 7%,transparent);border:1px solid var(--border);border-radius:20px;padding:.28rem .75rem;font-size:.74rem;color:var(--muted);}
.src-ws .trust-pill i{color:var(--primary);font-size:.8rem;}
.src-ws .hero-left-title{font-size:clamp(1.8rem,3.5vw,2.7rem);font-weight:800;color:var(--heading);line-height:1.18;margin-bottom:1rem;}
.src-ws .hero-left-title em{font-style:normal;color:var(--primary);}
.src-ws .hero-left-sub{color:var(--muted);font-size:.97rem;line-height:1.8;margin-bottom:1.8rem;}
.src-ws .benefit-chips{display:flex;flex-wrap:wrap;gap:.7rem;margin-bottom:2rem;}
.src-ws .bchip{display:inline-flex;align-items:center;gap:.45rem;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:.45rem .9rem;font-size:.83rem;color:var(--text);}
.src-ws .bchip i{color:var(--primary);}
.src-ws .payment-row{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;}
.src-ws .pay-badge{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:.35rem .75rem;font-size:.76rem;font-weight:600;color:var(--text);display:inline-flex;align-items:center;gap:.35rem;}
.src-ws .pay-badge i{color:var(--primary);}
.src-ws .feat-card::before{content:'';position:absolute;top:-55px;right:-55px;width:150px;height:150px;border-radius:50%;background:color-mix(in srgb,var(--b-primary) 6%,transparent);}
.src-ws .step-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1.8rem 1.5rem;height:100%;text-align:center;position:relative;overflow:hidden;transition:transform .25s;}
.src-ws .step-card:hover{transform:translateY(-5px);}
.src-ws .step-num-big{font-size:5rem;font-weight:900;color:color-mix(in srgb,var(--b-primary) 7%,transparent);line-height:1;position:absolute;top:.5rem;left:50%;transform:translateX(-50%);pointer-events:none;}
.src-ws .step-icon-wrap{width:66px;height:66px;border-radius:50%;background:color-mix(in srgb,var(--b-primary) 13%,transparent);border:2px solid color-mix(in srgb,var(--b-primary) 35%,transparent);display:flex;align-items:center;justify-content:center;margin:0 auto 1.1rem;position:relative;z-index:1;}
.src-ws .step-icon-wrap i{font-size:2rem;color:var(--primary);}
.src-ws .step-title{color:var(--heading);font-weight:800;font-size:1rem;margin-bottom:.45rem;position:relative;z-index:1;}
.src-ws .step-desc{color:var(--muted);font-size:.86rem;line-height:1.68;position:relative;z-index:1;}
.src-ws .step-connector{display:flex;align-items:center;justify-content:center;padding-top:2.5rem;}
.src-ws .step-connector i{font-size:1.5rem;color:color-mix(in srgb,var(--b-primary) 30%,transparent);}
.src-ws .body-text p{color:var(--text);line-height:1.88;margin-bottom:1rem;font-size:.94rem;}
.src-ws .accordion-button{background:var(--surface)!important;color:var(--heading)!important;font-weight:600;font-size:.92rem;}
.src-ws .accordion-body{background:var(--bg)!important;color:var(--text);font-size:.89rem;line-height:1.78;}
.src-ws .toast-custom{position:fixed;bottom:1.5rem;right:1.5rem;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:1rem 1.4rem;display:flex;align-items:center;gap:.8rem;z-index:9000;transform:translateY(100px);opacity:0;transition:all .4s;max-width:300px;box-shadow:0 8px 30px rgba(0,0,0,0.4);}
.src-ws .toast-custom.show{transform:translateY(0);opacity:1;}
.src-ws .toast-custom i{font-size:1.4rem;color:var(--primary);}
.src-ws .toast-custom .tt{color:var(--heading);font-weight:700;font-size:.85rem;}
.src-ws .toast-custom .td{color:var(--muted);font-size:.78rem;}
.src-ws .field-error{color:color-mix(in srgb,var(--b-primary) 80%,transparent);font-size:.74rem;margin-top:.3rem;display:none;}
.src-ws .field-error.show{display:block;}
.src-ws .form-control-custom.err{border-color:color-mix(in srgb,var(--b-primary) 50%,transparent);}
.src-ws .counter-strip{background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:1.2rem 0;}
.src-ws .c-stat{text-align:center;}
.src-ws .c-num{font-size:1.6rem;font-weight:800;color:var(--heading);}
.src-ws .c-num span{color:var(--primary);}
.src-ws .c-lbl{color:var(--muted);font-size:.78rem;margin-top:.1rem;}
@media(max-width:991px){.src-ws .reg-hero{min-height:auto;padding:2.5rem 0 3rem;}}
@media(max-width:768px){.src-ws section{padding:2.8rem 0;}.src-ws .reg-card{padding:1.8rem 1.2rem;}.src-ws .step-connector{display:none;}}
.src-ws .pay-opt-card{background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:.6rem .9rem;display:flex;align-items:center;gap:.5rem;font-size:.82rem;color:var(--muted);cursor:pointer;transition:all .2s;user-select:none;}
.src-ws .pay-opt-card:hover{border-color:var(--primary);color:var(--text);}
.src-ws .pay-opt-card.selected{background:color-mix(in srgb,var(--b-primary) 10%,transparent);border-color:var(--primary);color:var(--primary);font-weight:700;}
.src-ws .pay-opt-card i{font-size:1rem;}
.src-ws .hero-bg-wrap{position:absolute;inset:0;overflow:hidden;}
.src-ws .hero-orb1{position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--b-primary) 14%,transparent) 0%,transparent 70%);top:-120px;left:-120px;}
.src-ws .hero-orb2{position:absolute;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--b-primary) 9%,transparent) 0%,transparent 70%);bottom:-80px;right:-80px;}
.src-ws .hero-badge{display:inline-flex;align-items:center;gap:.5rem;background:color-mix(in srgb,var(--b-primary) 13%,transparent);border:1px solid color-mix(in srgb,var(--b-primary) 40%,transparent);color:var(--primary);border-radius:50px;padding:.35rem 1.2rem;font-size:.82rem;font-weight:700;letter-spacing:.8px;margin-bottom:1.2rem;}
.src-ws .hero-h1{font-size:clamp(2rem,4.2vw,3.1rem);font-weight:800;color:var(--heading);line-height:1.15;}
.src-ws .hero-h1 em{font-style:normal;color:var(--primary);text-shadow:0 0 28px color-mix(in srgb,var(--b-primary) 50%,transparent);}
.src-ws .hero-sub{color:var(--muted);font-size:1.02rem;max-width:620px;line-height:1.82;margin-top:1rem;}
.src-ws .hero-stat-row{display:flex;flex-wrap:wrap;gap:1.2rem;margin-top:2rem;}
.src-ws .hstat{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:.9rem 1.3rem;display:flex;align-items:center;gap:.8rem;}
.src-ws .hstat-icon{width:42px;height:42px;border-radius:10px;background:color-mix(in srgb,var(--b-primary) 12%,transparent);border:1px solid color-mix(in srgb,var(--b-primary) 25%,transparent);display:flex;align-items:center;justify-content:center;font-size:1.3rem;color:var(--primary);flex-shrink:0;}
.src-ws .hstat-val{color:var(--heading);font-weight:800;font-size:1.15rem;line-height:1;}
.src-ws .hstat-lbl{color:var(--muted);font-size:.75rem;margin-top:.2rem;}
.src-ws .body-text p{color:var(--text);line-height:1.88;margin-bottom:1rem;font-size:.95rem;}
.src-ws .body-text p:last-child{margin-bottom:0;}
.src-ws .highlight-pull p{color:var(--text);font-size:.93rem;line-height:1.8;margin:0;}
.src-ws .tool-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:2rem 1.7rem;height:100%;position:relative;overflow:hidden;transition:transform .28s,box-shadow .28s;}
.src-ws .tool-card:hover{transform:translateY(-7px);box-shadow:0 0 30px color-mix(in srgb,var(--b-primary) 30%,transparent);}
.src-ws .tool-card::before{content:'';position:absolute;top:-60px;right:-60px;width:170px;height:170px;border-radius:50%;background:color-mix(in srgb,var(--b-primary) 6%,transparent);}
.src-ws .tool-num{position:absolute;top:1.3rem;right:1.5rem;font-size:3rem;font-weight:900;color:color-mix(in srgb,var(--b-primary) 8%,transparent);line-height:1;}
.src-ws .tool-icon{width:60px;height:60px;border-radius:16px;background:color-mix(in srgb,var(--b-primary) 13%,transparent);border:1px solid color-mix(in srgb,var(--b-primary) 30%,transparent);display:flex;align-items:center;justify-content:center;margin-bottom:1.2rem;position:relative;z-index:1;}
.src-ws .tool-icon i{font-size:1.8rem;color:var(--primary);}
.src-ws .tool-title{font-weight:800;color:var(--heading);font-size:1.1rem;margin-bottom:.5rem;position:relative;z-index:1;}
.src-ws .tool-desc{color:var(--muted);font-size:.88rem;line-height:1.72;position:relative;z-index:1;}
.src-ws .tool-badge{display:inline-block;background:color-mix(in srgb,var(--b-primary) 12%,transparent);border:1px solid color-mix(in srgb,var(--b-primary) 30%,transparent);color:var(--primary);border-radius:20px;font-size:.72rem;font-weight:700;padding:.15rem .65rem;margin-top:.8rem;position:relative;z-index:1;}
.src-ws .feat-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1.7rem 1.5rem;height:100%;transition:transform .25s,box-shadow .25s;}
.src-ws .feat-card:hover{transform:translateY(-5px);box-shadow:0 0 22px color-mix(in srgb,var(--b-primary) 25%,transparent);}
.src-ws .feat-icon{width:54px;height:54px;border-radius:14px;background:color-mix(in srgb,var(--b-primary) 12%,transparent);border:1px solid color-mix(in srgb,var(--b-primary) 28%,transparent);display:flex;align-items:center;justify-content:center;margin-bottom:1rem;}
.src-ws .feat-title{font-weight:800;color:var(--heading);font-size:1rem;margin-bottom:.45rem;}
.src-ws .feat-desc{color:var(--muted);font-size:.87rem;line-height:1.7;}
.src-ws .quiz-wrap{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:2rem;}
.src-ws .quiz-q{color:var(--text);font-size:.93rem;line-height:1.7;padding:.7rem 0;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;}
.src-ws .quiz-q:last-of-type{border-bottom:none;}
.src-ws .quiz-q-text{flex:1;min-width:200px;}
.src-ws .quiz-btns{display:flex;gap:.5rem;flex-shrink:0;}
.src-ws .qbtn{border:1px solid var(--border);background:transparent;color:var(--muted);border-radius:8px;padding:.3rem .75rem;font-size:.8rem;cursor:pointer;transition:all .18s;}
.src-ws .qbtn:hover{border-color:var(--primary);color:var(--primary);}
.src-ws .qbtn.sel-ya{background:color-mix(in srgb,var(--b-primary) 15%,transparent);border-color:var(--primary);color:var(--primary);font-weight:700;}
.src-ws .qbtn.sel-tidak{background:color-mix(in srgb,var(--b-primary) 5%,transparent);border-color:var(--border);color:var(--muted);}
.src-ws .quiz-result{display:none;margin-top:1.2rem;border-radius:12px;padding:1.1rem 1.3rem;}
.src-ws .qr-low{background:color-mix(in srgb,var(--b-primary) 10%,transparent);border:1px solid color-mix(in srgb,var(--b-primary) 30%,transparent);}
.src-ws .qr-mid{background:color-mix(in srgb,var(--b-primary) 7%,transparent);border:1px solid color-mix(in srgb,var(--b-primary) 20%,transparent);}
.src-ws .qr-high{background:color-mix(in srgb,var(--b-primary) 5%,transparent);border:1px solid var(--border);}
.src-ws .quiz-result p{color:var(--text);font-size:.9rem;line-height:1.75;margin:0;}
.src-ws .accordion-button{background:var(--surface)!important;color:var(--heading)!important;font-weight:600;font-size:.93rem;}
.src-ws .accordion-body{background:var(--bg)!important;color:var(--text);font-size:.9rem;line-height:1.78;}
.src-ws .step-item{display:flex;gap:1.2rem;align-items:flex-start;margin-bottom:1.8rem;}
.src-ws .step-item:last-child{margin-bottom:0;}
.src-ws .step-circle{width:44px;height:44px;min-width:44px;border-radius:50%;background:color-mix(in srgb,var(--b-primary) 13%,transparent);border:2px solid color-mix(in srgb,var(--b-primary) 40%,transparent);display:flex;align-items:center;justify-content:center;color:var(--primary);font-weight:800;font-size:.95rem;}
.src-ws .step-body-title{color:var(--heading);font-weight:700;font-size:.97rem;margin-bottom:.3rem;}
.src-ws .step-body-text{color:var(--muted);font-size:.87rem;line-height:1.68;}
.src-ws .limit-table{width:100%;border-collapse:collapse;margin:.9rem 0;}
.src-ws .limit-table th{background:color-mix(in srgb,var(--b-primary) 10%,transparent);color:var(--heading);padding:.65rem .9rem;border:1px solid var(--border);font-size:.83rem;font-weight:700;text-align:left;}
.src-ws .limit-table td{padding:.6rem .9rem;border:1px solid var(--border);font-size:.83rem;color:var(--text);vertical-align:top;}
.src-ws .limit-table tr:nth-child(even) td{background:color-mix(in srgb,var(--b-surface) 40%,transparent);}
.src-ws .lt-hl{color:var(--primary);font-weight:700;}
.src-ws .cta-section::before,.src-ws .cta-section::after{content:'';position:absolute;border-radius:50%;background:color-mix(in srgb,var(--b-primary) 5%,transparent);}
.src-ws .cta-section::before{width:220px;height:220px;top:-70px;left:-70px;}
.src-ws .cta-section::after{width:180px;height:180px;bottom:-55px;right:-55px;}
@media(max-width:768px){.src-ws .page-hero{padding:3rem 0 2.5rem;}.src-ws section{padding:2.8rem 0;}.src-ws .hero-stat-row{gap:.8rem;}.src-ws .hstat{padding:.7rem 1rem;}}
.src-ws .hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse at 8% 60%,color-mix(in srgb,var(--b-primary) 15%,transparent) 0%,transparent 55%),radial-gradient(ellipse at 88% 18%,color-mix(in srgb,var(--b-primary) 8%,transparent) 0%,transparent 50%);}
.src-ws .last-updated{display:inline-flex;align-items:center;gap:.45rem;background:color-mix(in srgb,var(--b-primary) 8%,transparent);border:1px solid var(--border);border-radius:8px;padding:.35rem .9rem;font-size:.8rem;color:var(--muted);margin-top:1rem;}
.src-ws .last-updated i{color:var(--primary);}
.src-ws .toc-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1.6rem;position:sticky;top:80px;}
.src-ws .toc-title{color:var(--heading);font-weight:800;font-size:.97rem;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem;}
.src-ws .toc-list li{margin-bottom:.3rem;}
.src-ws .toc-list li a{color:var(--muted);font-size:.86rem;display:flex;align-items:center;gap:.45rem;padding:.3rem .5rem;border-radius:7px;transition:all .2s;}
.src-ws .toc-list li a:hover,.src-ws .toc-list li a.active{color:var(--primary);background:color-mix(in srgb,var(--b-primary) 8%,transparent);text-decoration:none;}
.src-ws .toc-list li a i{font-size:.75rem;flex-shrink:0;}
.src-ws .toc-list .toc-num{color:var(--primary);font-weight:700;font-size:.75rem;width:18px;flex-shrink:0;}
.src-ws .terms-section{scroll-margin-top:90px;margin-bottom:2.5rem;padding-bottom:2.5rem;border-bottom:1px solid var(--border);}
.src-ws .terms-section:last-child{border-bottom:none;}
.src-ws .terms-h2{font-size:1.35rem;font-weight:800;color:var(--heading);margin-bottom:1rem;display:flex;align-items:center;gap:.7rem;}
.src-ws .terms-h2 .ts-num{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;background:color-mix(in srgb,var(--b-primary) 15%,transparent);color:var(--primary);font-size:.88rem;font-weight:800;flex-shrink:0;border:1px solid color-mix(in srgb,var(--b-primary) 30%,transparent);}
.src-ws .terms-body p{color:var(--text);line-height:1.85;margin-bottom:.9rem;font-size:.93rem;}
.src-ws .terms-body p:last-child{margin-bottom:0;}
.src-ws .terms-body ul,.src-ws .terms-body ol{color:var(--text);line-height:1.85;font-size:.93rem;padding-left:1.4rem;margin-bottom:.9rem;}
.src-ws .terms-body ul li,.src-ws .terms-body ol li{margin-bottom:.4rem;}
.src-ws .terms-body strong{color:var(--heading);}
.src-ws .info-box{background:color-mix(in srgb,var(--b-primary) 7%,transparent);border:1px solid color-mix(in srgb,var(--b-primary) 20%,transparent);border-radius:10px;padding:1rem 1.2rem;margin:1rem 0;}
.src-ws .info-box.warn{background:color-mix(in srgb,var(--b-primary) 5%,transparent);border-color:color-mix(in srgb,var(--b-primary) 15%,transparent);}
.src-ws .terms-table{width:100%;border-collapse:collapse;margin:.9rem 0;}
.src-ws .terms-table th{background:color-mix(in srgb,var(--b-primary) 10%,transparent);color:var(--heading);padding:.65rem .9rem;border:1px solid var(--border);font-size:.83rem;font-weight:700;}
.src-ws .terms-table td{padding:.6rem .9rem;border:1px solid var(--border);font-size:.83rem;color:var(--text);vertical-align:top;}
.src-ws .terms-table tr:nth-child(even) td{background:color-mix(in srgb,var(--b-surface) 40%,transparent);}
.src-ws .terms-table .hl{color:var(--primary);font-weight:700;}
.src-ws .feat-card:hover{transform:translateY(-5px);box-shadow:0 0 24px color-mix(in srgb,var(--b-primary) 25%,transparent);}
.src-ws .feat-card::before{content:'';position:absolute;top:-50px;right:-50px;width:140px;height:140px;border-radius:50%;background:color-mix(in srgb,var(--b-primary) 6%,transparent);}
.src-ws .feat-icon{width:56px;height:56px;border-radius:14px;background:color-mix(in srgb,var(--b-primary) 12%,transparent);border:1px solid color-mix(in srgb,var(--b-primary) 28%,transparent);display:flex;align-items:center;justify-content:center;margin-bottom:1rem;position:relative;}
.src-ws .feat-title{font-weight:800;color:var(--heading);font-size:1rem;margin-bottom:.5rem;}
.src-ws .cta-section::before{content:'';position:absolute;top:-60px;left:-60px;width:200px;height:200px;border-radius:50%;background:color-mix(in srgb,var(--b-primary) 5%,transparent);}
.src-ws .cta-section::after{content:'';position:absolute;bottom:-60px;right:-60px;width:200px;height:200px;border-radius:50%;background:color-mix(in srgb,var(--b-primary) 5%,transparent);}
.src-ws .reading-progress{position:fixed;top:0;left:0;height:3px;background:var(--primary);z-index:9999;transition:width .1s;box-shadow:0 0 8px color-mix(in srgb,var(--b-primary) 60%,transparent);}
@media(max-width:991px){.src-ws .toc-card{position:static;margin-bottom:2rem;}}
@media(max-width:768px){.src-ws .page-hero{padding:2.8rem 0 2.2rem;}.src-ws section{padding:2.5rem 0;}}