/* TSWG_LANDING_LEADING_INLINE_EXTRACTED_CSS */

/* Extracted from landing.php: <style id="tswg-live-slider-split-fix"> */
/* === TSWG LIVE SLIDER SPLIT FIX START === */

.dollar-bubbles,
.dollar-bubbles span{
  display:none !important;
}

/* desktop: text and image separated */
.slider-item,
.hero-slider-item,
.hero-swiper .swiper-slide,
.slider-slide,
.slider-card{
  position:relative !important;
  display:grid !important;
  grid-template-columns:minmax(320px, .95fr) minmax(420px, 1.15fr) !important;
  gap:22px !important;
  align-items:stretch !important;
  padding:22px !important;
  overflow:hidden !important;
  border-radius:28px !important;
  background:rgba(255,255,255,.14) !important;
  border:1px solid rgba(255,255,255,.34) !important;
  box-shadow:0 18px 46px rgba(0,0,0,.08) !important;
  backdrop-filter:blur(10px) !important;
  -webkit-backdrop-filter:blur(10px) !important;
}

.slider-media{
  grid-column:2 !important;
  position:relative !important;
  inset:auto !important;
  width:100% !important;
  height:100% !important;
  min-height:430px !important;
  overflow:hidden !important;
  border-radius:24px !important;
  background:transparent !important;
  z-index:1 !important;
}

.slider-media picture,
.slider-media img,
.slider-media video,
.slider-media .dynamic-bg{
  width:100% !important;
  height:100% !important;
  display:block !important;
  object-fit:cover !important;
  background-size:cover !important;
  background-position:center center !important;
  border-radius:inherit !important;
}

.slider-overlay:empty{
  display:none !important;
}

.slider-overlay{
  grid-column:1 !important;
  position:relative !important;
  inset:auto !important;
  min-height:100% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  padding:0 !important;
  background:transparent !important;
  z-index:2 !important;
}

.slider-content{
  grid-column:1 !important;
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  text-align:left !important;
}

.slider-overlay .slider-content,
.slider-content-inner{
  width:100% !important;
  max-width:100% !important;
  display:flex !important;
  flex-direction:column !important;
  gap:16px !important;
  padding:24px !important;
  border-radius:24px !important;
  background:rgba(255,255,255,.82) !important;
  border:1px solid rgba(255,255,255,.92) !important;
  box-shadow:0 16px 36px rgba(0,0,0,.08) !important;
  backdrop-filter:blur(8px) !important;
  -webkit-backdrop-filter:blur(8px) !important;
}

.slider-title{
  margin:0 !important;
  font-size:clamp(32px, 3.2vw, 54px) !important;
  line-height:1.05 !important;
  max-width:100% !important;
  color:#111827 !important;
  word-break:break-word !important;
  overflow-wrap:anywhere !important;
  text-shadow:none !important;
}

.slider-desc,
.slider-description{
  margin:0 !important;
  font-size:clamp(15px, 1.06vw, 18px) !important;
  line-height:1.7 !important;
  max-width:100% !important;
  color:#1f2937 !important;
  word-break:break-word !important;
  overflow-wrap:anywhere !important;
  text-shadow:none !important;
}

.slider-cta{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  align-self:flex-start !important;
  width:auto !important;
  max-width:100% !important;
  min-height:52px !important;
  padding:14px 20px !important;
  border-radius:16px !important;
  text-align:center !important;
  line-height:1.42 !important;
  white-space:normal !important;
  word-break:break-word !important;
  overflow-wrap:anywhere !important;
  box-shadow:0 8px 24px rgba(0,0,0,.12) !important;
}

@media (max-width: 768px){
  .slider-item,
  .hero-slider-item,
  .hero-swiper .swiper-slide,
  .slider-slide,
  .slider-card{
    grid-template-columns:1fr !important;
    gap:14px !important;
    padding:14px !important;
    border-radius:20px !important;
  }

  .slider-media{
    grid-column:1 !important;
    min-height:240px !important;
    height:240px !important;
    border-radius:18px !important;
  }

  .slider-overlay{
    grid-column:1 !important;
    min-height:auto !important;
  }

  .slider-content{
    grid-column:1 !important;
  }

  .slider-overlay .slider-content,
  .slider-content-inner{
    padding:18px !important;
    gap:14px !important;
    border-radius:20px !important;
  }

  .slider-title{
    font-size:clamp(24px, 5.8vw, 32px) !important;
    line-height:1.1 !important;
  }

  .slider-desc,
  .slider-description{
    font-size:14px !important;
    line-height:1.58 !important;
  }

  .slider-cta{
    width:100% !important;
    align-self:stretch !important;
    font-size:14px !important;
    padding:13px 16px !important;
  }
}

@media (max-width: 430px){
  .slider-item,
  .hero-slider-item,
  .hero-swiper .swiper-slide,
  .slider-slide,
  .slider-card{
    padding:12px !important;
    border-radius:18px !important;
  }

  .slider-media{
    min-height:210px !important;
    height:210px !important;
    border-radius:16px !important;
  }

  .slider-overlay .slider-content,
  .slider-content-inner{
    padding:15px !important;
    gap:12px !important;
    border-radius:16px !important;
  }

  .slider-title{
    font-size:clamp(20px, 6.5vw, 26px) !important;
  }

  .slider-desc,
  .slider-description{
    font-size:13px !important;
    line-height:1.5 !important;
  }

  .slider-cta{
    font-size:13px !important;
    line-height:1.38 !important;
  }
}
/* === TSWG LIVE SLIDER SPLIT FIX END === */


/* Extracted from landing.php: <style id="tswg-live-slider-clean-layout"> */
/* === TSWG LIVE SLIDER CLEAN LAYOUT START === */

/* remove noisy floating dollars */
.dollar-bubbles,
.dollar-bubbles span{
  display:none !important;
}

/* make each slide a two-column layout on desktop */
.slider-item,
.slider-slide,
.slider-card,
.hero-slider-item,
.hero-slide-item{
  position:relative !important;
  display:grid !important;
  grid-template-columns:minmax(0, 1.02fr) minmax(0, .98fr) !important;
  align-items:stretch !important;
  overflow:hidden !important;
  min-height:540px !important;
  border-radius:28px !important;
  background:linear-gradient(135deg,#0f172a 0%, #111827 100%) !important;
}

/* image lives on the right side */
.slider-media{
  position:relative !important;
  grid-column:2 !important;
  width:100% !important;
  min-height:540px !important;
  height:100% !important;
  overflow:hidden !important;
  border-radius:0 28px 28px 0 !important;
  z-index:1 !important;
}

.slider-media img,
.slider-media picture,
.slider-media video,
.slider-media .dynamic-bg{
  width:100% !important;
  height:100% !important;
  display:block !important;
  object-fit:cover !important;
  background-size:cover !important;
  background-position:center center !important;
}

/* optional visual tint, but no content overlay */
.slider-overlay{
  position:absolute !important;
  inset:0 !important;
  pointer-events:none !important;
  z-index:2 !important;
  background:
    linear-gradient(
      90deg,
      rgba(15,23,42,.96) 0%,
      rgba(15,23,42,.90) 34%,
      rgba(15,23,42,.54) 52%,
      rgba(15,23,42,.12) 68%,
      rgba(15,23,42,0) 82%
    ) !important;
}

/* content lives in its own left column */
.slider-content{
  position:relative !important;
  grid-column:1 !important;
  z-index:3 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  width:100% !important;
  max-width:100% !important;
  min-height:540px !important;
  padding:34px clamp(22px,4vw,52px) !important;
  text-align:left !important;
}

.slider-content-inner{
  width:min(100%, 560px) !important;
  max-width:560px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:center !important;
  gap:16px !important;
}

.slider-title{
  margin:0 !important;
  max-width:100% !important;
  font-size:clamp(30px, 3.3vw, 52px) !important;
  line-height:1.08 !important;
  word-break:break-word !important;
  overflow-wrap:anywhere !important;
}

.slider-description,
.slider-desc{
  margin:0 !important;
  max-width:100% !important;
  font-size:clamp(15px, 1.18vw, 18px) !important;
  line-height:1.68 !important;
  word-break:break-word !important;
  overflow-wrap:anywhere !important;
}

.slider-cta{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  align-self:flex-start !important;
  width:auto !important;
  max-width:100% !important;
  min-height:52px !important;
  padding:14px 20px !important;
  border-radius:16px !important;
  text-align:center !important;
  line-height:1.45 !important;
  white-space:normal !important;
  word-break:break-word !important;
  overflow-wrap:anywhere !important;
}

/* mobile: image top, content below — never on top of the image */
@media (max-width: 768px){
  .slider-item,
  .slider-slide,
  .slider-card,
  .hero-slider-item,
  .hero-slide-item{
    display:block !important;
    min-height:auto !important;
    border-radius:22px !important;
  }

  .slider-media{
    grid-column:auto !important;
    min-height:230px !important;
    height:230px !important;
    border-radius:22px 22px 0 0 !important;
  }

  .slider-overlay{
    background:
      linear-gradient(
        180deg,
        rgba(15,23,42,.10) 0%,
        rgba(15,23,42,.22) 100%
      ) !important;
  }

  .slider-content{
    grid-column:auto !important;
    min-height:auto !important;
    padding:16px !important;
    background:#0f172a !important;
    border-radius:0 0 22px 22px !important;
  }

  .slider-content-inner{
    width:100% !important;
    max-width:100% !important;
    gap:14px !important;
  }

  .slider-title{
    font-size:clamp(22px, 6vw, 30px) !important;
    line-height:1.14 !important;
  }

  .slider-description,
  .slider-desc{
    font-size:14px !important;
    line-height:1.58 !important;
  }

  .slider-cta{
    width:100% !important;
    align-self:stretch !important;
    padding:13px 16px !important;
    border-radius:15px !important;
    font-size:14px !important;
  }
}

@media (max-width: 430px){
  .slider-media{
    min-height:205px !important;
    height:205px !important;
  }

  .slider-content{
    padding:14px !important;
    border-radius:0 0 18px 18px !important;
  }

  .slider-title{
    font-size:clamp(20px, 6.4vw, 26px) !important;
  }

  .slider-description,
  .slider-desc{
    font-size:13px !important;
    line-height:1.52 !important;
  }

  .slider-cta{
    font-size:13px !important;
    line-height:1.40 !important;
  }
}
/* === TSWG LIVE SLIDER CLEAN LAYOUT END === */


/* Extracted from landing.php: <style id="tswg-mobile-username-visibility-fix"> */
@media (max-width: 768px){
  .landing_reg.flex_.tabing.input-prepend{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:8px !important;
    width:min(100%, 420px) !important;
    max-width:min(100%, 420px) !important;
    margin:10px auto 12px auto !important;
    padding:10px 12px !important;
    box-sizing:border-box !important;
    overflow:visible !important;
  }

  .landing_reg.flex_.tabing.input-prepend > *{
    min-width:0 !important;
    box-sizing:border-box !important;
  }

  /* keep the domain/prefix visible but not too greedy */
  .landing_reg.flex_.tabing.input-prepend > span:first-child,
  .landing_reg.flex_.tabing.input-prepend > div:first-child{
    flex:0 1 auto !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  /* force the username area to actually take space */
  .landing_reg.flex_.tabing.input-prepend .landing_uname_form,
  .landing_reg.flex_.tabing.input-prepend .landing_input,
  .landing_reg.flex_.tabing.input-prepend .username_field,
  .landing_reg.flex_.tabing.input-prepend input,
  .landing_reg.flex_.tabing.input-prepend input[type="text"]{
    flex:1 1 110px !important;
    width:100% !important;
    min-width:110px !important;
    max-width:none !important;
    display:block !important;
    overflow:visible !important;
  }

  .landing_reg.flex_.tabing.input-prepend input,
  .landing_reg.flex_.tabing.input-prepend input[type="text"]{
    color:#596080 !important;
    -webkit-text-fill-color:#596080 !important;
    background:transparent !important;
    opacity:1 !important;
    visibility:visible !important;
    font-size:16px !important;
    line-height:1.25 !important;
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
    box-shadow:none !important;
  }

  .landing_reg.flex_.tabing.input-prepend input::placeholder,
  .landing_reg.flex_.tabing.input-prepend input[type="text"]::placeholder{
    color:#8a91ab !important;
    -webkit-text-fill-color:#8a91ab !important;
    opacity:1 !important;
  }

  /* keep Claim button intact */
  .landing_reg.flex_.tabing.input-prepend .landing_form_btn,
  .landing_reg.flex_.tabing.input-prepend .claim,
  .landing_reg.flex_.tabing.input-prepend button,
  .landing_reg.flex_.tabing.input-prepend a{
    flex:0 0 auto !important;
    min-width:104px !important;
    white-space:nowrap !important;
  }
}

@media (max-width: 430px){
  .landing_reg.flex_.tabing.input-prepend{
    width:min(100%, calc(100vw - 24px)) !important;
    max-width:min(100%, calc(100vw - 24px)) !important;
    padding:10px 11px !important;
    gap:7px !important;
  }

  .landing_reg.flex_.tabing.input-prepend .landing_uname_form,
  .landing_reg.flex_.tabing.input-prepend .landing_input,
  .landing_reg.flex_.tabing.input-prepend .username_field,
  .landing_reg.flex_.tabing.input-prepend input,
  .landing_reg.flex_.tabing.input-prepend input[type="text"]{
    flex:1 1 90px !important;
    min-width:90px !important;
  }

  .landing_reg.flex_.tabing.input-prepend input,
  .landing_reg.flex_.tabing.input-prepend input[type="text"]{
    font-size:15px !important;
  }

  .landing_reg.flex_.tabing.input-prepend .landing_form_btn,
  .landing_reg.flex_.tabing.input-prepend .claim,
  .landing_reg.flex_.tabing.input-prepend button,
  .landing_reg.flex_.tabing.input-prepend a{
    min-width:96px !important;
  }
}


/* Extracted from landing.php: <style id="tswg-mobile-hero-badges-style"> */
.tswg-mobile-hero-badges{
  display:none;
}

@keyframes tswgMobileBadgeFloat{
  0%, 100% { transform:translateY(0) translateX(0); }
  25%      { transform:translateY(-1px) translateX(-1px); }
  50%      { transform:translateY(-4px) translateX(0); }
  75%      { transform:translateY(-1px) translateX(1px); }
}

@media (max-width: 768px){
  .landing_boxes_wrapper{
    display:none !important;
  }

  .tswg-mobile-hero-badges{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:8px !important;
    width:min(calc(100vw - 34px), 332px) !important;
    max-width:min(calc(100vw - 34px), 332px) !important;
    margin:8px auto 14px auto !important;
    padding:0 !important;
    box-sizing:border-box !important;
    position:relative !important;
    left:auto !important;
    right:auto !important;
    transform:none !important;
    z-index:80 !important;
    overflow:visible !important;
  }

  .tswg-mobile-hero-badge{
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:flex-start !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    min-height:52px !important;
    padding:10px 12px !important;
    border-radius:18px !important;
    box-sizing:border-box !important;
    background:rgba(255,255,255,.98) !important;
    border:2px solid #EC4899 !important;
    box-shadow:
      0 8px 18px rgba(236,72,153,.14),
      0 6px 16px rgba(0,0,0,.08) !important;
    text-align:left !important;
    line-height:1.30 !important;
    white-space:normal !important;
    animation:tswgMobileBadgeFloat 3.2s ease-in-out infinite !important;
  }

  .tswg-mobile-hero-badge:nth-child(2){ animation-delay:.15s !important; }
  .tswg-mobile-hero-badge:nth-child(3){ animation-delay:.30s !important; }
  .tswg-mobile-hero-badge:nth-child(4){ animation-delay:.45s !important; }

  .tswg-mobile-hero-badge svg{
    display:block !important;
    width:21px !important;
    min-width:21px !important;
    height:21px !important;
    flex-shrink:0 !important;
    margin-right:10px !important;
  }

  .tswg-mobile-hero-badge:nth-child(4) svg{
    width:29px !important;
    min-width:29px !important;
    height:29px !important;
    margin-right:10px !important;
  }

  .tswg-mobile-hero-badge svg,
  .tswg-mobile-hero-badge svg *{
    fill:#EC4899 !important;
    color:#EC4899 !important;
    stroke:#EC4899 !important;
  }

  .tswg-mobile-hero-badge span{
    display:block !important;
    flex:1 1 auto !important;
    color:#111111 !important;
    font-size:13px !important;
    font-weight:700 !important;
    line-height:1.30 !important;
    white-space:normal !important;
    word-break:break-word !important;
    overflow-wrap:anywhere !important;
  }
}

@media (max-width: 430px){
  .tswg-mobile-hero-badges{
    width:min(calc(100vw - 26px), 320px) !important;
    max-width:min(calc(100vw - 26px), 320px) !important;
    gap:8px !important;
  }

  .tswg-mobile-hero-badge{
    min-height:50px !important;
    padding:10px 11px !important;
    border-radius:17px !important;
  }

  .tswg-mobile-hero-badge svg{
    width:20px !important;
    min-width:20px !important;
    height:20px !important;
    margin-right:9px !important;
  }

  .tswg-mobile-hero-badge:nth-child(4) svg{
    width:27px !important;
    min-width:27px !important;
    height:27px !important;
  }

  .tswg-mobile-hero-badge span{
    font-size:12.8px !important;
    line-height:1.28 !important;
  }
}

  .tswg-mobile-hero-badge .tswg-live-stream-icon{
    width:30px !important;
    min-width:30px !important;
    height:30px !important;
    margin-right:10px !important;
    filter:drop-shadow(0 2px 6px rgba(236,72,153,.22)) !important;
  }

  .tswg-mobile-hero-badge .tswg-live-stream-icon *,
  .tswg-mobile-hero-badge .tswg-live-stream-icon{
    fill:#EC4899 !important;
    stroke:#EC4899 !important;
    color:#EC4899 !important;
  }

@media (max-width: 430px){
  .tswg-mobile-hero-badge .tswg-live-stream-icon{
    width:28px !important;
    min-width:28px !important;
    height:28px !important;
    margin-right:9px !important;
  }
}