/* boostwar_custom.css - BoostWar skin. Minified: comments/whitespace removed only; every rule, value and order unchanged. */
html.dark {
  background-color: #0c0c0d;
  color-scheme: dark
}
html.dark body {
  background-color: #0c0c0d
}
html.dark .bw-shell,
html.dark .bw-shell .bw-header,
html.dark .bw-shell .bw-side,
html.dark .bw-shell main,
html.dark .bwn-left,
html.dark .bwn-right {
  transition-property: color, border-color, box-shadow, transform, opacity !important
}
html.dark .bw-shell .bw-mode-opt {
  transition: color .35s ease, opacity .35s ease, box-shadow .35s ease
}
*,
*::before,
*::after {
  -webkit-tap-highlight-color: transparent
}
:root {
  --bw-primary: #ff6b00;
  --bw-primary-dark: #cc4d02;
  --bw-primary-deep: #a13c0b;
  --bw-gradient: linear-gradient(108.21deg, #ff6b00 8.2%, #cc4d02 53.43%, #a13c0b 99.2%);
  --bw-cream: #fff8ec;
  --bw-ink: #0a0a0a;
  --bw-text: #1a1a1a;
  --bw-muted: #737373;
  --bw-border: #e5e5e5;
  --bw-bg: #f5f5f5;
  --bw-radius: 12px;
  --bw-font: Inter, "Inter Fallback", -apple-system, "Segoe UI", system-ui, sans-serif;
  --bw-container: 1440px;
  --lp-brand: var(--bw-primary);
  --lp-on-brand: #fff;
  --lp-accent: var(--bw-primary-dark);
  --lp-brand-dark: var(--bw-primary-deep);
  --lp-paper: #fff;
  --lp-ink: var(--bw-ink);
  --lp-text: var(--bw-text);
  --lp-border: var(--bw-border);
  --lp-surface-2: var(--bw-cream);
  --lp-radius: 16px;
  --lp-font-body: var(--bw-font);
  --lp-font-display: var(--bw-font)
}
.lp-btn,
.lp-btn-lg {
  border-radius: var(--bw-radius);
  font-weight: 600;
  letter-spacing: 0
}
.lp-btn {
  padding: 13px 37px;
  font-size: 14px
}
.lp-btn-lg {
  padding: 15px 37px;
  font-size: 15px
}
.lp-btn-primary {
  background: var(--bw-gradient);
  color: #fff;
  box-shadow: none
}
.lp-btn-primary:hover {
  filter: none;
  transform: none;
  box-shadow: 0 10px 15px -3px rgba(253, 186, 116, .5), 0 4px 6px -4px rgba(253, 186, 116, .5)
}
.lp-btn-outline {
  background: transparent;
  border: 1px solid var(--bw-primary);
  color: var(--bw-primary)
}
.lp-btn-outline:hover {
  background: var(--bw-gradient);
  color: #fff;
  border-color: transparent
}
.lp-header {
  background: transparent;
  backdrop-filter: none;
  border-bottom: 1px solid transparent;
  box-shadow: none;
  color: var(--bw-text);
  transition: background .3s, box-shadow .3s, border-color .3s, backdrop-filter .3s
}
.lp-header.bw-scrolled {
  background: #fff;
  backdrop-filter: blur(12px);
  border-bottom-color: var(--bw-border);
  box-shadow: 0 2px 16px -6px rgba(0, 0, 0, .18)
}
.lp[data-hero-dark="1"] .lp-header,
.lp[data-page-dark="1"] .lp-header {
  color: var(--bw-text)
}
.lp-header .lp-wrap {
  max-width: 1200px;
  padding-inline: 16px
}
@media (min-width: 640px) {
  .lp-header .lp-wrap {
      padding-inline: 24px
  }
}
@media (min-width: 1024px) {
  .lp-header .lp-wrap {
      padding-inline: 32px
  }
}
.lp-headrow {
  height: 86px;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  column-gap: 24px
}
.lp-header .lp-brand {
  grid-column: 1;
  justify-self: start;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  text-decoration: none
}
.lp-header .lp-brand,
.lp-header .lp-brand-logo,
.lp-header .lp-brand-mark,
.lp-header .lp-brand-name,
.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .15s
}
.lp-header .lp-brand:hover {
  opacity: .88
}
.lp-header .lp-brand-name {
  font-weight: 700;
  color: var(--bw-text)
}
.lp-header .lp-brand-logo {
  height: 36px;
  width: auto;
  max-width: 196px;
  object-fit: contain
}
.lp-nav {
  grid-column: 2;
  display: flex;
  align-items: center;
  gap: 32px;
  font-size: 14px;
  font-weight: 600
}
.lp-nav a {
  position: relative;
  color: #1f2937;
  opacity: 1;
  padding: 6px 0;
  text-decoration: none;
  transition: color .2s
}
.lp-nav a::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -2px;
  height: 2px;
  border-radius: 2px;
  background: var(--bw-primary);
  transform: scaleX(0);
  transition: transform .25s
}
.lp-nav a:hover,
.lp-nav a.bw-active {
  color: var(--bw-primary)
}
.lp-nav a:hover::after,
.lp-nav a.bw-active::after {
  transform: scaleX(1)
}
.lp-headcta {
  grid-column: 3;
  justify-self: end;
  display: flex;
  align-items: center;
  gap: 16px
}
.lp .lp-headcta .bw-signin {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 46px;
  padding: 0 34px;
  border-radius: 10px;
  background: #fff;
  border: 1px solid var(--bw-primary);
  color: var(--bw-primary);
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  transition: background .2s, color .2s
}
.lp .lp-headcta .bw-signin:hover {
  background: var(--bw-gradient);
  border-color: transparent;
  color: #fff
}
.lp .lp-headcta .lp-btn-primary {
  height: 46px;
  padding: 0 34px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 14px
}
.bw-burger {
  display: none;
  width: 44px;
  height: 44px;
  padding: 0;
  flex: none;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 60;
  background: #FFF3EC;
  border: 1px solid rgba(217, 83, 30, .25);
  border-radius: 12px;
  color: #D9531E;
  transition: background .2s, border-color .2s
}
.bw-burger:hover,
.bw-burger[aria-expanded="true"] {
  background: #FFE8DA;
  border-color: #D9531E
}
.bw-burger svg {
  width: 22px;
  height: 22px
}
.bw-burger .bw-i-close,
.bw-burger[aria-expanded="true"] .bw-i-open {
  display: none
}
.bw-burger[aria-expanded="true"] .bw-i-close {
  display: block
}
.lp-header {
  position: sticky
}
.bw-menu {
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  z-index: 55;
  background: linear-gradient(180deg, #FFE3B8 0%, #FFF8EE 55%, #FFFDF9 100%);
  color: #1E293B;
  border-radius: 0 0 22px 22px;
  box-shadow: 0 18px 40px rgba(217, 83, 30, .18);
  padding: 0 16px;
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-8px);
  transition: max-height .35s ease, opacity .25s ease, transform .25s ease, padding .25s ease, visibility .25s
}
.bw-menu.bw-open {
  max-height: calc(100vh - 80px);
  opacity: 1;
  visibility: visible;
  transform: none;
  padding: 8px 16px 20px;
  overflow-y: auto
}
.bw-menu-nav {
  display: flex;
  flex-direction: column
}
.bw-menu-nav>div {
  border-bottom: 1px solid rgba(30, 41, 59, .08)
}
.bw-menu-item {
  display: flex;
  align-items: center;
  justify-content: space-between
}
.bw-menu-item>a {
  flex: 1;
  padding: 16px 2px;
  font-size: 16px;
  font-weight: 600;
  color: #1E293B;
  text-decoration: none;
  transition: color .2s
}
.bw-menu-item>a:hover,
.bw-menu-item>a.bw-active {
  color: #D9531E
}
.bw-plus {
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  border: 0;
  border-radius: 8px;
  background: #FFF3EC;
  color: #D9531E;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  cursor: pointer
}
.bw-menu-sub {
  max-height: 0;
  overflow: hidden;
  transition: max-height .3s ease
}
.bw-menu-sub a {
  display: block;
  margin-left: 8px;
  padding: 10px 12px;
  border-left: 2px solid rgba(217, 83, 30, .25);
  color: #475569;
  text-decoration: none;
  font-size: 15px
}
.bw-menu-sub a:hover {
  color: #D9531E
}
.bw-menu-cta {
  display: flex;
  gap: 12px;
  margin-top: 18px
}
.bw-menu-cta a {
  flex: 1;
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  font-weight: 700;
  font-size: 15px;
  text-decoration: none;
  transition: transform .15s
}
.bw-menu-cta a:active {
  transform: scale(.97)
}
.bw-menu-cta .bw-in {
  background: #fff;
  color: #D9531E;
  border: 1px solid rgba(217, 83, 30, .25)
}
.bw-menu-cta .bw-up {
  background: linear-gradient(135deg, #F08A4B, #D9531E);
  color: #fff;
  box-shadow: 0 8px 18px rgba(217, 83, 30, .3)
}
@media (max-width: 1023px) {
  .lp-nav {
      display: none
  }
  .lp-headcta {
      display: none
  }
  .bw-burger {
      display: inline-flex
  }
  .lp-headrow {
      height: 64px;
      display: flex;
      justify-content: space-between
  }
}
.lp-footer {
  background: radial-gradient(120% 90% at 100% 0%, rgba(255, 107, 0, .28) 0%, rgba(255, 107, 0, 0) 55%), linear-gradient(160deg, #1a1a1a 0%, #0a0a0a 55%, #2a1206 100%);
  color: #fff;
  border-top-left-radius: 40px;
  border-top-right-radius: 40px;
  padding-top: 40px;
  margin-top: 0
}
@media (min-width: 768px) {
  .lp-footer {
      padding-top: 80px
  }
}
.lp-footcols {
  max-width: var(--bw-container);
  display: grid;
  gap: 32px;
  padding: 0 16px;
  grid-template-columns: 1fr
}
@media (min-width: 640px) {
  .lp-footcols {
      grid-template-columns: repeat(2, 1fr);
      padding-inline: 24px
  }
}
@media (min-width: 1024px) {
  .lp-footcols {
      grid-template-columns: 1.4fr repeat(4, 1fr);
      gap: 24px;
      padding-inline: 32px
  }
}
.lp-foot-about {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.65;
  max-width: 320px
}
.lp-foot-h {
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: none;
  margin-bottom: 24px
}
@media (min-width: 768px) {
  .lp-foot-h {
      font-size: 20px
  }
}
.lp-footnav {
  gap: 12px;
  font-size: 14px
}
.lp-footnav a {
  color: #fff;
  font-weight: 700;
  position: relative;
  width: fit-content
}
.lp-footnav a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  height: 2px;
  width: 0;
  background: #fff;
  transition: width .3s
}
.lp-footnav a:hover {
  color: #fff
}
.lp-footnav a:hover::after {
  width: 100%
}
.lp-footbar {
  max-width: var(--bw-container);
  border-top: 1px solid rgba(255, 255, 255, .14);
  color: #fff;
  padding-inline: 16px
}
@media (min-width: 1024px) {
  .lp-footbar {
      padding-inline: 32px
  }
}
.lp-footer .lp-brand-logo {
  filter: brightness(0) invert(1);
  height: 40px
}
.lp-footer .lp-brand-name {
  color: #fff
}
body {
  font-family: var(--bw-font)
}
header.sticky.top-0 {
  background: rgba(255, 255, 255, .92) !important;
  border-bottom: 1px solid var(--bw-border) !important
}
header.sticky .rf-topnav-item:hover {
  color: var(--bw-primary)
}
header.sticky .rf-btn-primary {
  background: var(--bw-gradient);
  border-color: transparent;
  color: #fff;
  border-radius: var(--bw-radius)
}
header.sticky .rf-btn-secondary {
  background: transparent;
  border: 1px solid var(--bw-primary);
  color: var(--bw-primary);
  border-radius: var(--bw-radius)
}
header.sticky .rf-btn-secondary:hover {
  background: var(--bw-gradient);
  color: #fff
}
@font-face {
  font-family: "Inter";
  src: url("/fonts/Inter.var.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap
}
body.lp {
  min-height: 100vh;
  min-height: 100svh;
  font-family: var(--bw-font);
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -0.4px;
  background: var(--bw-bg);
  color: var(--bw-ink)
}
.lp-header {
  position: fixed;
  left: 0;
  right: 0;
  top: 0
}
.bw-container {
  max-width: var(--bw-container);
  margin: 0 auto;
  padding-inline: 16px
}
@media (min-width: 640px) {
  .bw-container {
      padding-inline: 24px
  }
}
@media (min-width: 1024px) {
  .bw-container {
      padding-inline: 32px
  }
}
.bw-grad-text {
  background: linear-gradient(90deg, #d87f16, #ff6b00 50%, #82330c);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent
}
.bw-hero {
  position: relative;
  overflow: hidden;
  padding: 120px 0 56px;
  background: #fff url("/uploads/home_hero_bg.svg") center top / cover no-repeat
}
@media (min-width: 1024px) {
  .bw-hero {
      padding: 150px 0 88px
  }
}
.bw-hero-grid {
  display: grid;
  gap: 32px;
  align-items: center;
  grid-template-columns: minmax(0, 1fr)
}
@media (min-width: 1024px) {
  .bw-hero-grid {
      grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
      gap: 48px
  }
}
.bw-hero-copy {
  text-align: left
}
.bw-h1 {
  margin: 0;
  font-weight: 600;
  line-height: 1.3
}
.bw-h1-a {
  display: block;
  font-size: 30px;
  background: linear-gradient(90deg, #d87f16, #ff6b00 50%, #82330c);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent
}
.bw-h1-b {
  display: block;
  font-size: 24px;
  color: #000;
  margin-top: 4px
}
@media (min-width: 768px) {
  .bw-h1-a {
      font-size: 36px
  }
  .bw-h1-b {
      font-size: 26px
  }
}
.bw-lead {
  margin: 16px 0 0;
  max-width: 36rem;
  font-size: 14px;
  line-height: 1.7;
  font-weight: 500;
  color: var(--bw-secondary, #424242)
}
@media (min-width: 768px) {
  .bw-lead {
      font-size: 16px
  }
}
.bw-checks {
  list-style: none;
  margin: 20px 0 0;
  padding: 0;
  display: flex;
  flex-flow: row wrap;
  gap: 10px 16px
}
.bw-checks li {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 600;
  color: #000
}
@media (min-width: 768px) {
  .bw-checks li {
      font-size: 16px
  }
}
.bw-checks img {
  width: 22px;
  height: 22px;
  flex: none
}
.bw-hero-cta {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 24px
}
.bw-hero-cta .lp-btn {
  height: 48px;
  padding: 0 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap
}
.bw-hero-art {
  display: flex;
  justify-content: center
}
.bw-hero-art img {
  width: 100%;
  max-width: 664px;
  height: auto;
  display: block;
  object-fit: contain
}
.bw-stats {
  position: relative;
  padding-block: 48px;
  background: var(--bw-bg);
  color: var(--bw-ink)
}
.bw-stats-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  justify-content: center;
  gap: 16px
}
.bw-stat-card {
  box-sizing: border-box;
  width: 100%;
  max-width: 326px;
  min-width: 0;
  height: 206px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  border: 1px solid var(--bw-border);
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 4px 14px rgba(0, 0, 0, .07);
  text-align: center
}
.bw-stat-image {
  display: block;
  width: 56px;
  height: 56px;
  flex: none;
  object-fit: contain
}
.bw-stat-value {
  margin: 0;
  color: var(--bw-ink);
  font-size: clamp(17px, 5vw, 22px);
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: -0.4px
}
.bw-stat-label {
  margin: 0;
  color: var(--bw-primary-deep);
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  letter-spacing: -0.4px
}
@media (min-width: 768px) {
  .bw-stats {
      padding-block: 80px
  }
  .bw-stats-grid {
      grid-template-columns: repeat(2, minmax(0, 326px));
      gap: 24px
  }
  .bw-stat-card {
      height: 274px;
      padding: 24px
  }
  .bw-stat-image {
      width: 72px;
      height: 72px
  }
  .bw-stat-value {
      font-size: 24px
  }
}
@media (min-width: 1120px) {
  .bw-stats-grid {
      grid-template-columns: repeat(3, minmax(0, 326px))
  }
}
@media (min-width: 1440px) {
  .bw-hero {
      min-height: 881px;
      display: flex;
      align-items: center;
      padding-block: 0
  }
  .bw-hero>.bw-container {
      width: 100%
  }
  .bw-hero-grid {
      min-height: 657.594px;
      grid-template-columns: minmax(0, 1fr) 664px;
      gap: 48px
  }
  .bw-hero-art {
      width: 664px;
      max-width: 100%
  }
  .bw-hero-art img {
      width: 664px;
      height: 657px;
      max-width: 100%
  }
  .bw-stats-grid {
      grid-template-columns: repeat(4, minmax(0, 326px))
  }
}
.bw-sec {
  position: relative;
  overflow: hidden;
  padding: 64px 0
}
@media (min-width: 1024px) {
  .bw-sec {
      padding: 96px 0
  }
}
.bw-sec-cream {
  background: var(--bw-cream)
}
.bw-sec-why {
  background: #fff url("/uploads/why_choose_us_bg.svg") center / cover no-repeat
}
.bw-sec-who {
  background: #fff
}
.bw-head {
  text-align: center;
  max-width: 52rem;
  margin: 0 auto 40px;
  position: relative;
  z-index: 1
}
.bw-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 16px;
  border-radius: 999px;
  background: #fff;
  border: 1px solid rgba(255, 107, 0, .25);
  color: var(--bw-primary);
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 16px
}
.bw-badge img {
  width: 20px;
  height: 20px
}
.bw-h2 {
  margin: 0;
  font-size: 24px;
  line-height: 1.3;
  font-weight: 600;
  color: #000
}
@media (min-width: 768px) {
  .bw-h2 {
      font-size: 30px
  }
}
.bw-sub {
  margin: 12px auto 0;
  font-size: 14px;
  line-height: 1.7;
  color: #424242;
  font-weight: 500
}
@media (min-width: 768px) {
  .bw-sub {
      font-size: 16px
  }
}
.bw-grid {
  display: grid;
  gap: 20px;
  grid-template-columns: minmax(0, 1fr);
  position: relative;
  z-index: 1
}
@media (min-width: 640px) {
  .bw-grid-4,
  .bw-grid-3 {
      grid-template-columns: repeat(2, minmax(0, 1fr))
  }
}
@media (min-width: 1024px) {
  .bw-grid-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 24px
  }
  .bw-grid-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 24px
  }
}
.bw-card {
  background: #fff;
  border: 1px solid #f1e3d0;
  border-radius: 20px;
  padding: 28px 24px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .05)
}
.bw-card h3 {
  margin: 16px 0 10px;
  font-size: 18px;
  line-height: 1.35;
  font-weight: 700;
  color: #000
}
@media (min-width: 768px) {
  .bw-card h3 {
      font-size: 20px
  }
}
.bw-card p {
  margin: 0;
  font-size: 14px;
  line-height: 1.7;
  color: #424242;
  font-weight: 500
}
.bw-step {
  text-align: center
}
.bw-step img {
  width: 88px;
  height: 88px;
  object-fit: contain;
  margin: 0 auto;
  display: block
}
.bw-why img {
  width: 56px;
  height: 56px;
  object-fit: contain;
  display: block
}
.bw-ico {
  width: 52px;
  height: 52px;
  border-radius: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--bw-gradient);
  color: #fff
}
.bw-ico svg {
  width: 26px;
  height: 26px
}
.bw-fx {
  position: absolute;
  pointer-events: none;
  height: auto;
  z-index: 0
}
.bw-fx-top {
  top: 0;
  right: 0;
  width: clamp(120px, 22vw, 320px)
}
.bw-fx-bottom {
  bottom: 0;
  left: 0;
  width: clamp(100px, 16vw, 240px)
}
@media (max-width: 767px) {
  .bw-fx {
      opacity: .5
  }
}
.lp-eyebrow {
  color: var(--bw-primary)
}
.lp-section-alt {
  background: var(--bw-cream)
}
.lp-card {
  border-radius: 20px
}
.lp-h2 {
  color: #000;
  font-weight: 600
}
.lp h1,
.lp h2,
.lp h3 {
  font-weight: 600;
  letter-spacing: -0.02em
}
.lp .bw-card h3 {
  font-weight: 700
}
.lp .bw-h1-b {
  font-weight: 600
}
.lp .lp-btn-primary,
.lp .lp-btn-primary:hover {
  color: #fff;
  text-decoration: none
}
.lp .lp-btn-outline {
  color: var(--bw-primary);
  text-decoration: none
}
.lp .lp-btn-outline:hover {
  color: #fff
}
html {
  scroll-behavior: smooth
}
@media (prefers-reduced-motion: reduce) {
  html {
      scroll-behavior: auto
  }
}
.bw-hero,
.bw-sec,
.bw-services,
.bw-cta-sec,
#networks,
#testimonials,
#faq,
#site-subscribe {
  scroll-margin-top: 86px
}
@media (max-width: 1023px) {
  .bw-hero,
  .bw-sec,
  .bw-services,
  .bw-cta-sec,
  #networks,
  #testimonials,
  #faq,
  #site-subscribe {
      scroll-margin-top: 64px
  }
}
.lp-header .lp-wrap {
  max-width: var(--bw-container)
}
.bw-services {
  background: #fff
}
.bw-svc-hero {
  position: relative;
  background: #fff8ec url("/uploads/service-detailHero.0nrh1ntgd0hp1.svg") center / cover no-repeat
}
.bw-svc-hero-in {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 20px;
  padding-block: 72px
}
@media (min-width: 1024px) {
  .bw-svc-hero-in {
      padding-block: 120px
  }
}
.bw-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 24px;
  border-radius: 999px;
  background: #fff0d3;
  color: var(--bw-primary);
  font-size: 14px;
  font-weight: 500;
  border: 1px solid rgba(255, 107, 0, .55)
}
@media (min-width: 768px) {
  .bw-pill {
      font-size: 16px
  }
}
.bw-h1s {
  margin: 0;
  font-size: 24px;
  line-height: 1.25;
  font-weight: 600;
  color: #000
}
@media (min-width: 768px) {
  .bw-h1s {
      font-size: 30px
  }
}
.bw-svc-lead {
  margin: 0;
  max-width: 56rem;
  font-size: 14px;
  line-height: 1.7;
  font-weight: 500;
  color: #424242
}
@media (min-width: 768px) {
  .bw-svc-lead {
      font-size: 16px
  }
}
.bw-svc-lead a {
  color: var(--bw-primary);
  text-decoration: underline
}
.bw-svc-body {
  padding-block: 40px 0
}
@media (min-width: 768px) {
  .bw-svc-body {
      padding-block: 70px 0
  }
}
.bw-svc-grid {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 24px;
  margin-top: 0;
  min-width: 0
}
@media (min-width: 768px) {
  .bw-svc-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr))
  }
}
@media (min-width: 1100px) {
  .bw-svc-grid {
      grid-template-columns: repeat(3, minmax(0, 1fr))
  }
}
@media (min-width: 1100px) {
  .bw-svc-grid::before,
  .bw-svc-grid::after {
      content: "";
      position: absolute;
      pointer-events: none;
      z-index: 0
  }
  .bw-svc-grid::before {
      left: calc(33.333% - 12px);
      right: calc(33.333% - 12px);
      top: calc(50% - 12px);
      height: 1px;
      background: linear-gradient(90deg, transparent, var(--bw-primary) 18%, transparent 30%, transparent 70%, var(--bw-primary) 82%, transparent)
  }
  .bw-svc-grid::after {
      top: 20%;
      bottom: 20%;
      left: calc(33.333% - 12px);
      width: calc(33.333% + 0px);
      border-inline: 1px solid rgba(255, 107, 0, .0);
      background: linear-gradient(180deg, transparent, var(--bw-primary), transparent) left / 1px 100% no-repeat, linear-gradient(180deg, transparent, var(--bw-primary), transparent) right / 1px 100% no-repeat
  }
}
.bw-svc-cell {
  position: relative;
  z-index: 1;
  height: 100%
}
.bw-svc-card {
  box-sizing: border-box;
  min-width: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 32px 24px;
  background: #fff;
  border: 1px solid #f0f0f0;
  border-radius: 24px;
  box-shadow: 0 4px 25px rgba(0, 0, 0, .06);
  overflow: hidden;
  cursor: pointer;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
  outline: none
}
.bw-svc-card:hover,
.bw-svc-card:focus-visible,
.bw-svc-card.is-active {
  transform: translateY(-4px);
  box-shadow: 0 14px 34px rgba(255, 107, 0, .16);
  border-color: rgba(255, 107, 0, .35)
}
.bw-svc-card:active {
  transform: translateY(-1px) scale(.99)
}
.bw-glow-blue {
  background: radial-gradient(70% 60% at 50% -5%, #64b4ff66 0%, #fff 70%)
}
.bw-glow-pink {
  background: radial-gradient(70% 60% at 50% -5%, #f064b466 0%, #fff 70%)
}
.bw-glow-sky {
  background: radial-gradient(70% 60% at 50% -5%, #50c8f066 0%, #fff 70%)
}
.bw-glow-dark {
  background: radial-gradient(70% 60% at 50% -5%, #5050504d 0%, #fff 70%)
}
.bw-glow-red {
  background: radial-gradient(70% 60% at 50% -5%, #ff3c3c4d 0%, #fff 70%)
}
.bw-glow-black {
  background: radial-gradient(70% 60% at 50% -5%, #2828284d 0%, #fff 70%)
}
.bw-svc-ico {
  width: 96px;
  height: 96px;
  object-fit: contain;
  margin-bottom: 20px;
  filter: drop-shadow(0 4px 6px rgba(0, 0, 0, .15))
}
.lp .bw-svc-card h3 {
  max-width: 100%;
  margin: 0;
  font-size: 20px;
  line-height: 1.3;
  font-weight: 600;
  color: #1a1a1a;
  white-space: normal;
  overflow-wrap: anywhere;
  letter-spacing: -0.01em
}
@media (min-width: 1024px) {
  .lp .bw-svc-card h3 {
      font-size: 24px
  }
}
.bw-svc-card p {
  margin: 8px 0 0;
  font-size: 14px;
  line-height: 1.6;
  font-weight: 500;
  color: #535353
}
@media (min-width: 768px) {
  .bw-svc-card p {
      font-size: 16px
  }
}
.lp .bw-svc-btn {
  margin-top: 24px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 28px;
  border-radius: 12px;
  background: var(--bw-gradient);
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none
}
.lp .bw-svc-btn:hover {
  color: #fff;
  box-shadow: 0 10px 15px -3px rgba(253, 186, 116, .5), 0 4px 6px -4px rgba(253, 186, 116, .5)
}
@media (min-width: 768px) {
  .lp .bw-svc-btn {
      padding-inline: 37px
  }
}
.bw-platform {
  padding-bottom: 72px
}
.bw-tabs-scroll {
  max-width: 100%;
  min-width: 0;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scroll-snap-type: x proximity;
  scrollbar-width: none;
  padding-bottom: 16px;
  margin-bottom: 8px;
  position: relative;
  z-index: 1
}
.bw-tabs-scroll::-webkit-scrollbar {
  display: none
}
.bw-tabs {
  display: flex;
  flex-wrap: nowrap;
  gap: 12px;
  width: max-content;
  margin: 0 auto;
  padding-inline: 16px
}
@media (min-width: 768px) {
  .bw-tabs {
      gap: 16px
  }
}
@media (min-width: 1024px) {
  .bw-tabs {
      display: grid;
      grid-template-columns: repeat(6, minmax(0, 1fr));
      width: 100%;
      padding-inline: 0
  }
}
.bw-tab {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 140px;
  padding: 12px 24px;
  border-radius: 12px;
  border: 1px solid var(--bw-primary);
  background: #fff;
  color: #374151;
  flex: 0 0 auto;
  scroll-snap-align: start;
  font-family: inherit;
  font-size: 16px;
  font-weight: 500;
  white-space: nowrap;
  cursor: pointer;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .06)
}
@media (min-width: 640px) {
  .bw-tab {
      min-width: 160px
  }
}
@media (min-width: 1024px) {
  .bw-tab {
      min-width: 0;
      padding-inline: 16px
  }
}
.bw-tab img {
  width: 32px;
  height: 32px;
  object-fit: contain;
  border-radius: 8px
}
.bw-tab:hover {
  background: #fff7ed;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1)
}
.bw-tab.is-active {
  background: var(--bw-gradient);
  color: #fff;
  border-color: transparent
}
.bw-tab.is-active:hover {
  background: var(--bw-gradient)
}
.bw-tab:focus-visible {
  outline: 2px solid var(--bw-primary-dark);
  outline-offset: 2px
}
.bw-panel {
  display: none;
  position: relative;
  z-index: 1;
  margin-top: 24px
}
.bw-panel.is-active {
  display: block;
  animation: bwFade .3s ease
}
@keyframes bwFade {
  from {
      opacity: 0;
      transform: translateY(8px)
  }
  to {
      opacity: 1;
      transform: none
  }
}
.bw-types {
  display: grid;
  gap: 16px;
  grid-template-columns: minmax(0, 1fr);
  min-width: 0
}
@media (min-width: 768px) {
  .bw-types {
      grid-template-columns: repeat(2, minmax(0, 1fr))
  }
}
@media (min-width: 1100px) {
  .bw-types {
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 20px
  }
}
.lp .bw-type {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
  padding: 18px 20px;
  background: #fff;
  border: 1px solid #f1e3d0;
  border-radius: 16px;
  font-size: 16px;
  font-weight: 600;
  color: #111;
  text-decoration: none;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .05)
}
.lp .bw-type:hover {
  border-color: var(--bw-primary);
  box-shadow: 0 8px 20px rgba(255, 107, 0, .14);
  transform: translateY(-2px)
}
.bw-type img {
  width: 22px;
  height: 22px;
  flex: none
}
.bw-panel-cta {
  display: flex;
  justify-content: center;
  margin-top: 28px
}
.bw-panel-cta .lp-btn {
  height: 48px;
  display: inline-flex;
  align-items: center
}
.bw-sec-pay {
  background: #fff url("/uploads/pay-the-way-bangladesh-pays-bkash-nagad-rocket-and-more-bg.10z8jcf9rh54o.svg") center / cover no-repeat
}
.bw-pay-art {
  position: relative;
  z-index: 1;
  max-width: 1100px;
  margin: 0 auto;
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 10px 40px rgba(255, 107, 0, .15);
  background: #fff
}
.bw-pay-art img {
  display: block;
  width: 100%;
  height: auto
}
.bw-cta-sec {
  background: #fff;
  padding: 64px 0 56px
}
@media (min-width: 1024px) {
  .bw-cta-sec {
      padding: 150px 0 100px
  }
}
.bw-cta-box {
  position: relative;
  background: #fff8ec;
  border-radius: 20px;
  padding: 24px 24px 0;
  overflow: visible
}
@media (min-width: 640px) {
  .bw-cta-box {
      padding: 40px 40px 0
  }
}
@media (min-width: 1024px) {
  .bw-cta-box {
      padding: 100px;
      padding-bottom: 40px
  }
}
.bw-cta-map {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: .3;
  pointer-events: none
}
.bw-cta-map img {
  max-width: 100%;
  height: auto;
  width: 601px
}
.bw-cta-copy {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: flex-start
}
@media (min-width: 1024px) {
  .bw-cta-copy {
      max-width: 580px
  }
}
.lp .bw-cta-h {
  margin: 0;
  font-size: 24px;
  line-height: 1.5;
  font-weight: 600;
  color: #000
}
@media (min-width: 768px) {
  .lp .bw-cta-h {
      font-size: 30px
  }
}
.bw-cta-h2 {
  display: block
}
.bw-cta-p {
  font-size: 14px;
  line-height: 1.5;
  font-weight: 500;
  color: #424242
}
@media (min-width: 768px) {
  .bw-cta-p {
      font-size: 16px
  }
}
.bw-cta-p p {
  margin: 0 0 4px
}
.bw-cta-btns {
  display: flex;
  flex-wrap: wrap;
  gap: 16px
}
.bw-cta-btns .lp-btn {
  height: 46px;
  padding: 0 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center
}
.bw-cta-woman {
  display: block;
  position: relative;
  z-index: 1;
  width: auto;
  max-width: 78%;
  height: 300px;
  margin: 8px auto 0;
  object-fit: contain;
  object-position: bottom
}
@media (min-width: 1024px) {
  .bw-cta-woman {
      position: absolute;
      right: 6%;
      bottom: 0;
      margin: 0;
      max-width: none;
      height: calc(100% + 96px)
  }
}
.bw-tab img {
  border-radius: 8px
}
.lp[data-hero-dark="1"] .lp-header:not(.bw-scrolled),
.lp[data-page-dark="1"] .lp-header:not(.bw-scrolled) {
  background: transparent;
  border-bottom-color: transparent;
  color: var(--bw-text)
}
.lp[data-hero-dark="1"] .lp-header.bw-scrolled,
.lp[data-page-dark="1"] .lp-header.bw-scrolled {
  background: #fff;
  border-bottom-color: var(--bw-border);
  color: var(--bw-text)
}
html:has(.rf-auth-card form[action*="register"]) {
  background: #fff;
  color-scheme: light
}
html:has(.rf-auth-card form[action*="register"]) body {
  min-height: 100vh;
  min-height: 100svh;
  background: #fff !important;
  color: #1a1a1a
}
html:has(.rf-auth-card form[action*="register"]) body>.flex.min-h-screen {
  display: flex;
  flex-direction: row-reverse;
  align-items: stretch;
  min-height: 100vh;
  min-height: 100svh;
  background: #fff
}
html:has(.rf-auth-card form[action*="register"]) .rf-auth-brand {
  position: relative;
  display: flex !important;
  flex: 0 0 50%;
  width: 50%;
  min-height: 100vh;
  min-height: 100svh;
  padding: 42px;
  background: linear-gradient(145deg, rgba(255, 120, 10, .22), rgba(161, 60, 11, .18)), #d45508 url("/uploads/plf0slc8m2cwplg8.png") center / cover no-repeat
}
html:has(.rf-auth-card form[action*="register"]) .rf-auth-brand::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: url("/uploads/g6ohql5wfd4kaogc.png") center 58% / auto 84% no-repeat
}
html:has(.rf-auth-card form[action*="register"]) .rf-auth-brand::after,
html:has(.rf-auth-card form[action*="register"]) .rf-auth-blobs,
html:has(.rf-auth-card form[action*="register"]) .rf-auth-brand>.max-w-md,
html:has(.rf-auth-card form[action*="register"]) .rf-auth-brand>p {
  display: none !important
}
html:has(.rf-auth-card form[action*="register"]) .rf-auth-brand>a {
  position: relative;
  z-index: 2;
  align-self: flex-start
}
html:has(.rf-auth-card form[action*="register"]) body>.flex.min-h-screen>.flex.w-full {
  flex: 0 0 50%;
  width: 50% !important;
  min-width: 0;
  padding: 48px clamp(28px, 6vw, 88px) !important;
  background: #fff
}
html:has(.rf-auth-card form[action*="register"]) .rf-auth-card {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none
}
html:has(.rf-auth-card form[action*="register"]) .rf-auth-card::before {
  content: "★★★★★   Excellent   4.7/5";
  order: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 18px;
  color: #3d342f;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: .01em
}
html:has(.rf-auth-card form[action*="register"]) .rf-auth-card>.mb-6 {
  order: 1;
  margin: 0 0 20px !important;
  text-align: center
}
html:has(.rf-auth-card form[action*="register"]) .rf-auth-title {
  color: #161616;
  font-size: clamp(28px, 3vw, 36px);
  font-weight: 650;
  letter-spacing: -.035em;
  line-height: 1.18
}
html:has(.rf-auth-card form[action*="register"]) .rf-auth-sub {
  margin-top: 8px;
  color: #737373;
  font-size: 14px
}
html:has(.rf-auth-card form[action*="register"]) .rf-auth-card>.rf-alert {
  order: 2;
  margin: 0 0 14px !important
}
html:has(.rf-auth-card form[action*="register"]) .rf-auth-foot {
  order: 2;
  display: flex;
  align-items: center;
  gap: 4px;
  margin: 2px 0 22px !important;
  padding: 4px;
  border: 1.5px solid #a13c0b;
  border-radius: 16px;
  background: var(--bw-gradient);
  color: transparent;
  font-size: 0;
  text-align: center
}
html:has(.rf-auth-card form[action*="register"]) .rf-auth-foot::before {
  content: "Sign Up";
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  border-radius: 11px;
  background: #fff;
  color: #c55211;
  font-size: 15px;
  font-weight: 600
}
html:has(.rf-auth-card form[action*="register"]) .rf-auth-foot .rf-auth-link {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  border-radius: 11px;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
  text-transform: capitalize
}
html:has(.rf-auth-card form[action*="register"]) .rf-auth-foot .rf-auth-link:hover {
  background: rgba(255, 255, 255, .12)
}
html:has(.rf-auth-card form[action*="register"]) .rf-auth-card form {
  order: 3;
  display: grid;
  gap: 15px;
  width: 100%
}
html:has(.rf-auth-card form[action*="register"]) .rf-auth-card form.space-y-4> :not([hidden])~ :not([hidden]) {
  margin-top: 0
}
html:has(.rf-auth-card form[action*="register"]) .rf-auth-card form .rf-label {
  display: block;
  margin: 0 0 8px;
  color: #342d29;
  font-size: 14px;
  font-weight: 550
}
html:has(.rf-auth-card form[action*="register"]) .rf-auth-card form .rf-input {
  box-sizing: border-box;
  width: 100%;
  height: 60px;
  padding: 0 16px 0 48px !important;
  border: 1px solid #e5e5e5;
  border-radius: 16px;
  background-color: #f5f5f5 !important;
  background-repeat: no-repeat;
  background-position: 16px center;
  background-size: 20px 20px;
  color: #1a1a1a !important;
  font-size: 15px;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, .02)
}
html:has(.rf-auth-card form[action*="register"]) .rf-auth-card form .rf-input::placeholder {
  color: #a0a0a0;
  opacity: 1
}
html:has(.rf-auth-card form[action*="register"]) .rf-auth-card form .rf-input:focus {
  border-color: #e86a18;
  outline: 0;
  box-shadow: 0 0 0 3px rgba(255, 107, 0, .14)
}
html:has(.rf-auth-card form[action*="register"]) .rf-auth-card form input[name="name"] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23786f69' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M5 21v-2a7 7 0 0 1 14 0v2z'/%3E%3C/svg%3E")
}
html:has(.rf-auth-card form[action*="register"]) .rf-auth-card form input[name="email"] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23786f69' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m3 7 9 6 9-6'/%3E%3C/svg%3E")
}
html:has(.rf-auth-card form[action*="register"]) .rf-auth-card form input[name="whatsapp"] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23786f69' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.4 19.4 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7l.4 2.8a2 2 0 0 1-.6 1.7L7.6 9.5a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 1.7-.6l2.8.4a2 2 0 0 1 1.6 1.9z'/%3E%3C/svg%3E")
}
html:has(.rf-auth-card form[action*="register"]) .rf-auth-card form input[name="password"],
html:has(.rf-auth-card form[action*="register"]) .rf-auth-card form input[name="password_confirmation"] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23786f69' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='10' width='16' height='11' rx='2'/%3E%3Cpath d='M8 10V7a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E")
}
html:has(.rf-auth-card form[action*="register"]) .rf-auth-card form button.absolute {
  color: #817872 !important
}
html:has(.rf-auth-card form[action*="register"]) .rf-auth-card form .rf-btn-primary {
  min-height: 58px;
  margin-top: 2px;
  border: 0;
  border-radius: 14px;
  background: var(--bw-gradient);
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  box-shadow: 0 8px 18px rgba(204, 77, 2, .2);
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease
}
html:has(.rf-auth-card form[action*="register"]) .rf-auth-card form .rf-btn-primary:hover {
  filter: brightness(1.04);
  transform: translateY(-1px);
  box-shadow: 0 11px 22px rgba(204, 77, 2, .24)
}
html:has(.rf-auth-card form[action*="register"]) .rf-auth-card>.rf-social {
  order: 4;
  margin: 16px 0 0
}
html:has(.rf-auth-card form[action*="register"]) .rf-social-divider {
  display: none
}
html:has(.rf-auth-card form[action*="register"]) .rf-social-btn {
  min-height: 56px;
  border: 1px solid #ececf0;
  border-radius: 14px;
  background: #f4f5f8;
  color: #272727;
  font-size: 15px;
  font-weight: 550
}
html:has(.rf-auth-card form[action*="register"]) .rf-social-btn:hover {
  border-color: #e6b08e;
  background: #fff8f2
}
@media (max-width: 1023px) {
  html:has(.rf-auth-card form[action*="register"]) body>.flex.min-h-screen {
      flex-direction: column
  }
  html:has(.rf-auth-card form[action*="register"]) .rf-auth-brand {
      flex: 0 0 264px;
      width: 100%;
      min-height: 264px;
      padding: 22px 24px;
      border-radius: 0 0 28px 28px
  }
  html:has(.rf-auth-card form[action*="register"]) .rf-auth-brand::before {
      background-image: url("/uploads/6y2es284z2hif4zq.jpg");
      background-position: center;
      background-size: cover
  }
  html:has(.rf-auth-card form[action*="register"]) body>.flex.min-h-screen>.flex.w-full {
      flex: 1 0 auto;
      width: 100% !important;
      padding: 24px clamp(20px, 6vw, 48px) 36px !important
  }
  html:has(.rf-auth-card form[action*="register"]) .rf-auth-brand>a img {
      height: 30px !important;
      max-width: 150px !important
  }
  html:has(.rf-auth-card form[action*="register"]) body>.flex.min-h-screen>.flex.w-full>a.mb-7 {
      display: none !important
  }
}
@media (max-width: 480px) {
  html:has(.rf-auth-card form[action*="register"]) .rf-auth-brand {
      flex-basis: 238px;
      min-height: 238px
  }
  html:has(.rf-auth-card form[action*="register"]) .rf-auth-brand::before {
      background-size: cover
  }
  html:has(.rf-auth-card form[action*="register"]) body>.flex.min-h-screen>.flex.w-full {
      padding: 22px 20px 32px !important
  }
  html:has(.rf-auth-card form[action*="register"]) .rf-auth-card::before {
      margin-bottom: 14px;
      font-size: 13px
  }
  html:has(.rf-auth-card form[action*="register"]) .rf-auth-card form {
      gap: 13px
  }
  html:has(.rf-auth-card form[action*="register"]) .rf-auth-card form .rf-input {
      height: 58px;
      border-radius: 14px
  }
}
@media (min-width: 1024px) {
  html:has(.rf-auth-card form[action*="register"]) .rf-auth-card form {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      column-gap: 16px
  }
  html:has(.rf-auth-card form[action*="register"]) .rf-auth-card form>div:has(.rf-label) {
      min-width: 0
  }
  html:has(.rf-auth-card form[action*="register"]) .rf-auth-card form>div:has(input[name="whatsapp"]),
  html:has(.rf-auth-card form[action*="register"]) .rf-auth-card form>div:has([data-rf-recaptcha-v3]),
  html:has(.rf-auth-card form[action*="register"]) .rf-auth-card form>div:has(.g-recaptcha),
  html:has(.rf-auth-card form[action*="register"]) .rf-auth-card form>.rf-hint,
  html:has(.rf-auth-card form[action*="register"]) .rf-auth-card form>button {
      grid-column: 1 / -1
  }
}
html:has(.rf-auth-card form[action*="login"]) {
  background: #fff;
  color-scheme: light
}
html:has(.rf-auth-card form[action*="login"]) body {
  min-height: 100vh;
  min-height: 100svh;
  background: #fff !important;
  color: #1a1a1a
}
html:has(.rf-auth-card form[action*="login"]) body>.flex.min-h-screen {
  display: flex;
  flex-direction: row-reverse;
  align-items: stretch;
  min-height: 100vh;
  min-height: 100svh;
  background: #fff
}
html:has(.rf-auth-card form[action*="login"]) .rf-auth-brand {
  position: relative;
  display: flex !important;
  flex: 0 0 50%;
  width: 50%;
  min-height: 100vh;
  min-height: 100svh;
  padding: 42px;
  background: linear-gradient(145deg, rgba(255, 120, 10, .22), rgba(161, 60, 11, .18)), #d45508 url("/uploads/plf0slc8m2cwplg8.png") center / cover no-repeat
}
html:has(.rf-auth-card form[action*="login"]) .rf-auth-brand::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: url("/uploads/g6ohql5wfd4kaogc.png") center 58% / auto 84% no-repeat
}
html:has(.rf-auth-card form[action*="login"]) .rf-auth-brand::after,
html:has(.rf-auth-card form[action*="login"]) .rf-auth-blobs,
html:has(.rf-auth-card form[action*="login"]) .rf-auth-brand>.max-w-md,
html:has(.rf-auth-card form[action*="login"]) .rf-auth-brand>p {
  display: none !important
}
html:has(.rf-auth-card form[action*="login"]) .rf-auth-brand>a {
  position: relative;
  z-index: 2;
  align-self: flex-start
}
html:has(.rf-auth-card form[action*="login"]) .rf-auth-brand>a>span {
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important
}
html:has(.rf-auth-card form[action*="login"]) body>.flex.min-h-screen>.flex.w-full {
  flex: 0 0 50%;
  width: 50% !important;
  min-width: 0;
  padding: 48px clamp(28px, 6vw, 88px) !important;
  background: #fff
}
html:has(.rf-auth-card form[action*="login"]) .rf-auth-card {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none
}
html:has(.rf-auth-card form[action*="login"]) .rf-auth-card::before {
  content: "★★★★★   Excellent   4.7/5";
  order: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 18px;
  color: #3d342f;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: .01em
}
html:has(.rf-auth-card form[action*="login"]) .rf-auth-card>.mb-6 {
  order: 1;
  margin: 0 0 20px !important;
  text-align: center
}
html:has(.rf-auth-card form[action*="login"]) .rf-auth-title {
  color: #161616;
  font-size: clamp(28px, 3vw, 36px);
  font-weight: 650;
  letter-spacing: -.035em;
  line-height: 1.18
}
html:has(.rf-auth-card form[action*="login"]) .rf-auth-sub {
  margin-top: 8px;
  color: #737373;
  font-size: 14px
}
html:has(.rf-auth-card form[action*="login"]) .rf-auth-card>.rf-alert {
  order: 2;
  margin: 0 0 14px !important
}
html:has(.rf-auth-card form[action*="login"]) .rf-auth-foot {
  order: 2;
  display: flex;
  align-items: center;
  gap: 4px;
  margin: 2px 0 22px !important;
  padding: 4px;
  border: 1.5px solid #a13c0b;
  border-radius: 16px;
  background: var(--bw-gradient);
  color: transparent;
  font-size: 0;
  text-align: center
}
html:has(.rf-auth-card form[action*="login"]) .rf-auth-foot::before {
  content: "Sign In";
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  border-radius: 11px;
  background: #fff;
  color: #c55211;
  font-size: 15px;
  font-weight: 600
}
html:has(.rf-auth-card form[action*="login"]) .rf-auth-foot .rf-auth-link {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  border-radius: 11px;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
  text-transform: capitalize
}
html:has(.rf-auth-card form[action*="login"]) .rf-auth-foot .rf-auth-link:hover {
  background: rgba(255, 255, 255, .12)
}
html:has(.rf-auth-card form[action*="login"]) .rf-auth-card form {
  order: 3;
  display: grid;
  gap: 15px;
  width: 100%
}
html:has(.rf-auth-card form[action*="login"]) .rf-auth-card form.space-y-4> :not([hidden])~ :not([hidden]) {
  margin-top: 0
}
html:has(.rf-auth-card form[action*="login"]) .rf-auth-card form .rf-label {
  display: block;
  margin: 0 0 8px;
  color: #342d29;
  font-size: 14px;
  font-weight: 550
}
html:has(.rf-auth-card form[action*="login"]) .rf-auth-card form .rf-input {
  box-sizing: border-box;
  width: 100%;
  height: 60px;
  padding: 0 48px 0 48px !important;
  border: 1px solid #e5e5e5;
  border-radius: 16px;
  background-color: #f5f5f5 !important;
  background-repeat: no-repeat;
  background-position: 16px center;
  background-size: 20px 20px;
  color: #1a1a1a !important;
  font-size: 15px;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, .02)
}
html:has(.rf-auth-card form[action*="login"]) .rf-auth-card form .rf-input::placeholder {
  color: #a0a0a0;
  opacity: 1
}
html:has(.rf-auth-card form[action*="login"]) .rf-auth-card form .rf-input:focus {
  border-color: #e86a18;
  outline: 0;
  box-shadow: 0 0 0 3px rgba(255, 107, 0, .14)
}
html:has(.rf-auth-card form[action*="login"]) .rf-auth-card form input[name="email"] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23786f69' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m3 7 9 6 9-6'/%3E%3C/svg%3E")
}
html:has(.rf-auth-card form[action*="login"]) .rf-auth-card form input[name="password"] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23786f69' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='10' width='16' height='11' rx='2'/%3E%3Cpath d='M8 10V7a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E")
}
html:has(.rf-auth-card form[action*="login"]) .rf-auth-card form button.absolute {
  color: #817872 !important
}
html:has(.rf-auth-card form[action*="login"]) .rf-auth-card form .rf-auth-link {
  color: #c55211
}
html:has(.rf-auth-card form[action*="login"]) .rf-auth-card form .rf-btn-primary {
  min-height: 58px;
  margin-top: 2px;
  border: 0;
  border-radius: 14px;
  background: var(--bw-gradient);
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  box-shadow: 0 8px 18px rgba(204, 77, 2, .2);
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease
}
html:has(.rf-auth-card form[action*="login"]) .rf-auth-card form .rf-btn-primary:hover {
  filter: brightness(1.04);
  transform: translateY(-1px);
  box-shadow: 0 11px 22px rgba(204, 77, 2, .24)
}
html:has(.rf-auth-card form[action*="login"]) .rf-auth-card>.rf-social {
  order: 4;
  margin: 16px 0 0
}
html:has(.rf-auth-card form[action*="login"]) .rf-social-divider {
  display: none
}
html:has(.rf-auth-card form[action*="login"]) .rf-social-btn {
  min-height: 56px;
  border: 1px solid #ececf0;
  border-radius: 14px;
  background: #f4f5f8;
  color: #272727;
  font-size: 15px;
  font-weight: 550
}
html:has(.rf-auth-card form[action*="login"]) .rf-social-btn:hover {
  border-color: #e6b08e;
  background: #fff8f2
}
html:has(.rf-auth-card form[action*="login"]) .rf-auth-card>div[style*="border-top"] {
  order: 5;
  width: 100%
}
@media (max-width: 1023px) {
  html:has(.rf-auth-card form[action*="login"]) body>.flex.min-h-screen {
      flex-direction: column
  }
  html:has(.rf-auth-card form[action*="login"]) .rf-auth-brand {
      flex: 0 0 264px;
      width: 100%;
      min-height: 264px;
      padding: 22px 24px;
      border-radius: 0 0 28px 28px
  }
  html:has(.rf-auth-card form[action*="login"]) .rf-auth-brand::before {
      background-image: url("/uploads/6y2es284z2hif4zq.jpg");
      background-position: center;
      background-size: cover
  }
  html:has(.rf-auth-card form[action*="login"]) body>.flex.min-h-screen>.flex.w-full {
      flex: 1 0 auto;
      width: 100% !important;
      padding: 24px clamp(20px, 6vw, 48px) 36px !important
  }
  html:has(.rf-auth-card form[action*="login"]) .rf-auth-brand>a img {
      height: 30px !important;
      max-width: 150px !important
  }
  html:has(.rf-auth-card form[action*="login"]) body>.flex.min-h-screen>.flex.w-full>a.mb-7 {
      display: none !important
  }
}
@media (max-width: 480px) {
  html:has(.rf-auth-card form[action*="login"]) .rf-auth-brand {
      flex-basis: 238px;
      min-height: 238px
  }
  html:has(.rf-auth-card form[action*="login"]) body>.flex.min-h-screen>.flex.w-full {
      padding: 22px 20px 32px !important
  }
  html:has(.rf-auth-card form[action*="login"]) .rf-auth-card::before {
      margin-bottom: 14px;
      font-size: 13px
  }
  html:has(.rf-auth-card form[action*="login"]) .rf-auth-card form {
      gap: 13px
  }
  html:has(.rf-auth-card form[action*="login"]) .rf-auth-card form .rf-input {
      height: 58px;
      border-radius: 14px
  }
}
html:has(.rf-auth-card form[action*="register"]) .rf-auth-card,
html:has(.rf-auth-card form[action*="login"]) .rf-auth-card {
  min-height: 720px
}
html:has(.rf-auth-card form[action*="register"]) .rf-auth-brand::before,
html:has(.rf-auth-card form[action*="login"]) .rf-auth-brand::before {
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  background-position: center bottom
}
.bwa .bwa-form-wrap {
  min-height: 720px
}
.bwa .bwa-star {
  animation-name: bw-auth-star-bounce;
  animation-duration: 2.8s;
  animation-timing-function: cubic-bezier(.35, .05, .2, 1);
  animation-iteration-count: infinite
}
.bwa .bwa-star:nth-child(2) {
  animation-delay: .16s
}
.bwa .bwa-star:nth-child(3) {
  animation-delay: .32s
}
.bwa .bwa-star:nth-child(4) {
  animation-delay: .48s
}
.bwa .bwa-star:nth-child(5) {
  animation-delay: .64s
}
@keyframes bw-auth-star-bounce {
  0%,
  100% {
      transform: translateY(0) scale(1)
  }
  18% {
      transform: translateY(0) scale(1)
  }
  30% {
      transform: translateY(-6px) scale(1.06)
  }
  42% {
      transform: translateY(0) scale(.98)
  }
  54% {
      transform: translateY(-3px) scale(1.03)
  }
  66% {
      transform: translateY(0) scale(1)
  }
}
.bwa .bwa-hero-img {
  bottom: 0 !important
}
@media (max-width: 1023px) {
  html:has(.rf-auth-card form[action*="register"]) .rf-auth-card,
  html:has(.rf-auth-card form[action*="login"]) .rf-auth-card,
  .bwa .bwa-form-wrap {
      min-height: 820px
  }
}
.bw-shell {
  --rf-sidebar-w: 284px;
  font-family: var(--bw-font)
}
.bw-shell .rf-imp-main {
  background: var(--color-bg)
}
.bw-shell .bw-side {
  padding: 0 0 14px
}
.bw-brand {
  height: 90px
}
.bw-brand-logo {
  max-height: 46px;
  max-width: 190px;
  width: auto;
  object-fit: contain;
  display: block;
  margin: 0 auto
}
.bw-nav {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0 12px 8px;
  display: flex;
  flex-direction: column
}
.bw-nav::-webkit-scrollbar {
  width: 4px
}
.bw-nav::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, .18);
  border-radius: 4px
}
.bw-usercard {
  width: 259px;
  max-width: 100%;
  height: 167px;
  flex: 0 0 167px;
  margin: 0 auto 12px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 10px;
  border-radius: 14px;
  background: rgba(255, 255, 255, .07);
  border: 1px solid rgba(255, 255, 255, .12)
}
.bw-usercard-avatar {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--bw-gradient);
  color: #fff;
  font-weight: 700;
  font-size: 24px;
  box-shadow: 0 0 0 3px rgba(255, 107, 0, .55)
}
.bw-usercard-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover
}
.bw-usercard-name {
  font-size: 15px;
  line-height: 20px;
  font-weight: 700;
  color: var(--bw-primary);
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.bw-usercard-bal {
  display: inline-flex;
  align-items: center;
  gap: 8px
}
.bw-usercard-amount {
  display: inline-flex;
  align-items: center;
  height: 26px;
  padding: 0 12px;
  border-radius: 999px;
  background: var(--bw-gradient);
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap
}
.bw-usercard-plus {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #22c55e;
  color: #fff;
  font-size: 15px;
  font-weight: 800;
  line-height: 1;
  text-decoration: none
}
.bw-player {
  width: 259px;
  max-width: 100%;
  height: 76px;
  flex: 0 0 76px;
  margin: 0 auto 14px;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: 38px 1fr;
  grid-template-rows: 1fr 1fr;
  column-gap: 10px;
  align-items: center;
  padding: 8px 12px;
  border-radius: 14px;
  background: rgba(255, 255, 255, .07);
  border: 1px solid rgba(255, 255, 255, .12)
}
.bw-player-disc {
  grid-row: 1 / 3;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--bw-gradient);
  color: #fff
}
.bw-player.is-playing .bw-player-disc {
  animation: bw-spin 3s linear infinite
}
@keyframes bw-spin {
  to {
      transform: rotate(360deg)
  }
}
.bw-player-ctl {
  display: flex;
  align-items: center;
  gap: 6px
}
.bw-player-ctl button {
  width: 26px;
  height: 26px;
  border: none;
  border-radius: 50%;
  background: transparent;
  color: inherit;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center
}
.bw-player-ctl button:hover {
  background: rgba(255, 255, 255, .12)
}
.bw-player-ctl .bw-player-play {
  background: var(--bw-primary);
  color: #fff;
  width: 30px;
  height: 30px
}
.bw-player-vol {
  display: flex;
  align-items: center;
  gap: 6px
}
.bw-player-vol input[type=range] {
  flex: 1;
  min-width: 0;
  height: 4px;
  accent-color: var(--bw-primary);
  cursor: pointer
}
.bw-player-empty {
  opacity: .6
}
.bw-group {
  margin-bottom: 10px;
  flex: 0 0 auto
}
.bw-group-head {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 36px;
  padding: 0 14px;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  font-family: var(--bw-font);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
  background: rgba(255, 255, 255, .12);
  color: #fff
}
.bw-group-fixed .bw-group-head {
  cursor: default;
  background: var(--bw-gradient)
}
.bw-chev {
  transition: transform .18s
}
.bw-chev-open {
  transform: rotate(90deg)
}
.bw-group-body {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 8px 0 2px 8px
}
.bw-item {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  height: 36px;
  padding: 0 12px;
  border-radius: 8px;
  font-family: var(--bw-font);
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  color: rgba(255, 255, 255, .85);
  transition: background-color .15s, color .15s
}
.bw-item:hover {
  background: rgba(255, 255, 255, .10);
  color: #fff
}
.bw-item-ico {
  flex: 0 0 16px
}
.bw-item-label {
  flex: 1;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}
.bw-item-active,
.bw-item-active:hover {
  background: rgba(255, 255, 255, .18);
  color: #fff
}
.bw-item-badge {
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--bw-primary);
  color: #fff;
  font-size: 10.5px;
  font-weight: 800
}
.bw-item-soon {
  opacity: .55;
  cursor: default
}
.bw-item-badge-soon {
  background: rgba(255, 255, 255, .18);
  font-weight: 600;
  font-size: 10px
}
.bw-logout-form {
  flex: 0 0 auto;
  margin: 0;
  padding: 10px 14px 0
}
.bw-logout {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 6px 4px;
  border: none;
  background: transparent;
  cursor: pointer;
  color: var(--bw-primary);
  font-family: var(--bw-font);
  font-size: 13px;
  font-weight: 600
}
.bw-logout-ico {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid var(--bw-primary);
  background: rgba(255, 107, 0, .12)
}
.bw-logout-txt {
  text-decoration: underline;
  text-underline-offset: 3px
}
.bw-logout:hover .bw-logout-ico {
  background: var(--bw-primary);
  color: #fff
}
.bw-shell .bw-header {
  flex: 0 0 auto;
  height: 90px;
  width: 100%;
  box-sizing: border-box;
  border-radius: 0;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 0 24px;
  background: #FFFFFF;
  color: #212529;
  border-bottom: 1px solid #e5e7eb;
  font-family: Inter, "Inter Fallback", -apple-system, "Segoe UI", system-ui, sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: normal
}
.bw-header>* {
  flex-shrink: 0
}
.bw-spacer {
  flex: 1 1 auto;
  min-width: 0;
  flex-shrink: 1 !important
}
.bw-toggle {
  width: 38px;
  height: 38px;
  align-items: center;
  justify-content: center;
  display: inline-flex;
  border: 1px solid var(--bw-primary);
  border-radius: 8px;
  background: transparent;
  color: var(--bw-primary);
  cursor: pointer
}
.bw-toggle-ico {
  transition: transform .2s
}
.bw-collapsed .bw-toggle-ico {
  transform: rotate(180deg)
}
.bw-pagebox {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 40px;
  padding: 0 14px;
  border-radius: 10px;
  border: 1px solid rgba(255, 107, 0, .45);
  color: var(--bw-primary);
  white-space: nowrap
}
.bw-cal {
  display: none;
  align-items: center;
  gap: 8px;
  height: 40px;
  padding: 0 14px;
  border-radius: 10px;
  border: 1px solid rgba(255, 107, 0, .45);
  white-space: nowrap;
  color: inherit
}
.bw-cal i,
.bw-cal svg {
  color: var(--bw-primary)
}
.bw-tg {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: none;
  align-items: center;
  justify-content: center;
  border: 2px solid var(--bw-primary);
  background: rgba(255, 107, 0, .10);
  cursor: pointer
}
.bw-tg img {
  width: 22px;
  height: 22px;
  object-fit: contain;
  display: block
}
.bw-install {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 2px solid var(--bw-primary);
  background: var(--bw-gradient);
  color: #fff;
  cursor: pointer;
  align-items: center;
  justify-content: center
}
.bw-install:not([hidden]) {
  display: inline-flex
}
.bw-mode {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  height: 40px;
  padding: 4px;
  border-radius: 999px;
  border: 1px solid rgba(255, 107, 0, .45);
  background: transparent;
  cursor: pointer;
  color: inherit
}
.bw-mode-opt {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  opacity: .55
}
.bw-mode-opt.is-on {
  background: var(--bw-gradient);
  color: #fff;
  opacity: 1
}
.bw-cur,
.bw-user {
  position: relative
}
.bw-card-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 40px;
  padding: 0 12px;
  border-radius: 10px;
  border: 1px solid rgba(255, 107, 0, .45);
  background: transparent;
  color: inherit;
  cursor: pointer;
  font: inherit;
  white-space: nowrap
}
.bw-cur {
  display: none
}
.bw-cur-flag {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--bw-gradient);
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  line-height: 1
}
.bw-card-user {
  background: var(--bw-gradient);
  color: #fff;
  border-color: transparent;
  padding-left: 6px;
  border-radius: 999px
}
.bw-user-av {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, .35);
  font-size: 13px;
  font-weight: 700
}
.bw-user-av img {
  width: 100%;
  height: 100%;
  object-fit: cover
}
.bw-user-name {
  display: none;
  max-width: 140px;
  overflow: hidden;
  text-overflow: ellipsis
}
.bw-menu {
  position: absolute;
  top: calc(100% + 8px);
  inset-inline-end: 0;
  z-index: 60;
  min-width: 170px;
  padding: 6px;
  border-radius: 12px;
  background: #fff;
  color: #212529;
  border: 1px solid #e5e7eb;
  box-shadow: 0 12px 32px rgba(0, 0, 0, .18);
  font-size: 14px;
  line-height: 20px
}
.bw-menu-user {
  min-width: 220px
}
.bw-menu-head {
  display: flex;
  flex-direction: column;
  padding: 8px 10px 10px;
  border-bottom: 1px solid #eee;
  margin-bottom: 4px
}
.bw-menu-head small {
  color: #6b7280
}
.bw-menu-item {
  display: block;
  width: 100%;
  text-align: start;
  padding: 8px 10px;
  border: none;
  border-radius: 8px;
  background: transparent;
  color: inherit;
  cursor: pointer;
  text-decoration: none;
  font: inherit
}
.bw-menu-item:hover {
  background: rgba(255, 107, 0, .10)
}
.bw-menu-item.is-on {
  color: var(--bw-primary);
  font-weight: 600
}
.bw-menu-sep {
  height: 1px;
  background: #eee;
  margin: 4px 0
}
@media (min-width: 640px) {
  .bw-cur {
      display: block
  }
}
@media (min-width: 768px) {
  .bw-cal {
      display: inline-flex
  }
  .bw-user-name {
      display: inline
  }
}
@media (min-width: 1024px) {
  .bw-tg {
      display: inline-flex
  }
  .bw-install {
      display: none !important
  }
}
@media (max-width: 639px) {
  .bw-shell .bw-header {
      padding: 0 12px;
      gap: 8px;
      height: 72px
  }
  .bw-pagebox {
      padding: 0 10px
  }
  .bw-mode-opt {
      width: 28px;
      height: 28px
  }
}
.dark .bw-shell {
  background: #0c0c0d
}
.dark .bw-shell .bw-side {
  background: linear-gradient(180deg, #151515 0%, #151515 58%, #2c140a 100%);
  border-inline-end: 1px solid rgba(255, 255, 255, .06)
}
.dark .bw-shell .bw-side::before {
  display: none
}
.dark .bw-shell .bw-usercard,
.dark .bw-shell .bw-player {
  background: linear-gradient(180deg, #1d1d1d 0%, #2a1509 100%);
  border: 1px solid rgba(255, 107, 0, .35)
}
.dark .bw-shell .bw-group-head {
  background: #3a1c0a;
  color: var(--bw-primary)
}
.dark .bw-shell .bw-group-fixed .bw-group-head {
  background: var(--bw-gradient);
  color: #fff
}
.dark .bw-shell button.bw-group-head:hover {
  background: #4a230b
}
.dark .bw-shell .bw-group-body {
  margin-top: 6px;
  padding: 8px 6px;
  border-radius: 8px;
  background: rgba(255, 255, 255, .03);
  border-inline-start: 2px solid rgba(255, 107, 0, .35)
}
.dark .bw-shell .bw-item {
  color: #d4d4d4
}
.dark .bw-shell .bw-item .bw-item-ico {
  color: var(--bw-primary-dark)
}
.dark .bw-shell .bw-item:hover {
  background: rgba(255, 107, 0, .08);
  color: #fff
}
.dark .bw-shell .bw-item:hover .bw-item-ico {
  color: var(--bw-primary)
}
.dark .bw-shell .bw-item-active,
.dark .bw-shell .bw-item-active:hover {
  background: rgba(255, 107, 0, .12);
  color: var(--bw-primary);
  font-weight: 700
}
.dark .bw-shell .bw-item-active .bw-item-ico {
  color: var(--bw-primary)
}
.dark .bw-shell .bw-item-active::before {
  content: '';
  position: absolute;
  inset-block: 8px;
  inset-inline-start: 0;
  width: 3px;
  border-radius: 0 3px 3px 0;
  background: var(--bw-primary)
}
.dark .bw-shell .bw-header {
  background: linear-gradient(90deg, #130f0c 0%, #2a1409 55%, #4a1f08 100%);
  color: #f5f5f5;
  border-bottom: 1px solid rgba(255, 107, 0, .55)
}
.dark .bw-shell .bw-card-btn:not(.bw-card-user),
.dark .bw-shell .bw-pagebox,
.dark .bw-shell .bw-cal,
.dark .bw-shell .bw-mode {
  background: rgba(255, 255, 255, .06)
}
.dark .bw-shell .bw-menu {
  background: #1b1b1c;
  color: #e5e5e5;
  border-color: rgba(255, 107, 0, .35)
}
.dark .bw-shell .bw-menu-head {
  border-color: rgba(255, 255, 255, .08)
}
.dark .bw-shell .bw-menu-head small {
  color: #a3a3a3
}
.dark .bw-shell .bw-menu-sep {
  background: rgba(255, 255, 255, .08)
}
@media (min-width: 1024px) {
  .bw-shell .bw-side {
      transition: width .2s, flex-basis .2s
  }
  .bw-shell.bw-collapsed {
      --rf-sidebar-w: 76px
  }
  .bw-collapsed .bw-side .bw-item-label,
  .bw-collapsed .bw-side .bw-usercard,
  .bw-collapsed .bw-side .bw-player,
  .bw-collapsed .bw-side .bw-group-head span,
  .bw-collapsed .bw-side .bw-group-head i,
  .bw-collapsed .bw-side .bw-item-badge,
  .bw-collapsed .bw-side .bw-logout-txt,
  .bw-collapsed .bw-side .bw-brand-logo {
      display: none
  }
  .bw-collapsed .bw-side .bw-nav {
      padding-inline: 8px
  }
  .bw-collapsed .bw-side .bw-item {
      justify-content: center;
      padding: 0
  }
  .bw-collapsed .bw-side .bw-group-head {
      height: 6px;
      padding: 0
  }
  .bw-collapsed .bw-side .bw-group-body {
      padding: 8px 0 2px;
      border-inline-start: none
  }
  .bw-collapsed .bw-side .bw-logout-form {
      padding-inline: 0;
      display: flex;
      justify-content: center
  }
  .bw-collapsed .bw-side .bw-logout {
      width: auto
  }
}
.bw-shell .bw-header {
  position: relative;
  z-index: 50
}
.bw-toggle-collapse {
  display: none
}
.bw-toggle-menu {
  display: inline-flex
}
@media (min-width: 1024px) {
  .bw-toggle-menu {
      display: none
  }
  .bw-toggle-collapse {
      display: inline-flex
  }
}
@media (min-width: 768px) and (max-width: 899px) {
  .bw-cal {
      display: none
  }
}
.bw-pagebox span {
  max-width: 40vw;
  overflow: hidden;
  text-overflow: ellipsis
}
.bw-menu {
  z-index: 9999;
  min-width: 190px;
  padding: 0;
  overflow: hidden;
  border-radius: 10px;
  background: #0e0e0f;
  color: #f1f1f1;
  border: 1px solid rgba(255, 107, 0, .45);
  box-shadow: 0 14px 34px rgba(0, 0, 0, .55);
  font-size: 13px;
  line-height: 20px
}
.lp .bw-menu {
  top: 100%;
  background: linear-gradient(180deg, rgba(255, 227, 184, 0) 0, #FFE3B8 56px, #FFF8EE 55%, #FFFDF9 100%);
  border-top: 0;
  border-radius: 0 0 10px 10px;
  clip-path: inset(0 -60px -80px -60px)
}
.lp .lp-header.bw-scrolled .bw-menu {
  background: linear-gradient(180deg, #fff 0, #FFF8EE 55%, #FFFDF9 100%)
}
.bw-menu-user {
  min-width: 200px
}
.bw-menu form {
  margin: 0
}
.bw-menu-item {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  height: 38px;
  padding: 0 14px;
  border-radius: 0;
  border-bottom: 1px solid rgba(255, 255, 255, .12);
  color: #f1f1f1;
  font-weight: 600
}
.bw-menu-item i,
.bw-menu-item svg {
  color: var(--bw-primary);
  flex: 0 0 14px
}
.bw-menu-item:hover {
  background: rgba(255, 107, 0, .16)
}
.bw-menu-item.is-on {
  color: var(--bw-primary)
}
.bw-menu-logout {
  border-bottom: none;
  background: linear-gradient(90deg, #8a9a00, #5f6a00);
  color: #fff
}
.bw-menu-logout i,
.bw-menu-logout svg {
  color: #fff
}
.bw-menu-logout:hover {
  background: linear-gradient(90deg, #9aab00, #6b7700)
}
.bw-group-main .bw-group-head {
  cursor: pointer;
  background: var(--bw-gradient);
  color: #fff
}
.bw-chev-closed {
  transform: rotate(-90deg)
}
.dark .bw-shell .bw-group-head {
  background: rgba(161, 60, 11, .65);
  color: #fff
}
.dark .bw-shell button.bw-group-head:hover {
  background: rgba(204, 77, 2, .7)
}
.dark .bw-shell .bw-group-main .bw-group-head {
  background: var(--bw-gradient);
  color: #fff
}
.dark .bw-shell .bw-group-body {
  background: rgba(120, 48, 12, .22)
}
.dark .bw-shell .bw-usercard {
  background: linear-gradient(180deg, #3b2f27 0%, #2d2019 100%);
  border: 1px solid rgba(255, 107, 0, .5)
}
.dark .bw-shell .bw-player {
  background: #2b2724;
  border: 1px solid rgba(255, 255, 255, .08)
}
.bw-usercard-avatar {
  background: #1a1a1a
}
.bw-usercard-avatar img,
.bw-user-av img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 20%;
  display: block
}
.bw-user-av {
  background: #1a1a1a
}
.bw-player {
  grid-template-columns: 46px 1fr
}
.bw-player-disc {
  width: 46px;
  height: 46px;
  background: none;
  overflow: hidden;
  padding: 0;
  box-shadow: 0 0 0 2px rgba(255, 107, 0, .6)
}
.bw-player-disc img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
  display: block;
  animation: bw-spin 6s linear infinite
}
.bw-player.is-playing .bw-player-disc {
  animation: none
}
.bw-usercard,
.bw-player {
  width: 100%;
  max-width: 259px
}
@media (max-width: 1023px) {
  .bw-shell .rf-imp-side {
      width: min(284px, 86vw)
  }
  .bw-nav {
      padding-bottom: 12px
  }
}
@media (max-height: 760px) {
  .bw-usercard {
      height: 140px;
      flex-basis: 140px;
      gap: 5px
  }
  .bw-usercard-avatar {
      width: 54px;
      height: 54px
  }
  .bw-brand {
      height: 70px
  }
}
@media (max-width: 380px) {
  .bw-shell .bw-header {
      gap: 6px;
      padding: 0 8px
  }
  .bw-mode-opt {
      width: 26px;
      height: 26px
  }
  .bw-toggle,
  .bw-install {
      width: 34px;
      height: 34px
  }
}
.bw-shell .bw-toggle {
  width: 32px;
  height: 32px;
  padding: 0;
  border: 0;
  border-radius: 6px;
  background: var(--bw-primary);
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center
}
.bw-shell .bw-toggle .bw-toggle-menu {
  display: none
}
.bw-shell .bw-toggle .bw-toggle-collapse {
  display: block
}
@media (max-width: 1023px) {
  .bw-shell .bw-toggle .bw-toggle-menu {
      display: block
  }
  .bw-shell .bw-toggle .bw-toggle-collapse {
      display: none
  }
}
.bw-shell .bw-pagebox {
  border: 0;
  background: transparent !important;
  padding: 0 4px;
  height: 40px;
  font-size: 16px;
  font-weight: 700;
  color: var(--bw-primary)
}
.bw-shell .bw-cal {
  height: 34px;
  padding: 0 12px;
  border-radius: 999px;
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
  border: 1px solid rgba(255, 107, 0, .6)
}
.bw-shell .bw-cal i,
.bw-shell .bw-cal svg {
  color: #8a9a00
}
.dark .bw-shell {
  background: #101010
}
.dark .bw-shell .bw-header {
  background: radial-gradient(70% 220% at 100% 0%, rgba(255, 106, 0, .55) 0%, rgba(255, 106, 0, 0) 70%), linear-gradient(90deg, #2a170e 0%, #1c110b 55%, #1a100a 100%);
  border-bottom: 1px solid #ff6a00
}
.dark .bw-shell .bw-side {
  background: linear-gradient(180deg, #2a170e 0, #1c110b 90px, #1b1613 91px, #1d1815 55%, #3a1605 100%);
  border-inline-end: 1.5px solid #ff6a00
}
.dark .bw-shell .bw-brand {
  background: linear-gradient(90deg, #2a170e, #1c110b);
  border-bottom: 1px solid #ff6a00;
  box-sizing: border-box
}
.dark .bw-shell .rf-imp-content {
  background: radial-gradient(60% 40% at 100% 0%, rgba(255, 106, 0, .10), rgba(255, 106, 0, 0) 70%), #121212
}
.bw-shell .bw-side {
  border-inline-end: 1.5px solid #ff6a00
}
.bw-shell .bw-usercard {
  position: relative;
  width: 259px;
  max-width: 100%;
  height: 167px;
  gap: 6px;
  border-radius: 12px
}
.bw-shell .bw-usercard-avatar {
  width: 68px;
  height: 68px;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, .28)
}
.bw-shell .bw-usercard-name {
  font-size: 18px;
  line-height: 24px;
  font-weight: 700
}
.bw-shell .bw-usercard-badge {
  position: absolute;
  top: 10px;
  right: 12px;
  width: 32px;
  height: 32px;
  display: inline-flex
}
.bw-shell .bw-usercard-badge img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block
}
.bw-shell .bw-usercard-amount {
  height: 24px;
  font-size: 12px
}
.bw-shell .bw-usercard-plus {
  background: #8a9a00;
  width: 18px;
  height: 18px;
  font-size: 14px
}
.dark .bw-shell .bw-usercard {
  background: radial-gradient(120% 90% at 50% 0%, rgba(255, 255, 255, .12), rgba(255, 255, 255, .03)), #3a2c24;
  border: 1px solid rgba(255, 255, 255, .14)
}
.bw-shell .bw-player {
  width: 218px;
  max-width: 100%;
  height: 77px;
  flex: 0 0 77px;
  grid-template-columns: 44px 1fr;
  column-gap: 10px;
  padding: 8px 12px;
  border-radius: 12px;
  margin-bottom: 14px
}
.bw-shell .bw-player-disc {
  width: 44px;
  height: 44px;
  box-shadow: 0 0 0 2px #1f2a3a
}
.bw-shell .bw-player-ctl {
  gap: 8px;
  color: #9aa0a6
}
.bw-shell .bw-player-ctl button {
  width: 22px;
  height: 22px;
  color: #9aa0a6
}
.bw-shell .bw-player-ctl .bw-player-play {
  width: 28px;
  height: 28px;
  background: #8a9a00;
  color: #fff
}
.bw-shell .bw-player-vol {
  color: #9aa0a6
}
.bw-shell .bw-player-vol input[type=range] {
  accent-color: #8a9a00
}
.dark .bw-shell .bw-player {
  background: rgba(0, 0, 0, .35);
  border: 1px solid rgba(255, 255, 255, .08)
}
.bw-player .bw-ic-pause {
  display: none
}
.bw-player.is-playing .bw-ic-play {
  display: none
}
.bw-player.is-playing .bw-ic-pause {
  display: block
}
.bw-player-disc img {
  animation-play-state: paused
}
.bw-player.is-playing .bw-player-disc img {
  animation-play-state: running
}
.bw-player.is-playing .bw-player-disc {
  animation: none
}
.bw-shell .bw-group-head {
  height: 34px;
  border-radius: 8px;
  font-size: 11px
}
.dark .bw-shell .bw-group-head {
  background: linear-gradient(90deg, #7a3010, #5b2209);
  color: #fff
}
.dark .bw-shell .bw-group-main .bw-group-head {
  background: linear-gradient(90deg, #ff6a00, #c2410c)
}
.dark .bw-shell .bw-group-body {
  background: rgba(0, 0, 0, .25);
  border-inline-start: 0;
  border-radius: 0 0 10px 10px;
  margin-top: 2px
}
.dark .bw-shell .bw-item-active::before {
  background: #8a9a00;
  inset-inline-start: -6px
}
.dark .bw-shell .bw-item-active,
.dark .bw-shell .bw-item-active:hover {
  color: #ff9a3d;
  background: rgba(255, 106, 0, .10)
}
.bw-shell .bw-tg {
  width: 38px;
  height: 38px;
  border: 2px solid var(--bw-primary);
  background: rgba(255, 106, 0, .10)
}
.bw-shell .bw-mode {
  height: 36px;
  padding: 3px
}
.bw-shell .bw-mode-opt {
  width: 28px;
  height: 28px
}
.bw-shell .bw-card-btn {
  height: 36px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600
}
.bw-shell .bw-card-user {
  background: linear-gradient(90deg, #ff6a00, #c2410c)
}
.bw-shell .bw-user-av {
  width: 26px;
  height: 26px
}
.bw-shell .bw-menu {
  background: #0b0b0c;
  border: 1px solid rgba(255, 106, 0, .5);
  border-radius: 8px;
  min-width: 150px;
  top: calc(100% + 6px)
}
.bw-shell .bw-menu-user {
  min-width: 150px
}
.bw-shell .bw-menu-item {
  height: 34px;
  font-size: 12px;
  font-weight: 600;
  color: #f4f4f4;
  border-bottom: 1px solid rgba(255, 255, 255, .55);
  background: transparent
}
.bw-shell .bw-menu-item:hover {
  background: rgba(255, 106, 0, .18)
}
.bw-shell .bw-menu-logout {
  background: linear-gradient(90deg, #8a9a00, #6d7a00);
  color: #fff;
  border-bottom: 0
}
[x-cloak] {
  display: none !important
}
html:not(.dark) .bw-shell .bw-menu {
  background: #fff;
  border-color: #e5e7eb
}
html:not(.dark) .bw-shell .bw-menu-item {
  color: #212529;
  border-bottom-color: #eee
}
html:not(.dark) .bw-shell .bw-menu-logout {
  color: #fff
}
.bw-shell .bw-logout-form {
  padding: 12px 20px 16px;
  border-top: 0
}
.bw-shell .bw-logout-ico {
  width: 38px;
  height: 38px;
  border-width: 2px
}
.bw-shell .bw-logout-txt {
  font-size: 12px;
  font-weight: 600
}
.bw-shell .bw-menu {
  left: auto;
  right: auto;
  inset-inline-start: auto;
  inset-inline-end: 0;
  max-height: none;
  opacity: 1;
  visibility: visible;
  transform: none;
  transition: none
}
.bw-shell .bw-menu .bw-menu-item {
  justify-content: flex-start
}
.dark .bw-shell .bw-usercard {
  border: 1px solid rgba(255, 106, 0, .75)
}
.dark .bw-shell .bw-player {
  background: linear-gradient(145deg, rgba(255, 255, 255, .12), rgba(255, 255, 255, .05));
  border: 1px solid rgba(255, 255, 255, .14)
}
.bw-shell .bw-player {
  width: 100%
}
.bw-shell .bw-group-head {
  margin: 0 -12px;
  width: calc(100% + 24px);
  border-radius: 0;
  height: 40px;
  padding: 0 18px
}
.dark .bw-shell .bw-group-body {
  background: linear-gradient(180deg, rgba(255, 255, 255, .10), rgba(255, 255, 255, .03));
  border-radius: 12px;
  margin-top: 4px
}
.bw-shell .bw-brand,
.dark .bw-shell .bw-brand,
html:not(.dark) .bw-shell .bw-brand {
  border-bottom: 0 !important;
  box-shadow: none !important;
  background: transparent !important
}
.bw-shell .bw-brand::before,
.bw-shell .bw-brand::after,
.bw-shell .bw-side::before {
  display: none !important;
  content: none !important
}
.dark .bw-shell .bw-side {
  background: linear-gradient(180deg, #1c110b 0, #1b1613 140px, #1d1815 55%, #3a1605 100%) !important
}
.bw-shell .bw-nav {
  padding-top: 0 !important;
  border-top: 0 !important
}
.bw-shell .bw-usercard {
  margin-top: 10px !important
}
.bw-shell .bw-group-head-static {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: default;
  user-select: none
}
.bw-shell .bw-group-head-static:hover {
  background: var(--bw-gradient)
}
.bw-shell .bw-nav {
  min-height: 0
}
.bw-shell .bw-up {
  margin-top: auto;
  display: flex;
  flex-direction: column;
  padding-top: 10px
}
.bw-shell .bw-up .bw-group {
  margin-bottom: 8px;
  display: flex;
  flex-direction: column
}
.bw-shell .bw-up .bw-group-body {
  order: 0;
  margin: 0 0 6px;
  border-radius: 12px;
  transform-origin: bottom
}
.bw-shell .bw-up .bw-group-head {
  order: 1
}
.bw-shell .bw-chev-solid {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 12px;
  height: 12px;
  transition: transform .18s
}
.bw-shell .bw-chev-solid .bw-solid {
  width: 10px;
  height: 10px
}
.bw-shell .bw-chev-solid.bw-chev-open {
  transform: rotate(-90deg)
}
.bw-shell .bw-solid {
  fill: currentColor
}
.bw-shell .bw-logout-ico .bw-solid {
  width: 18px;
  height: 18px
}
.bw-shell .bw-item .bw-solid {
  width: 16px;
  height: 16px
}
.bw-shell {
  --bw-cut: #2b211c
}
html:not(.dark) .bw-shell {
  --bw-cut: #fff
}
.bw-collapsed .bw-side .bw-up {
  margin-top: auto
}
.bw-shell {
  position: relative
}
.bw-shell .bw-nav {
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
  overscroll-behavior: contain
}
.bw-shell .bw-nav::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0
}
@media (min-width: 1024px) and (min-height: 700px) {
  .bw-shell .bw-nav {
      overflow: hidden
  }
}
.bw-shell .bw-groups {
  display: flex;
  flex-direction: column;
  flex: 0 0 auto
}
.bw-shell .bw-group {
  margin-bottom: 8px
}
.bw-shell .bw-group-head {
  height: 40px
}
.bw-shell .bw-group .bw-chev-solid {
  color: #f07a22
}
.bw-shell .bw-group .bw-chev-solid.bw-chev-open {
  transform: rotate(90deg);
  color: #fff
}
.bw-shell .bw-group-open .bw-group-head {
  background: var(--bw-gradient);
  color: #fff
}
.bw-shell .bw-item {
  height: 32px;
  font-size: 12.5px
}
.dark .bw-shell .bw-side {
  background: linear-gradient(177.71deg, rgb(39, 39, 39) 45.28%, rgb(70, 23, 4) 100%) !important;
  border-inline-end: 1px solid #e06f1f
}
.dark .bw-shell .bw-usercard {
  background: linear-gradient(135deg, #695d4f 0%, #4b4640 55%, #3a3a3a 100%);
  border: 1px solid #ed6c10
}
.dark .bw-shell .bw-player {
  background: linear-gradient(90deg, #625a4a 0%, #3a3a3a 100%);
  border: 0
}
.dark .bw-shell .bw-group-head {
  background: #753613;
  color: #fff
}
.dark .bw-shell .bw-group.bw-group-open .bw-group-head {
  background: linear-gradient(90deg, #a13d0b 0%, #f96700 100%)
}
.dark .bw-shell button.bw-group-head:hover {
  background: #8a4118
}
.dark .bw-shell .bw-group.bw-group-open button.bw-group-head:hover {
  background: linear-gradient(90deg, #b4460e 0%, #ff7410 100%)
}
.dark .bw-shell .bw-group-body {
  background: linear-gradient(180deg, rgba(255, 255, 255, .10), rgba(255, 255, 255, .04));
  border-radius: 12px;
  margin-top: 6px;
  padding: 8px;
  border-inline-start: 0
}
.dark .bw-shell .bw-item {
  color: #e9e4de
}
.dark .bw-shell .bw-item .bw-item-ico {
  color: #e9e4de
}
.dark .bw-shell .bw-item:hover {
  background: rgba(250, 107, 3, .14);
  color: #fff
}
.dark .bw-shell .bw-item:hover .bw-item-ico {
  color: #fff
}
.dark .bw-shell .bw-ic-shopping-cart .bw-item-ico {
  color: #e87d2d
}
.dark .bw-shell .bw-ic-wallet .bw-item-ico {
  color: #6e72d6
}
.dark .bw-shell .bw-ic-wallet .bw-item-label {
  color: #b57fd8
}
.dark .bw-shell .bw-item-active,
.dark .bw-shell .bw-item-active:hover {
  background: transparent;
  color: #e87d2d
}
.dark .bw-shell .bw-item-active .bw-item-ico {
  color: #e87d2d
}
.dark .bw-shell .bw-item-badge-soon {
  background: rgba(250, 107, 3, .22);
  color: #ffb27a
}
.bw-shell .bw-item-badge-soon {
  height: 17px;
  padding: 0 7px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .02em;
  text-transform: lowercase
}
.dark .bw-shell .bw-logout-ico {
  background: transparent;
  border: 2px solid #f26a0a;
  color: #f26a0a
}
.bw-shell .bw-edge-toggle {
  display: none
}
.bw-shell .bw-toggle-mobile {
  display: inline-flex
}
@media (min-width: 1024px) {
  .bw-shell .bw-edge-toggle {
      display: inline-flex;
      position: absolute;
      z-index: 80;
      top: 45px;
      left: calc(var(--rf-sidebar-w) - .5px);
      transform: translate(-50%, -50%);
      width: 30px;
      height: 28px;
      border-radius: 6px;
      transition: left .2s
  }
  .bw-shell .bw-toggle-mobile {
      display: none
  }
  .bw-shell .bw-header {
      padding-inline-start: 34px
  }
}
@media (min-width: 1024px) {
  .bw-collapsed .bw-side .bw-group-body {
      display: flex !important;
      padding: 6px 0 2px
  }
  .bw-collapsed .bw-side .bw-group {
      margin-bottom: 4px
  }
  .bw-collapsed .bw-side .bw-item {
      height: 30px
  }
  .dark .bw-collapsed .bw-side .bw-group-body {
      background: transparent
  }
}
.dark .bw-shell .bw-header {
  background: linear-gradient(90deg, rgb(39, 39, 39) 0%, rgb(70, 23, 4) 100%);
  border-bottom: 1px solid #e06f1f
}
.dark .bw-shell .bw-tg,
.dark .bw-shell .bw-mode,
.dark .bw-shell .bw-card-btn:not(.bw-card-user) {
  background: #3a3d43
}
.dark .bw-shell .bw-tg {
  border: 2px solid #e06f1f
}
.dark .bw-shell .bw-mode,
.dark .bw-shell .bw-card-btn:not(.bw-card-user) {
  border: 1px solid #e06f1f
}
.dark .bw-shell .bw-mode-opt:not(.is-on) {
  color: #f08a35;
  opacity: 1
}
.dark .bw-shell .bw-cur .bw-card-btn svg {
  color: #f07a22
}
.bw-shell .bw-tg {
  width: 44px;
  height: 44px
}
.bw-shell .bw-tg img {
  width: 24px;
  height: 24px
}
.bw-shell .bw-mode {
  box-sizing: border-box;
  width: 85px;
  height: 40px;
  padding: 3px 5px;
  gap: 0;
  justify-content: space-between
}
.bw-shell .bw-mode-opt {
  width: 36px;
  height: 32px
}
.bw-shell .bw-card-btn {
  height: 40px;
  font-size: 14px
}
.bw-shell .bw-cur .bw-card-btn {
  min-width: 132px;
  justify-content: space-between;
  padding: 0 12px 0 6px;
  gap: 8px;
  font-weight: 600
}
.bw-shell .bw-cur-flag {
  width: 28px;
  height: 28px;
  font-size: 12px
}
.bw-shell .bw-card-user {
  min-width: 150px;
  padding: 0 12px 0 5px;
  gap: 10px
}
.bw-shell .bw-user-av {
  width: 30px;
  height: 30px
}
@media (max-width: 639px) {
  .bw-shell .bw-mode {
      width: auto;
      padding: 3px
  }
  .bw-shell .bw-mode-opt {
      width: 28px;
      height: 28px
  }
  .bw-shell .bw-card-user {
      min-width: 0
  }
}
@media (max-height: 900px) {
  .bw-shell .bw-brand {
      height: 70px
  }
  .bw-shell .bw-usercard {
      height: 140px;
      flex-basis: 140px;
      gap: 5px;
      margin-bottom: 10px
  }
  .bw-shell .bw-usercard-avatar {
      width: 56px;
      height: 56px
  }
  .bw-shell .bw-usercard-name {
      font-size: 16px;
      line-height: 20px
  }
  .bw-shell .bw-player {
      height: 66px;
      flex-basis: 66px;
      margin-bottom: 10px
  }
  .bw-shell .bw-group {
      margin-bottom: 6px
  }
  .bw-shell .bw-group-head {
      height: 36px
  }
  .bw-shell .bw-item {
      height: 30px
  }
  .bw-shell .bw-logout-form {
      padding: 8px 20px 10px
  }
  .bw-shell .bw-logout-ico {
      width: 34px;
      height: 34px
  }
}
@media (max-height: 780px) {
  .bw-shell .bw-brand {
      height: 58px
  }
  .bw-shell .bw-brand-logo {
      max-height: 36px
  }
  .bw-shell .bw-usercard {
      height: 112px;
      flex-basis: 112px;
      gap: 3px;
      padding: 8px 10px
  }
  .bw-shell .bw-usercard-avatar {
      width: 42px;
      height: 42px
  }
  .bw-shell .bw-usercard-name {
      font-size: 14px;
      line-height: 18px
  }
  .bw-shell .bw-usercard-amount {
      height: 20px;
      font-size: 11px
  }
  .bw-shell .bw-usercard-badge {
      width: 24px;
      height: 24px;
      top: 6px;
      right: 8px
  }
  .bw-shell .bw-player {
      height: 54px;
      flex-basis: 54px;
      padding: 6px 10px;
      margin-bottom: 8px;
      grid-template-columns: 36px 1fr
  }
  .bw-shell .bw-player-disc {
      width: 34px;
      height: 34px
  }
  .bw-shell .bw-group-head {
      height: 32px;
      font-size: 10.5px
  }
  .bw-shell .bw-item {
      height: 28px;
      font-size: 12px
  }
  .dark .bw-shell .bw-group-body {
      padding: 6px
  }
  .bw-shell .bw-logout-form {
      padding: 6px 20px 8px
  }
  .bw-shell .bw-logout-ico {
      width: 30px;
      height: 30px
  }
}
@media (max-height: 700px) {
  .bw-shell .bw-brand {
      height: 46px
  }
  .bw-shell .bw-brand-logo {
      max-height: 30px
  }
  .bw-shell .bw-usercard {
      height: 92px;
      flex-basis: 92px;
      gap: 2px;
      padding: 6px 10px;
      margin-top: 4px !important;
      margin-bottom: 6px
  }
  .bw-shell .bw-usercard-avatar {
      width: 34px;
      height: 34px
  }
  .bw-shell .bw-usercard-name {
      font-size: 13px;
      line-height: 16px
  }
  .bw-shell .bw-usercard-amount {
      height: 18px;
      font-size: 10.5px
  }
  .bw-shell .bw-player {
      height: 46px;
      flex-basis: 46px;
      margin-bottom: 6px;
      grid-template-columns: 30px 1fr
  }
  .bw-shell .bw-player-disc {
      width: 30px;
      height: 30px
  }
  .bw-shell .bw-player-ctl button {
      width: 18px;
      height: 18px
  }
  .bw-shell .bw-player-ctl .bw-player-play {
      width: 22px;
      height: 22px
  }
  .bw-shell .bw-group {
      margin-bottom: 4px
  }
  .bw-shell .bw-group-head {
      height: 28px
  }
  .bw-shell .bw-item {
      height: 26px
  }
  .dark .bw-shell .bw-group-body {
      padding: 4px 6px;
      margin-top: 4px
  }
  .bw-shell .bw-logout-form {
      padding: 4px 20px 6px
  }
  .bw-shell .bw-logout-ico {
      width: 28px;
      height: 28px
  }
}
.bw-shell .bw-usercard {
  flex-grow: 2;
  flex-shrink: 0;
  max-height: 330px;
  position: relative
}
.bw-shell .bw-player {
  flex-grow: 1;
  flex-shrink: 0;
  max-height: 140px
}
.bw-usercard-avatar img,
.bw-user-av img {
  object-position: 50% 4%
}
.bw-shell .bw-usercard-avatar {
  box-shadow: 0 0 0 2px #e87d2d, 0 4px 14px rgba(0, 0, 0, .35)
}
.dark .bw-shell .bw-usercard {
  border: 1.5px solid transparent;
  background: linear-gradient(135deg, #6a5e50 0%, #4b4640 55%, #3a3a3a 100%) padding-box, linear-gradient(135deg, #ff8a2a 0%, rgba(255, 138, 42, .30) 38%, rgba(255, 138, 42, .18) 62%, #ff7a1a 100%) border-box;
  box-shadow: 0 0 10px rgba(255, 106, 0, .25)
}
.bw-shell .bw-player {
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  grid-template-rows: 1fr 1fr;
  column-gap: 8px;
  row-gap: 2px;
  align-items: center;
  position: relative
}
.bw-shell .bw-player-disc {
  grid-column: 1;
  grid-row: 1 / 3;
  justify-self: start;
  align-self: center
}
.bw-shell .bw-player-ctl {
  grid-column: 2;
  grid-row: 1;
  justify-self: center;
  gap: 6px
}
.bw-shell .bw-player-list {
  grid-column: 3;
  grid-row: 1;
  justify-self: end
}
.bw-shell .bw-player-vol {
  grid-column: 2 / 4;
  grid-row: 2;
  min-width: 0
}
.bw-shell .bw-player-ctl svg {
  fill: currentColor
}
.bw-shell .bw-player-ctl .bw-player-play {
  width: 34px;
  height: 34px
}
.bw-shell .bw-player-ctl .bw-player-play svg {
  color: #fff
}
.bw-shell .bw-player-list {
  width: 28px;
  height: 28px;
  border: 0;
  border-radius: 50%;
  padding: 0;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(138, 154, 0, .30);
  color: #d3dc6a;
  transition: background .15s, color .15s
}
.bw-shell .bw-player-list:hover {
  background: #8a9a00;
  color: #fff
}
.bw-shell .bw-player-list svg {
  width: 15px;
  height: 15px;
  fill: currentColor
}
@media (min-height: 781px) {
  .bw-shell .bw-usercard {
      container-type: size
  }
  .bw-shell .bw-player {
      container-type: size
  }
  .bw-shell .bw-usercard-avatar {
      width: 68px;
      height: 68px;
      width: clamp(52px, 40cqh, 124px);
      height: clamp(52px, 40cqh, 124px)
  }
  .bw-shell .bw-usercard-badge {
      width: 44px;
      height: 54px;
      width: clamp(40px, 27cqh, 56px);
      height: calc(clamp(40px, 27cqh, 56px) * 1.235);
      top: 8px;
      right: 10px
  }
  .bw-shell .bw-player-disc {
      width: 44px;
      height: 44px;
      width: clamp(40px, 58cqh, 64px);
      height: clamp(40px, 58cqh, 64px)
  }
  .bw-shell .bw-player-ctl .bw-player-play {
      width: 34px;
      height: 34px;
      width: clamp(30px, 42cqh, 42px);
      height: clamp(30px, 42cqh, 42px)
  }
}
@media (max-height: 780px) {
  .bw-shell .bw-usercard-badge {
      width: 30px;
      height: 37px;
      top: 6px;
      right: 8px
  }
  .bw-shell .bw-player-ctl .bw-player-play {
      width: 26px;
      height: 26px
  }
  .bw-shell .bw-player-list {
      width: 24px;
      height: 24px
  }
}
.bw-playlist {
  position: fixed;
  z-index: 120;
  max-height: 260px;
  overflow-y: auto;
  padding: 6px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 2px;
  border-radius: 12px;
  background: #2b2724;
  border: 1px solid #e06f1f;
  box-shadow: 0 12px 30px rgba(0, 0, 0, .45)
}
.bw-playlist-item {
  display: block;
  width: 100%;
  text-align: start;
  padding: 8px 10px;
  border: 0;
  border-radius: 8px;
  cursor: pointer;
  background: transparent;
  color: #e9e4de;
  font: 600 12.5px/1.3 var(--bw-font, inherit);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}
.bw-playlist-item:hover {
  background: rgba(250, 107, 3, .16);
  color: #fff
}
.bw-playlist-item.is-on {
  background: rgba(138, 154, 0, .28);
  color: #fff
}
.bw-shell .bw-side .bw-usercard {
  flex: 0 0 auto;
  max-height: none;
  height: clamp(150px, calc((100vh - 560px) * .6), 280px)
}
.bw-shell .bw-side .bw-player {
  flex: 0 0 auto;
  max-height: none;
  height: clamp(68px, calc((100vh - 560px) * .25), 120px)
}
@media (max-height: 780px) {
  .bw-shell .bw-side .bw-usercard {
      height: 118px
  }
  .bw-shell .bw-side .bw-player {
      height: 56px
  }
}
@media (max-height: 700px) {
  .bw-shell .bw-side .bw-usercard {
      height: 96px
  }
  .bw-shell .bw-side .bw-player {
      height: 48px
  }
}
@media (max-width: 1023px) {
  .bw-shell .bw-side .bw-usercard {
      height: 160px;
      gap: 6px;
      padding: 12px 10px
  }
  .bw-shell .bw-side .bw-player {
      height: 76px;
      padding: 8px 12px
  }
  .bw-shell .bw-side .bw-usercard-avatar {
      width: 62px;
      height: 62px
  }
  .bw-shell .bw-side .bw-usercard-name {
      font-size: 16px;
      line-height: 20px
  }
  .bw-shell .bw-side .bw-usercard-amount {
      height: 24px;
      font-size: 12px
  }
  .bw-shell .bw-side .bw-usercard-badge {
      width: 32px;
      height: 40px;
      top: 8px;
      right: 10px
  }
  .bw-shell .bw-side .bw-player-disc {
      width: 44px;
      height: 44px
  }
  .bw-shell .bw-side .bw-player-ctl .bw-player-play {
      width: 32px;
      height: 32px
  }
  .bw-shell .bw-side .bw-player-list {
      width: 26px;
      height: 26px
  }
  .bw-shell .bw-side .bw-nav {
      overflow-y: auto
  }
  .bw-shell .bw-side .bw-group-head {
      height: 38px
  }
  .bw-shell .bw-side .bw-item {
      height: 32px
  }
}
.bw-shell .bw-mode-opt {
  transition: background .35s ease, color .35s ease, opacity .35s ease, box-shadow .35s ease
}
.bw-shell .bw-mode-opt svg {
  width: 19px;
  height: 19px;
  display: block;
  overflow: visible
}
.bw-shell .bw-mode-opt .bw-rays,
.bw-shell .bw-mode-opt .bw-dots {
  transform-box: view-box;
  transform-origin: 50% 50%;
  animation: bw-orbit 18s linear infinite
}
.bw-shell .bw-mode-opt.is-on .bw-rays,
.bw-shell .bw-mode-opt.is-on .bw-dots {
  animation-duration: 9s
}
.bw-shell .bw-mode-opt .bw-dots circle {
  animation: bw-twinkle 2.6s ease-in-out infinite alternate
}
.bw-shell .bw-mode-opt .bw-dots circle:nth-child(2) {
  animation-delay: .5s
}
.bw-shell .bw-mode-opt .bw-dots circle:nth-child(3) {
  animation-delay: 1.1s
}
.bw-shell .bw-mode-opt .bw-dots circle:nth-child(4) {
  animation-delay: 1.6s
}
.bw-shell .bw-mode-opt.is-on svg {
  animation: bw-pop .55s cubic-bezier(.34, 1.56, .64, 1)
}
.bw-shell .bw-mode-opt.is-on {
  box-shadow: 0 0 12px rgba(255, 106, 0, .45)
}
@keyframes bw-orbit {
  to {
      transform: rotate(360deg)
  }
}
@keyframes bw-twinkle {
  from {
      opacity: .35
  }
  to {
      opacity: 1
  }
}
@keyframes bw-pop {
  from {
      transform: rotate(-80deg) scale(.45);
      opacity: 0
  }
  to {
      transform: rotate(0) scale(1);
      opacity: 1
  }
}
@media (prefers-reduced-motion: reduce) {
  .bw-shell .bw-mode-opt .bw-rays,
  .bw-shell .bw-mode-opt .bw-dots,
  .bw-shell .bw-mode-opt .bw-dots circle,
  .bw-shell .bw-mode-opt.is-on svg {
      animation: none
  }
}
@media (max-width: 767px) {
  .bw-shell .bw-header .bw-pagebox,
  .bw-shell .bw-header .bw-cal,
  .bw-shell .bw-header .bw-tg,
  .bw-shell .bw-header .bw-install {
      display: none !important
  }
  .bw-shell .bw-header {
      gap: 8px;
      padding: 0 12px
  }
  .bw-shell .bw-header .bw-user-name {
      display: none
  }
  .bw-shell .bw-card-user {
      min-width: 0;
      padding: 0 10px 0 5px;
      gap: 6px
  }
  .bw-shell .bw-cur .bw-card-btn {
      min-width: 0;
      padding: 0 10px 0 5px;
      gap: 6px
  }
  .bw-shell .bw-toggle-mobile {
      width: 40px;
      height: 40px;
      flex: 0 0 auto
  }
  .bw-shell .bw-menu-user {
      min-width: 190px
  }
}
@media (max-width: 379px) {
  .bw-shell .bw-header {
      gap: 6px;
      padding: 0 8px
  }
  .bw-shell .bw-cur-code {
      font-size: 12px
  }
}
.bw-shell .bw-menu-user .bw-menu-item svg {
  width: 15px;
  height: 15px;
  flex: 0 0 15px;
  fill: currentColor;
  stroke: none;
  color: var(--bw-primary)
}
.bw-shell .bw-menu-user .bw-menu-logout svg {
  color: #fff
}
.bw-shell .bw-menu-user .bw-menu-item {
  height: 42px
}
.bw-shell .bw-side .bw-logout-ico,
.dark .bw-shell .bw-side .bw-logout-ico {
  background: linear-gradient(135deg, #ff7a1a 0%, #d9531e 100%);
  border: 0;
  color: #fff;
  box-shadow: 0 4px 12px rgba(217, 83, 30, .40)
}
.bw-shell .bw-side .bw-logout:hover .bw-logout-ico,
.dark .bw-shell .bw-side .bw-logout:hover .bw-logout-ico {
  background: linear-gradient(135deg, #ff8f3a 0%, #e8631f 100%);
  color: #fff
}
.bw-shell .bw-side .bw-logout-ico svg {
  width: 18px;
  height: 18px;
  fill: currentColor
}
@property --bw-ang {
  syntax: '<angle>';
  inherits: false;
  initial-value: 0deg
}
@keyframes bw-ang {
  to {
      --bw-ang: 360deg
  }
}
@keyframes bw-glow {
  from {
      box-shadow: 0 0 6px rgba(255, 106, 0, .20)
  }
  to {
      box-shadow: 0 0 16px rgba(255, 106, 0, .50)
  }
}
.dark .bw-shell .bw-usercard {
  border: 1.5px solid transparent;
  background: linear-gradient(135deg, #6a5e50 0%, #4b4640 55%, #3a3a3a 100%) padding-box, conic-gradient(from var(--bw-ang), #ff8a2a 0%, rgba(255, 138, 42, .12) 22%, rgba(255, 138, 42, .12) 52%, #ffb066 76%, #ff8a2a 100%) border-box;
  animation: bw-ang 6s linear infinite, bw-glow 3s ease-in-out infinite alternate
}
@media (prefers-reduced-motion: reduce) {
  .dark .bw-shell .bw-usercard {
      animation: none
  }
}
.bw-usercard-avatar,
.bw-user-av {
  position: relative;
  overflow: hidden
}
.bw-usercard-avatar img,
.bw-user-av img {
  position: absolute;
  width: 118%;
  height: auto;
  max-width: none;
  left: -2.4%;
  top: -4.9%;
  object-fit: fill;
  object-position: 50% 50%
}
@media (min-width: 1024px) and (min-height: 781px) {
  .bw-shell .bw-usercard-badge {
      width: clamp(50px, 30cqh, 68px);
      height: calc(clamp(50px, 30cqh, 68px) * 1.235);
      top: 8px;
      right: 10px
  }
}
@media (min-width: 1024px) and (max-height: 780px) {
  .bw-shell .bw-usercard-badge {
      width: 40px;
      height: 49px
  }
}
@media (max-width: 1023px) {
  .bw-shell .bw-side .bw-usercard-badge {
      width: 44px;
      height: 54px
  }
}
.bw-shell .bw-usercard-badge img {
  filter: drop-shadow(0 2px 6px rgba(0, 0, 0, .45))
}
.bw-shell .bw-mode-opt .bw-dots,
.bw-shell .bw-mode-opt.is-on .bw-dots {
  animation: none
}
.bw-shell .bw-mode-opt .bw-dots circle {
  animation: bw-bob 1.8s ease-in-out infinite alternate
}
.bw-shell .bw-mode-opt .bw-dots circle:nth-child(1) {
  animation-delay: 0s
}
.bw-shell .bw-mode-opt .bw-dots circle:nth-child(2) {
  animation-delay: .35s
}
.bw-shell .bw-mode-opt .bw-dots circle:nth-child(3) {
  animation-delay: .7s
}
@keyframes bw-bob {
  from {
      transform: translateY(1.1px);
      opacity: .55
  }
  to {
      transform: translateY(-1.3px);
      opacity: 1
  }
}
@media (prefers-reduced-motion: reduce) {
  .bw-shell .bw-mode-opt .bw-dots circle {
      animation: none
  }
}
.bw-shell .bw-menu.bw-menu-user,
.dark .bw-shell .bw-menu.bw-menu-user {
  background: #000;
  color: #fff;
  border: 1px solid rgba(255, 106, 0, .55)
}
.bw-shell .bw-menu-user .bw-menu-item {
  color: #fff;
  border-bottom-color: rgba(255, 255, 255, .10)
}
.bw-shell .bw-menu-user .bw-menu-item:hover {
  background: rgba(255, 106, 0, .18)
}
.bw-shell .bw-menu-user .bw-menu-logout {
  color: #fff
}
.bw-shell .bw-group .bw-group-body,
.dark .bw-shell .bw-group .bw-group-body {
  margin-top: 0;
  border-radius: 0 0 12px 12px
}
.bw-shell .bw-group-open .bw-group-head {
  border-radius: 8px 8px 0 0
}
.bw-shell .bw-side-close {
  display: none
}
@media (max-width: 1023px) {
  .bw-shell .bw-side {
      position: fixed;
      top: 0;
      bottom: 0;
      left: 0;
      height: 100vh;
      height: 100dvh;
      overscroll-behavior: contain
  }
  .bw-shell .bw-side-close {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      position: absolute;
      z-index: 5;
      top: 10px;
      right: 10px;
      width: 26px;
      height: 26px;
      padding: 0;
      border: 0;
      border-radius: 50%;
      cursor: pointer;
      background: rgba(255, 255, 255, .92);
      color: #e8742a;
      box-shadow: 0 2px 8px rgba(0, 0, 0, .35)
  }
  .bw-shell .bw-side .bw-usercard {
      margin-top: 24px !important
  }
  .bw-shell .bw-side .bw-group-head {
      height: 44px;
      font-size: 14.5px;
      letter-spacing: .02em
  }
  .bw-shell .bw-side .bw-item {
      height: 42px;
      font-size: 15.5px;
      font-weight: 600;
      gap: 12px
  }
  .bw-shell .bw-side .bw-item .bw-item-ico,
  .bw-shell .bw-side .bw-item .bw-solid {
      width: 19px !important;
      height: 19px !important
  }
  .bw-shell .bw-side .bw-item-badge-soon {
      font-size: 11px
  }
  .bw-shell .bw-side .bw-logout-txt {
      font-size: 15px
  }
  .bw-shell .bw-side .bw-logout-ico {
      width: 44px;
      height: 44px
  }
}
html.bw-lock,
html.bw-lock body {
  overflow: hidden !important
}
html.bw-lock .rf-imp-content,
html.bw-lock .rf-imp-main {
  overflow: hidden !important;
  overscroll-behavior: contain
}
html.bw-lock .rf-imp-backdrop {
  touch-action: none
}
@media (max-width: 767px) {
  .bw-shell .bw-header {
      height: 68px
  }
  .bw-shell .bw-toggle-mobile {
      width: 38px;
      height: 38px;
      border-radius: 10px;
      background: #e8742a;
      color: #fff;
      border: 0;
      box-shadow: 0 2px 8px rgba(0, 0, 0, .3)
  }
  .bw-shell .bw-mode,
  .bw-shell .bw-card-btn {
      height: 38px
  }
  .bw-shell .bw-mode-opt {
      width: 30px;
      height: 30px
  }
  .bw-shell .bw-cur-flag {
      width: 26px;
      height: 26px;
      font-size: 11px;
      background: linear-gradient(135deg, #ff7a1a, #c2410c)
  }
  .bw-shell .bw-cur .bw-card-btn svg {
      color: #f07a22
  }
  .bw-shell .bw-card-user {
      background: linear-gradient(90deg, #ff6a00, #c2410c);
      border: 0
  }
  .bw-shell .bw-user-av {
      width: 28px;
      height: 28px
  }
}
.bw-playlist {
  padding: 8px;
  gap: 6px
}
.bw-playlist-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 2px 4px 4px;
  color: #fff;
  font: 700 12.5px/1 var(--bw-font, inherit)
}
.bw-playlist-tools {
  display: inline-flex;
  gap: 6px
}
.bw-pl-btn {
  position: relative;
  width: 28px;
  height: 28px;
  border: 0;
  border-radius: 50%;
  padding: 0;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, .10);
  color: #bfb8ae
}
.bw-pl-btn:hover {
  background: rgba(255, 255, 255, .20);
  color: #fff
}
.bw-pl-btn.is-on {
  background: #8a9a00;
  color: #fff
}
.bw-pl-btn i {
  position: absolute;
  right: 3px;
  bottom: 2px;
  font: 800 8px/1 var(--bw-font, inherit);
  font-style: normal
}
.bw-playlist-q {
  width: 100%;
  box-sizing: border-box;
  height: 32px;
  padding: 0 10px;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, .14);
  background: rgba(0, 0, 0, .35);
  color: #fff;
  font: 500 12.5px var(--bw-font, inherit);
  outline: none
}
.bw-playlist-q:focus {
  border-color: #e06f1f
}
.bw-playlist-items {
  display: flex;
  flex-direction: column;
  gap: 2px;
  max-height: 190px;
  overflow-y: auto
}
.bw-playlist-hint {
  padding: 2px 6px 0;
  color: #8c857b;
  font: 500 10.5px/1.2 var(--bw-font, inherit)
}
.bw-ctx {
  position: fixed;
  z-index: 130;
  min-width: 168px;
  padding: 5px;
  border-radius: 10px;
  background: #1b1b1c;
  border: 1px solid #e06f1f;
  box-shadow: 0 12px 30px rgba(0, 0, 0, .5);
  display: flex;
  flex-direction: column
}
.bw-ctx-item {
  display: block;
  width: 100%;
  text-align: start;
  padding: 8px 12px;
  border: 0;
  border-radius: 7px;
  background: transparent;
  color: #eee;
  cursor: pointer;
  font: 600 12.5px var(--bw-font, inherit)
}
.bw-ctx-item:hover {
  background: rgba(250, 107, 3, .20);
  color: #fff
}
.bw-ctx-item.is-on {
  color: #b9c83a
}
.bw-ctx-sep {
  height: 1px;
  margin: 4px 6px;
  background: rgba(255, 255, 255, .12)
}
.bw-shell .bw-side .bw-usercard {
  width: 259px !important;
  max-width: 100% !important;
  height: 167px !important;
  min-height: 167px !important;
  max-height: 167px !important;
  flex: 0 0 167px !important;
  box-sizing: border-box;
  padding: 10px 12px !important;
  gap: 5px !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  position: relative;
  overflow: hidden
}
.bw-shell .bw-side .bw-usercard-avatar {
  width: 66px !important;
  height: 66px !important;
  flex: 0 0 auto
}
.bw-shell .bw-side .bw-usercard-name {
  font-size: 16px !important;
  line-height: 20px !important;
  max-width: 100%
}
.bw-shell .bw-side .bw-usercard-badge {
  width: 30px !important;
  height: 37px !important;
  top: 8px !important;
  right: 10px !important
}
.bw-shell .bw-side .bw-usercard-bal {
  display: flex;
  align-items: stretch;
  gap: 0;
  flex: 0 0 auto;
  width: 108px;
  height: 28px;
  border-radius: 7px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .14);
  box-shadow: 0 2px 6px rgba(0, 0, 0, .35)
}
.bw-shell .bw-side .bw-usercard-amount {
  flex: 0 0 74px;
  width: 74px !important;
  height: 28px !important;
  padding: 0;
  border-radius: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(180deg, #d4510a 0%, #b34100 100%);
  color: #fff;
  font-size: 13px !important;
  font-weight: 800;
  letter-spacing: .2px;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap
}
.bw-shell .bw-side .bw-usercard-plus {
  flex: 0 0 34px;
  width: 34px !important;
  height: 28px !important;
  padding: 0;
  border-radius: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #1f7a14 !important;
  color: #fff;
  font-size: 18px !important;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  box-sizing: border-box;
  border-left: 1px solid rgba(255, 255, 255, .28);
  transition: filter .15s ease
}
.bw-shell .bw-side .bw-usercard-plus:hover {
  filter: brightness(1.15)
}
@property --bw-spin {
  syntax: '<angle>';
  inherits: false;
  initial-value: 0deg
}
@keyframes bw-spin-ang {
  to {
      --bw-spin: 360deg
  }
}
.bw-shell .bw-side .bw-usercard,
.dark .bw-shell .bw-side .bw-usercard {
  box-sizing: border-box !important;
  position: relative;
  isolation: isolate;
  overflow: visible !important;
  border: 0 !important;
  background: linear-gradient(135deg, #312d62 0%, #5B4DF0 55%, #5b4df0 100%) !important;
  box-shadow: none !important;
  animation: none !important
}
.dark .bw-shell .bw-side .bw-usercard {
  background: linear-gradient(135deg, #6a5e50 0%, #4b4640 55%, #3a3a3a 100%) !important
}
.bw-shell .bw-side .bw-usercard::after,
.bw-shell .bw-side .bw-usercard::before {
  content: "";
  position: absolute;
  pointer-events: none;
  z-index: -1;
  border-radius: inherit;
  background: conic-gradient(from var(--bw-spin), rgba(255, 138, 42, 0) 0%, #ff8a2a 16%, #ffd34d 28%, rgba(255, 138, 42, 0) 42%, rgba(255, 138, 42, 0) 52%, #ff8a2a 66%, #ffd34d 78%, rgba(255, 138, 42, 0) 92%, rgba(255, 138, 42, 0) 100%);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0);
  animation: bw-spin-ang 8s linear infinite
}
.bw-shell .bw-side .bw-usercard::after {
  inset: 0;
  padding: 1px;
  border-radius: 14px
}
.bw-shell .bw-side .bw-usercard::before {
  inset: -8px;
  padding: 8px;
  border-radius: 22px;
  filter: blur(4px);
  opacity: 0
}
.bw-shell .bw-side .bw-usercard-amount {
  font-size: 12px !important;
  overflow: hidden
}
@media (prefers-reduced-motion: reduce) {
  .bw-shell .bw-side .bw-usercard::before,
  .bw-shell .bw-side .bw-usercard::after {
      animation: none
  }
}
.lp .lp-burger,
.lp-drawer {
  display: none !important
}
.lp .lp-headcta .lp-theme {
  display: none !important
}
.lp .lp-headcta .lp-link-muted {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 46px;
  padding: 0 34px;
  border-radius: 10px;
  background: #fff;
  border: 1px solid var(--bw-primary);
  color: var(--bw-primary);
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  transition: background .2s, color .2s
}
.lp .lp-headcta .lp-link-muted:hover {
  background: var(--bw-gradient);
  border-color: transparent;
  color: #fff
}
.bw-partners {
  background: var(--bw-bg);
  padding: 40px 0 48px
}
@media (min-width: 1024px) {
  .bw-partners {
      padding: 56px 0 64px
  }
}
.bw-head-tight {
  margin-bottom: 24px
}
.bw-head-tight .bw-badge {
  margin-bottom: 0
}
.bw-marquee {
  position: relative;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 8%, #000 92%, transparent 100%);
  mask-image: linear-gradient(90deg, transparent 0, #000 8%, #000 92%, transparent 100%)
}
.bw-marquee-track {
  display: flex;
  width: max-content;
  animation: bwMarquee 40s linear infinite;
  will-change: transform
}
.bw-marquee:hover .bw-marquee-track {
  animation-play-state: paused
}
.bw-marquee-set {
  display: flex;
  flex: none;
  gap: 20px;
  margin: 0;
  padding: 0 20px 0 0;
  list-style: none
}
.bw-partner {
  flex: none;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 56px;
  padding: 0 22px;
  border-radius: 12px;
  background: #e6e6e6
}
.bw-partner img {
  display: block;
  height: 28px;
  width: auto;
  max-width: none
}
@media (min-width: 768px) {
  .bw-marquee-set {
      gap: 24px;
      padding-right: 24px
  }
  .bw-partner {
      height: 68px;
      padding: 0 30px;
      border-radius: 14px
  }
  .bw-partner img {
      height: 34px
  }
}
@keyframes bwMarquee {
  from {
      transform: translateX(0)
  }
  to {
      transform: translateX(-50%)
  }
}
@media (prefers-reduced-motion: reduce) {
  .bw-marquee {
      -webkit-mask-image: none;
      mask-image: none
  }
  .bw-marquee-track {
      animation: none;
      width: auto;
      flex-wrap: wrap;
      justify-content: center;
      padding-inline: 16px
  }
  .bw-marquee-set {
      flex-wrap: wrap;
      justify-content: center;
      padding-right: 0
  }
  .bw-marquee-set[aria-hidden="true"] {
      display: none
  }
}
.bw-sec-who-tl {
  --bw-who-bg: #fff3ec;
  background: linear-gradient(180deg, #fff6f0 0%, #ffeee4 100%)
}
.bw-tl {
  position: relative;
  max-width: 1040px;
  margin: 0 auto;
  display: grid;
  gap: 16px
}
.bw-tl::before {
  content: "";
  position: absolute;
  top: 14px;
  bottom: 14px;
  left: 50%;
  width: 0;
  border-left: 2px dashed rgba(255, 107, 0, .45);
  transform: translateX(-1px)
}
.bw-tl-row {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 56px minmax(0, 1fr);
  align-items: center
}
.bw-tl-dot {
  justify-self: center;
  position: relative;
  z-index: 1;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: var(--bw-primary);
  box-shadow: 0 0 0 8px var(--bw-who-bg);
  outline: 2px dashed rgba(255, 107, 0, .75);
  outline-offset: 5px
}
.bw-tl-dot.is-dark {
  background: #1a1a1a;
  outline-color: #1a1a1a
}
.bw-tl-card {
  height: 100%;
  padding: 16px 20px;
  border-radius: 14px;
  border: 1px solid rgba(255, 107, 0, .55);
  background: linear-gradient(135deg, #ffd29c 0%, #ffe7cc 42%, #fff7ee 100%);
  transition: transform .25s ease, box-shadow .25s ease
}
.bw-tl-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 28px rgba(255, 107, 0, .18)
}
.bw-tl-card h3 {
  margin: 0 0 6px;
  font-size: 15px;
  line-height: 1.4;
  font-weight: 700;
  color: #000
}
.bw-tl-card p {
  margin: 0;
  font-size: 13px;
  line-height: 1.6;
  font-weight: 500;
  color: #3a2a1c
}
@media (min-width: 768px) {
  .bw-tl {
      gap: 20px
  }
  .bw-tl-card {
      padding: 18px 22px
  }
  .bw-tl-card h3 {
      font-size: 16px
  }
  .bw-tl-card p {
      font-size: 14px
  }
}
@media (max-width: 767px) {
  .bw-tl::before {
      left: 18px;
      top: 12px;
      bottom: 12px;
      transform: none
  }
  .bw-tl-row {
      grid-template-columns: 36px minmax(0, 1fr);
      row-gap: 12px;
      align-items: start
  }
  .bw-tl-dot {
      grid-column: 1;
      grid-row: 1 / span 2;
      justify-self: center;
      align-self: start;
      margin-top: 22px
  }
  .bw-tl-l {
      grid-column: 2;
      grid-row: 1
  }
  .bw-tl-r {
      grid-column: 2;
      grid-row: 2
  }
  .bw-tl-cell:empty {
      display: none
  }
}
.bw-sec-reviews {
  background: linear-gradient(100deg, #ffc27d 0%, #ffe2bd 48%, #ffcb8c 100%)
}
.bw-rv-q {
  position: absolute;
  z-index: 0;
  height: auto;
  pointer-events: none;
  user-select: none
}
.bw-rv-q1 {
  left: -22px;
  top: 18px;
  width: clamp(70px, 10vw, 150px)
}
.bw-rv-q2 {
  right: -14px;
  bottom: 28px;
  width: clamp(70px, 10vw, 150px)
}
.bw-rv {
  position: relative;
  z-index: 1;
  max-width: 960px;
  margin: 0 auto
}
.bw-rv-slides {
  position: relative
}
.bw-rv-slide {
  display: none;
  grid-template-columns: 1fr;
  gap: 24px;
  align-items: center
}
.bw-rv-slide.is-active {
  display: grid;
  animation: bwRvIn .5s ease both
}
.bw-rv-art img {
  display: block;
  width: 100%;
  max-width: 340px;
  height: auto;
  margin: 0 auto;
  border-radius: 16px
}
.bw-rv-stars {
  font-size: 20px;
  letter-spacing: 3px;
  line-height: 1;
  color: #f5b301;
  text-shadow: 0 1px 0 rgba(0, 0, 0, .08);
  text-align: center
}
.bw-rv-quote {
  margin: 14px 0 0;
  font-size: 15px;
  line-height: 1.75;
  font-weight: 500;
  color: #2b2118;
  text-align: center
}
.bw-rv-by {
  margin-top: 16px;
  padding-top: 14px;
  border-top: 1px solid rgba(0, 0, 0, .14);
  text-align: center
}
.bw-rv-name {
  font-size: 16px;
  font-weight: 700;
  color: #000
}
.bw-rv-role {
  margin-top: 2px;
  font-size: 13px;
  font-weight: 500;
  color: #5a4a3a
}
.bw-rv-nav {
  display: none;
  gap: 12px;
  justify-content: center;
  margin-top: 22px
}
.bw-rv.is-ready .bw-rv-nav {
  display: flex
}
.bw-rv-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  padding: 0;
  border-radius: 50%;
  border: 1.5px solid var(--bw-primary);
  background: transparent;
  color: var(--bw-primary);
  cursor: pointer;
  transition: background .2s, color .2s, transform .2s
}
.bw-rv-btn:hover {
  transform: scale(1.06);
  background: #fff
}
.bw-rv-next {
  background: var(--bw-gradient);
  border-color: transparent;
  color: #fff
}
.bw-rv-next:hover {
  background: var(--bw-gradient)
}
.bw-rv-btn:focus-visible {
  outline: 3px solid #1a1a1a;
  outline-offset: 2px
}
@keyframes bwRvIn {
  from {
      opacity: 0;
      transform: translateY(8px)
  }
  to {
      opacity: 1;
      transform: none
  }
}
@media (min-width: 768px) {
  .bw-rv-slide {
      grid-template-columns: minmax(0, 340px) minmax(0, 1fr);
      gap: 44px
  }
  .bw-rv-stars,
  .bw-rv-quote,
  .bw-rv-by {
      text-align: left
  }
  .bw-rv-quote {
      font-size: 16px
  }
  .bw-rv-nav {
      justify-content: flex-start;
      margin-left: calc(340px + 44px)
  }
}
@media (prefers-reduced-motion: reduce) {
  .bw-rv-slide.is-active {
      animation: none
  }
}
.bw-foot-social {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px
}
.bw-foot-social a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 9px;
  background: rgba(255, 255, 255, .14);
  transition: background .2s, transform .2s
}
.bw-foot-social a:hover {
  background: rgba(255, 255, 255, .28);
  transform: translateY(-2px)
}
.bw-foot-social img {
  display: block;
  width: 22px;
  height: 22px;
  object-fit: contain
}
.bw-foot-contact {
  display: grid;
  gap: 14px
}
.bw-foot-contact a,
.bw-foot-line {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #fff;
  font-weight: 700;
  width: fit-content;
  max-width: 100%;
  overflow-wrap: anywhere
}
.bw-foot-ico {
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 8px;
  background: rgba(255, 255, 255, .14)
}
.bw-foot-ico img {
  display: block;
  width: 16px;
  height: 16px;
  object-fit: contain
}
.bw-wa {
  position: fixed;
  right: 16px;
  bottom: 16px;
  z-index: 60;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: #25d366;
  box-shadow: 0 8px 22px rgba(0, 0, 0, .28);
  transition: transform .2s
}
.bw-wa:hover {
  transform: scale(1.08)
}
@media (min-width: 768px) {
  .bw-wa {
      right: 24px;
      bottom: 24px;
      width: 50px;
      height: 50px
  }
}
.lp-footer .lp-footbar {
  padding-inline-end: 76px
}
@media (min-width: 1024px) {
  .lp-footer .lp-footbar {
      padding-inline-end: 96px
  }
}
@media (min-width: 1024px) {
  .bw-hero>.bw-container {
      margin-top: 56px
  }
}
.bw-trust {
  display: flex;
  align-items: center;
  gap: 12px;
  width: fit-content;
  max-width: 100%;
  padding: 9px 18px 9px 12px;
  margin: 0 0 16px;
  box-sizing: border-box;
  border: 1.5px solid transparent;
  border-radius: 14px;
  background: linear-gradient(#fffaf3, #fffaf3) padding-box, conic-gradient(from var(--bw-ang), #ff8a2a 0%, rgba(255, 138, 42, .15) 22%, rgba(255, 138, 42, .15) 52%, #ffb066 76%, #ff8a2a 100%) border-box;
  animation: bw-ang 6s linear infinite;
  font-size: 14px;
  font-weight: 500;
  color: #424242;
  line-height: 1.2
}
.bw-trust-dot {
  position: relative;
  width: 20px;
  height: 20px;
  flex: none;
  border-radius: 6px;
  background: rgba(255, 107, 0, .18);
  display: grid;
  place-items: center
}
.bw-trust-dot::after {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 3px;
  background: #ff6b00;
  animation: bw-trust-live 1.4s ease-in-out infinite
}
@keyframes bw-trust-live {
  0%,
  100% {
      transform: scale(1);
      opacity: 1
  }
  50% {
      transform: scale(.45);
      opacity: .6
  }
}
.bw-trust-avs {
  display: inline-flex;
  flex: none
}
.bw-trust-avs i {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 2px solid #fffaf3;
  display: grid;
  place-items: center;
  overflow: hidden;
  margin-inline-start: -9px;
  font-style: normal
}
.bw-trust-avs i:first-child {
  margin-inline-start: 0
}
.bw-trust-avs svg {
  width: 19px;
  height: 19px;
  fill: #fff;
  margin-top: 4px
}
.bw-trust-txt b {
  color: #cc4d02;
  font-weight: 800;
  font-variant-numeric: tabular-nums
}
.bw-rate {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 12px;
  font-size: 14px;
  color: #000
}
.bw-rate b {
  font-weight: 700
}
.bw-rate span {
  color: #535353
}
.bw-rate-stars {
  display: flex;
  gap: 3px
}
.bw-rate-star {
  position: relative;
  overflow: hidden;
  width: 22px;
  height: 22px;
  border-radius: 5px;
  background: #e9a774;
  display: grid;
  place-items: center
}
.bw-rate-star.half {
  --fill: .5
}
.bw-rate-star::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background: #cc4d02;
  transform-origin: left center;
  transform: scaleX(0);
  will-change: transform;
  animation: bwRateFill 5.2s cubic-bezier(.4, 0, .2, 1) infinite;
  animation-delay: calc(var(--i, 0) * .35s)
}
.bw-rate-star svg {
  position: relative;
  z-index: 1;
  width: 13px;
  height: 13px;
  fill: #fff;
  will-change: transform;
  animation: bwRatePop 5.2s ease-in-out infinite;
  animation-delay: calc(var(--i, 0) * .35s)
}
@keyframes bwRateFill {
  0% {
      transform: scaleX(0)
  }
  10% {
      transform: scaleX(var(--fill, 1))
  }
  84% {
      transform: scaleX(var(--fill, 1))
  }
  94%,
  100% {
      transform: scaleX(0)
  }
}
@keyframes bwRatePop {
  0% {
      transform: scale(.8)
  }
  7% {
      transform: scale(1.22)
  }
  13%,
  94% {
      transform: scale(1)
  }
  100% {
      transform: scale(.8)
  }
}
@media (prefers-reduced-motion: reduce) {
  .bw-trust,
  .bw-trust-dot::after {
      animation: none
  }
  .bw-rate-star::before {
      animation: none;
      transform: scaleX(var(--fill, 1))
  }
  .bw-rate-star svg {
      animation: none
  }
}
@media (max-width: 480px) {
  .bw-trust {
      font-size: 12.5px;
      padding-inline: 10px 12px
  }
}
#networks .lp-mnet {
  background: #fff;
  border: 1px solid #f3d9bd;
  box-shadow: 0 6px 18px -12px rgba(255, 107, 0, .35);
  color: #1a1a1a
}
#networks .lp-mnet-name {
  color: #1a1a1a;
  font-weight: 600
}
#networks .lp-mnet-desc {
  color: #535353;
  opacity: 1
}
#faq {
  background: var(--bw-cream)
}
#faq .lp-eyebrow {
  color: #ff6b00
}
#faq .lp-h2 {
  color: #000
}
#faq .lp-faq {
  border-top-color: rgba(255, 107, 0, .35)
}
#faq .lp-faq details {
  border-bottom-color: rgba(255, 107, 0, .35)
}
#faq .lp-faq summary {
  color: #000;
  font-weight: 600
}
#faq .lp-faq summary span:last-child {
  color: #ff6b00;
  font-weight: 600
}
#faq .lp-faq details[open] summary span:first-child {
  color: #cc4d02
}
#faq .lp-faq p,
#faq .lp-faq .rf-richtext,
#faq .lp-faq .rf-richtext * {
  color: #1a1a1a;
  opacity: 1
}
.bw-trust-avs-img img {
  display: block;
  height: 30px;
  width: auto;
  max-width: 120px
}
.bw-rv-q-flip {
  transform: rotate(180deg)
}
.bw-faq-wrap {
  position: relative;
  overflow: hidden;
  background: var(--bw-cream)
}
.bw-faq-wrap>#faq {
  position: relative;
  z-index: 1;
  background: transparent
}
.bw-faq-deco {
  position: absolute;
  z-index: 0;
  height: auto;
  pointer-events: none;
  user-select: none
}
.bw-faq-deco1 {
  left: -2%;
  top: 6%;
  width: clamp(80px, 11vw, 190px)
}
.bw-faq-deco2 {
  right: -2%;
  bottom: 4%;
  width: clamp(80px, 11vw, 190px)
}
@media (max-width: 767px) {
  .bw-faq-deco {
      opacity: .35;
      width: 90px
  }
}
.bw-menu-cta .bw-up {
  background: linear-gradient(108.21deg, #ff6b00 8.2%, #cc4d02 53.43%, #a13c0b 99.2%) !important;
  color: #fff !important;
  border: 0 !important;
  box-shadow: 0 8px 18px rgba(204, 77, 2, .3)
}
@media (max-width: 480px) {
  .bw-trust {
      font-size: 14px;
      padding: 9px 18px 9px 12px
  }
}
.bw-rate-star::before {
  animation-name: bwRateFill15;
  animation-duration: 15s
}
.bw-rate-star svg {
  animation-name: bwRatePop15;
  animation-duration: 15s
}
@keyframes bwRateFill15 {
  0% {
      transform: scaleX(0)
  }
  3% {
      transform: scaleX(var(--fill, 1))
  }
  28% {
      transform: scaleX(var(--fill, 1))
  }
  31%,
  100% {
      transform: scaleX(0)
  }
}
@keyframes bwRatePop15 {
  0% {
      transform: scale(.8)
  }
  2% {
      transform: scale(1.22)
  }
  4%,
  31% {
      transform: scale(1)
  }
  33%,
  100% {
      transform: scale(.8)
  }
}
@media (prefers-reduced-motion: reduce) {
  .bw-rate-star::before {
      animation: none;
      transform: scaleX(var(--fill, 1))
  }
  .bw-rate-star svg {
      animation: none
  }
}
.bw-trust-avs i {
  border-radius: 8px
}
.bw-trust-avs-img img {
  border-radius: 8px
}
.lp .bw-badge,
.lp .bw-pill,
.lp #networks .lp-eyebrow,
.lp #faq .lp-eyebrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 6px 16px;
  border-radius: 999px;
  background: #fff0d3;
  border: 1px solid #82330c;
  font-weight: 700
}
.lp .bw-pill {
  padding: 10px 24px
}
.lp .bw-badge img,
.lp .bw-pill img {
  width: 20px;
  height: 20px;
  flex: none;
  object-fit: contain
}
.lp .bw-badge:not(:has(img))::before,
.lp .bw-pill:not(:has(img))::before,
.lp #networks .lp-eyebrow:not(:has(img))::before,
.lp #faq .lp-eyebrow:not(:has(img))::before {
  content: "";
  flex: none;
  width: 20px;
  height: 20px;
  background: url("/uploads/badge-icon3f9f.png") center / contain no-repeat
}
@media (min-width: 992px) {
  .bw-shell {
      --bw-side-h: 100dvh
  }
  .bw-shell:not(.bw-collapsed) {
      --rf-sidebar-w: 300px
  }
  .bw-shell .bw-side {
      height: var(--bw-side-h);
      border-radius: 0 !important;
      border-inline-end-width: 1px
  }
  .bw-shell:not(.bw-collapsed) .bw-side {
      width: 300px;
      flex: 0 0 300px
  }
}
@media (min-width: 992px) and (min-height: 900px) {
  .bw-shell:not(.bw-collapsed) .bw-side .bw-group>.bw-group-head {
      width: 299px;
      max-width: none;
      height: 45px !important;
      margin: 0 -12px;
      box-sizing: border-box
  }
  .bw-shell:not(.bw-collapsed) .bw-side .bw-group-head .bw-chev-solid {
      width: 10px;
      height: 16px
  }
  .bw-shell:not(.bw-collapsed) .bw-side .bw-group-head .bw-chev-solid .bw-solid {
      width: 10px !important;
      height: 16px !important
  }
  .bw-shell:not(.bw-collapsed) .bw-side .bw-group-body {
      width: 267px;
      max-width: 100%;
      margin-inline: auto;
      box-sizing: border-box;
      padding: 6px;
      gap: 2px
  }
  .bw-shell:not(.bw-collapsed) .bw-side .bw-group:nth-child(1)>.bw-group-body {
      height: 262px;
      overflow-y: auto;
      scrollbar-width: none
  }
  .bw-shell:not(.bw-collapsed) .bw-side .bw-group-body .bw-item {
      height: 40px
  }
}
@media (min-width: 992px) and (min-height: 900px) {
  .bw-shell:not(.bw-collapsed) .bw-side .bw-group-body .bw-item {
      font-size: 15px;
      font-weight: 600;
      gap: 12px
  }
  .bw-shell:not(.bw-collapsed) .bw-side .bw-group-body .bw-item .bw-item-ico,
  .bw-shell:not(.bw-collapsed) .bw-side .bw-group-body .bw-item .bw-solid {
      width: 18px !important;
      height: 18px !important;
      flex: 0 0 18px
  }
  .bw-shell:not(.bw-collapsed) .bw-side .bw-group-body .bw-item-badge-soon {
      font-size: 11px
  }
}
@media (min-width: 992px) and (min-height: 900px) {
  .bw-shell:not(.bw-collapsed) .bw-side .bw-group>.bw-group-head {
      font-size: 14px;
      font-weight: 700;
      letter-spacing: 0
  }
}
.bw-shell:has(.rf-card button[wire\:click="submit"]) {
  --bf-bg: #f6f1ec;
  --bf-card: #fff;
  --bf-panel: #fff8f1;
  --bf-line: #ecd9c6;
  --bf-field: #fff;
  --bf-text: #1a1a1a;
  --bf-muted: #6b5d50;
  --bf-label: #cc4d02;
  --bf-row: #fff;
  --bf-row-line: #ecd9c6;
  --bf-key: #5a6f8f;
  --bf-head: linear-gradient(90deg, #a13c0b 0%, #cc4d02 45%, #ff6b00 100%);
  --bf-pay: linear-gradient(90deg, #8a9a00 0%, #5f6a00 100%);
  --bf-amount: #cc4d02
}
.dark .bw-shell:has(.rf-card button[wire\:click="submit"]) {
  --bf-bg: #101010;
  --bf-card: #121214;
  --bf-panel: #0a0a0b;
  --bf-line: #2a2a2e;
  --bf-field: #08080a;
  --bf-text: #f4f4f4;
  --bf-muted: #b8b2aa;
  --bf-label: #ff6b00;
  --bf-row: #1b1e25;
  --bf-row-line: #2c303a;
  --bf-key: #8ea4c4;
  --bf-amount: #ff8a2a
}
.bw-shell:has(.rf-card button[wire\:click="submit"]) .rf-imp-content>div {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 20px;
  align-items: start
}
.bw-shell:has(.rf-card button[wire\:click="submit"]) .rf-imp-content>div>.rf-card {
  margin: 0 !important
}
@media (min-width: 1024px) {
  .bw-shell:has(.rf-card button[wire\:click="submit"]) .rf-imp-content>div {
      grid-template-columns: minmax(0, 1.12fr) minmax(0, 1fr)
  }
  .bw-shell:has(.rf-card button[wire\:click="submit"]) .rf-imp-content>div>div.pt-4 {
      grid-column: 1 / -1
  }
  .bw-shell:has(.rf-card button[wire\:click="submit"]) .rf-imp-content>div>.rf-card.mb-6 {
      grid-column: 1;
      grid-row: 2
  }
  .bw-shell:has(.rf-card button[wire\:click="submit"]) .rf-imp-content>div::after {
      grid-column: 2;
      grid-row: 2
  }
  .bw-shell:has(.rf-card button[wire\:click="submit"]) .rf-imp-content>div>.rf-card:not(.mb-6) {
      grid-column: 1 / -1;
      grid-row: 3
  }
}
.bw-shell:has(.rf-card button[wire\:click="submit"]) .rf-imp-content>div>div.pt-4 {
  position: relative;
  overflow: hidden;
  margin: 0 !important;
  padding: 28px 24px !important;
  min-height: 112px;
  border-radius: 14px;
  justify-content: center;
  background: url("/uploads/add-funds.png") right 28px center / auto 86% no-repeat, repeating-radial-gradient(circle at 78% 120%, rgba(255, 255, 255, .07) 0 2px, transparent 2px 22px), linear-gradient(90deg, #a13c0b 0%, #cc4d02 40%, #ff6b00 100%)
}
.bw-shell:has(.rf-card button[wire\:click="submit"]) .rf-imp-content>div>div.pt-4>div>span {
  display: none
}
.bw-shell:has(.rf-card button[wire\:click="submit"]) .rf-page-title {
  color: #fff !important;
  font-size: 20px;
  font-weight: 700
}
.bw-shell:has(.rf-card button[wire\:click="submit"]) .rf-imp-content>div>div.pt-4 p {
  color: rgba(255, 255, 255, .92) !important;
  font-size: 12.5px;
  max-width: 60%
}
@media (max-width: 639px) {
  .bw-shell:has(.rf-card button[wire\:click="submit"]) .rf-imp-content>div>div.pt-4 {
      padding: 20px 16px !important;
      background-size: auto 70%, auto, auto;
      background-position: right 8px bottom 6px, center, center
  }
}
.bw-shell:has(.rf-card button[wire\:click="submit"]) .rf-card {
  background: var(--bf-card);
  border: 1px solid var(--bf-line);
  border-radius: 12px;
  box-shadow: none;
  overflow: hidden;
  color: var(--bf-text)
}
.bw-shell:has(.rf-card button[wire\:click="submit"]) .rf-card.mb-6 {
  position: relative;
  padding-top: 52px
}
.bw-shell:has(.rf-card button[wire\:click="submit"]) .rf-card.mb-6::before {
  content: "Add funds";
  position: absolute;
  inset: 0 0 auto 0;
  height: 52px;
  display: flex;
  align-items: center;
  padding: 0 18px;
  background: var(--bf-head);
  color: #fff;
  font-size: 12.5px;
  font-weight: 700;
  z-index: 1
}
.bw-shell:has(.rf-card button[wire\:click="submit"]) .rf-card.mb-6>.rf-card-body {
  padding: 20px 20px 24px
}
.bw-shell:has(.rf-card button[wire\:click="submit"]) .rf-card .rf-label {
  color: var(--bf-label);
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 8px
}
.bw-shell:has(.rf-card button[wire\:click="submit"]) .rf-card .rf-input,
.bw-shell:has(.rf-card button[wire\:click="submit"]) .rf-card select {
  background: var(--bf-field) !important;
  color: var(--bf-text) !important;
  border: 1px solid var(--bf-line);
  border-radius: 10px;
  height: 46px;
  padding-inline: 14px
}
.bw-shell:has(.rf-card button[wire\:click="submit"]) .rf-card .rf-input:focus {
  border-color: #ff6b00;
  box-shadow: 0 0 0 3px rgba(255, 107, 0, .18);
  outline: 0
}
.bw-shell:has(.rf-card button[wire\:click="submit"]) .rf-card .rf-hint {
  color: var(--bf-muted)
}
.bw-shell:has(.rf-card button[wire\:click="submit"]) .rf-card.mb-6 .max-w-sm {
  max-width: none
}
.bw-shell:has(.rf-card button[wire\:click="submit"]) .rf-card.mb-6 .rf-alert.max-w-sm {
  max-width: none
}
.bw-shell:has(.rf-card button[wire\:click="submit"]) .rf-card.mb-6 button[aria-pressed] {
  flex: 1 1 140px !important;
  max-width: none !important;
  min-width: 0 !important;
  padding: 12px 14px !important;
  flex-direction: row !important;
  justify-content: flex-start;
  gap: 10px !important;
  border-radius: 10px !important;
  background: var(--bf-field) !important;
  border: 1px solid var(--bf-line) !important;
  box-shadow: none !important
}
.bw-shell:has(.rf-card button[wire\:click="submit"]) .rf-card.mb-6 button[aria-pressed="true"] {
  border-color: #ff6b00 !important;
  background: rgba(255, 107, 0, .12) !important
}
.bw-shell:has(.rf-card button[wire\:click="submit"]) .rf-card.mb-6 button[aria-pressed] svg {
  width: 28px !important;
  height: 28px !important
}
.bw-shell:has(.rf-card button[wire\:click="submit"]) .rf-card.mb-6 button[aria-pressed]>span:last-child {
  color: var(--bf-text) !important;
  text-align: start !important;
  font-size: 12.5px !important
}
.bw-shell:has(.rf-card button[wire\:click="submit"]) .rf-card.mb-6 button[wire\:click="submit"] {
  width: 100%;
  height: 46px;
  border: 0;
  border-radius: 10px;
  background: var(--bf-pay);
  color: #fff;
  font-weight: 700;
  font-size: 14px;
  box-shadow: none;
  justify-content: center
}
.bw-shell:has(.rf-card button[wire\:click="submit"]) .rf-card.mb-6 button[wire\:click="submit"]:hover:not(:disabled) {
  filter: brightness(1.12)
}
.bw-shell:has(.rf-card button[wire\:click="submit"]) .rf-card.mb-6 button[wire\:click="submit"]:disabled {
  opacity: .55;
  cursor: not-allowed
}
.bw-shell:has(.rf-card button[wire\:click="submit"]) .rf-card.mb-6 .rounded-xl.border.p-5 {
  background: var(--bf-panel) !important;
  border: 1px dashed rgba(255, 107, 0, .55) !important;
  border-radius: 12px;
  color: var(--bf-text)
}
.bw-shell:has(.rf-card button[wire\:click="submit"]) .rf-card.mb-6 .rounded-xl.border.p-5 * {
  border-color: var(--bf-line)
}
.bw-shell:has(.rf-card button[wire\:click="submit"]) .rf-imp-content>div::after {
  content: "1. Choose a payment method.\A 2. Enter the amount you want to add.\A 3. Press Pay and complete the payment.\A 4. For manual methods, send the exact amount and upload your proof.\A Your balance is credited automatically after the payment is confirmed. Need help? Open a support ticket anytime.";
  white-space: pre-line;
  display: block;
  box-sizing: border-box;
  min-height: 260px;
  padding: 76px 20px 20px;
  margin: 0;
  border: 1px solid var(--bf-line);
  border-radius: 12px;
  color: var(--bf-muted);
  font-size: 12.5px;
  line-height: 1.8;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='52' viewBox='0 0 400 52' preserveAspectRatio='none'%3E%3Ctext x='18' y='31' font-family='Inter,Arial,sans-serif' font-size='14' font-weight='700' fill='%23fff'%3EInstructions%3C/text%3E%3C/svg%3E") left top / 100% 52px no-repeat, linear-gradient(90deg, #a13c0b 0%, #cc4d02 45%, #ff6b00 100%) left top / 100% 52px no-repeat, var(--bf-card)
}
.bw-shell:has(.rf-card button[wire\:click="submit"]) .rf-imp-content>div::after {
  background-blend-mode: normal
}
@media (max-width: 1023px) {
  .bw-shell:has(.rf-card button[wire\:click="submit"]) .rf-imp-content>div::after {
      min-height: 0;
      order: 2
  }
}
.bw-shell:has(.rf-card button[wire\:click="submit"]) .rf-card:not(.mb-6)>div>div:first-child {
  background: var(--bf-head);
  border-bottom: 0 !important;
  padding: 14px 18px !important
}
.bw-shell:has(.rf-card button[wire\:click="submit"]) .rf-card:not(.mb-6)>div>div:first-child * {
  color: #fff !important
}
.bw-shell:has(.rf-card button[wire\:click="submit"]) .rf-card:not(.mb-6)>div>div:first-child span[style*="primary-soft"] {
  background: rgba(255, 255, 255, .18) !important
}
.bw-shell:has(.rf-card button[wire\:click="submit"]) .rf-card:not(.mb-6) .overflow-x-auto {
  padding: 10px 12px 6px
}
.bw-shell:has(.rf-card button[wire\:click="submit"]) .rf-table {
  border-collapse: separate;
  border-spacing: 0 8px;
  background: transparent;
  min-width: 640px
}
.bw-shell:has(.rf-card button[wire\:click="submit"]) .rf-table thead th {
  background: transparent;
  border: 0;
  color: var(--bf-key);
  font-size: 10.5px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .04em;
  padding: 2px 14px
}
.bw-shell:has(.rf-card button[wire\:click="submit"]) .rf-table tbody td {
  background: var(--bf-row);
  border-block: 1px solid var(--bf-row-line);
  color: var(--bf-text);
  padding: 12px 14px;
  font-size: 12.5px;
  font-weight: 600
}
.bw-shell:has(.rf-card button[wire\:click="submit"]) .rf-table tbody td:first-child {
  border-inline-start: 1px solid var(--bf-row-line);
  border-radius: 8px 0 0 8px
}
.bw-shell:has(.rf-card button[wire\:click="submit"]) .rf-table tbody td:last-child {
  border-inline-end: 1px solid var(--bf-row-line);
  border-radius: 0 8px 8px 0
}
.bw-shell:has(.rf-card button[wire\:click="submit"]) .rf-table tbody tr:hover td {
  border-color: rgba(255, 107, 0, .55)
}
.bw-shell:has(.rf-card button[wire\:click="submit"]) .rf-table td .rf-mono {
  color: var(--bf-text) !important
}
.bw-shell:has(.rf-card button[wire\:click="submit"]) .rf-table td [style*="color-text-subtle"] {
  color: var(--bf-key) !important
}
.bw-shell:has(.rf-card button[wire\:click="submit"]) .rf-table td span[style*="font-weight:700"] {
  color: var(--bf-amount) !important
}
.bw-shell:has(.rf-card button[wire\:click="submit"]) .rf-table td span[style*="primary-soft"] {
  background: rgba(255, 107, 0, .16) !important
}
.bw-shell:has(.rf-card button[wire\:click="submit"]) .rf-table td span[style*="primary-soft"] i,
.bw-shell:has(.rf-card button[wire\:click="submit"]) .rf-table td span[style*="primary-soft"] svg {
  color: #ff8a2a !important
}
.bw-shell:has(.rf-card button[wire\:click="submit"]) .rf-card:not(.mb-6)>div>div:last-child:not(:first-child) {
  border-top: 0 !important;
  display: flex;
  justify-content: center;
  padding: 14px 12px 18px !important
}
.bw-shell:has(.rf-card button[wire\:click="submit"]) .rf-card:not(.mb-6) nav a,
.bw-shell:has(.rf-card button[wire\:click="submit"]) .rf-card:not(.mb-6) nav button,
.bw-shell:has(.rf-card button[wire\:click="submit"]) .rf-card:not(.mb-6) nav span[aria-current]>span,
.bw-shell:has(.rf-card button[wire\:click="submit"]) .rf-card:not(.mb-6) nav span[aria-disabled]>span {
  min-width: 30px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  background: #1a1a1a;
  color: #fff;
  border: 0;
  font-size: 12px;
  font-weight: 600;
  text-decoration: none
}
.bw-shell:has(.rf-card button[wire\:click="submit"]) .rf-card:not(.mb-6) nav span[aria-current]>span {
  background: #ff6b00
}
.bw-shell:has(.rf-card button[wire\:click="submit"]) .rf-card:not(.mb-6) nav a:hover,
.bw-shell:has(.rf-card button[wire\:click="submit"]) .rf-card:not(.mb-6) nav button:hover {
  background: #cc4d02
}
@media (max-width: 639px) {
  .bw-shell:has(.rf-card button[wire\:click="submit"]) .rf-imp-content>div {
      gap: 14px
  }
  .bw-shell:has(.rf-card button[wire\:click="submit"]) .rf-card.mb-6>.rf-card-body {
      padding: 16px 14px 18px
  }
  .bw-shell:has(.rf-card button[wire\:click="submit"]) .rf-card:not(.mb-6)>div>div:first-child .sm\:flex {
      display: none
  }
}
.bw-select {
  position: relative
}
.bw-select::after {
  content: "";
  position: absolute;
  inset-inline-end: 16px;
  top: 50%;
  width: 8px;
  height: 8px;
  margin-top: -6px;
  pointer-events: none;
  border-right: 2px solid #ff6b00;
  border-bottom: 2px solid #ff6b00;
  transform: rotate(45deg)
}
.bw-method-select {
  appearance: none;
  -webkit-appearance: none;
  width: 100%;
  cursor: pointer;
  padding-inline-end: 40px !important;
  font-weight: 600;
  text-overflow: ellipsis
}
.bw-method-select option {
  background: #0e0e10;
  color: #f4f4f4
}
html:not(.dark) .bw-method-select option {
  background: #fff;
  color: #1a1a1a
}
.bw-amt {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 14px
}
.bw-amt-swap {
  display: none
}
@media (min-width: 520px) {
  .bw-amt-2 {
      grid-template-columns: minmax(0, 1fr) 28px minmax(0, 1fr);
      align-items: end;
      gap: 10px
  }
  .bw-amt-2 .bw-amt-swap {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 46px;
      color: #ff6b00;
      font-size: 18px;
      font-weight: 700
  }
}
.bw-shell:has(.rf-card button[wire\:click="submit"]) .rf-card.mb-6 .bw-amt .rf-label {
  margin-bottom: 8px
}
.bw-numbox {
  box-sizing: border-box
}
.bw-numbox-val {
  font-size: clamp(18px, 5.4vw, 24px);
  letter-spacing: .02em;
  min-width: 0
}
.bw-shell:has(.rf-card button[wire\:click="submit"]) .bw-numbox,
.bw-shell:has(.rf-card button[wire\:click="submit"]) .rf-card.mb-6 .rounded-lg[style*="primary-soft"] {
  background: linear-gradient(135deg, #2a2644 0%, #3b3466 100%) !important;
  border: 1px solid #7c70d8 !important;
  color: #fff;
  border-radius: 14px !important
}
html:not(.dark) .bw-shell:has(.rf-card button[wire\:click="submit"]) .bw-numbox,
html:not(.dark) .bw-shell:has(.rf-card button[wire\:click="submit"]) .rf-card.mb-6 .rounded-lg[style*="primary-soft"] {
  background: #fff3e8 !important;
  border-color: #ffb066 !important;
  color: #1a1a1a
}
.bw-shell:has(.rf-card button[wire\:click="submit"]) .bw-numbox .rf-btn,
.bw-shell:has(.rf-card button[wire\:click="submit"]) .rf-card.mb-6 .rounded-lg[style*="primary-soft"] .rf-btn {
  border-radius: 999px;
  padding: 4px 16px;
  font-weight: 700
}
@media (max-width: 480px) {
  .bw-numbox .rf-btn {
      width: 100%
  }
}
@keyframes bw-dot-blink {
  0%,
  36% {
      opacity: 1;
      transform: scale(1.3)
  }
  50% {
      opacity: .06;
      transform: scale(.55)
  }
  64%,
  100% {
      opacity: 1;
      transform: scale(1.3)
  }
}
.bw-shell .bw-mode-opt .bw-dots circle {
  transform-box: fill-box;
  transform-origin: center;
  animation: bw-dot-blink 2.4s ease-in-out infinite;
  filter: drop-shadow(0 0 1.6px currentColor)
}
.bw-shell .bw-mode-opt .bw-dots circle:nth-child(1) {
  animation-delay: 0s
}
.bw-shell .bw-mode-opt .bw-dots circle:nth-child(2) {
  animation-delay: .8s
}
.bw-shell .bw-mode-opt .bw-dots circle:nth-child(3) {
  animation-delay: 1.6s
}
@media (prefers-reduced-motion: reduce) {
  .bw-shell .bw-mode-opt .bw-dots circle {
      animation: none;
      filter: none;
      transform: none
  }
}
.bw-shell .bw-user-meta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
  flex: 1 1 auto;
  min-width: 0
}
.bw-shell .bw-chev-bold {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  display: block
}
.bw-shell .bw-pagebox svg,
.bw-shell .bw-cal svg {
  display: block
}
.bw-shell .bw-bottom {
  flex: 0 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin: 2px 20px 0;
  padding-top: 8px;
  border-top: 1px solid rgba(255, 255, 255, .14)
}
.bw-shell .bw-bottom .bw-bbox:only-child {
  grid-column: 1 / -1
}
.bw-shell .bw-bbox {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  height: 40px;
  padding: 0 10px;
  border-radius: 10px;
  border: 1px solid rgba(255, 106, 0, .35);
  background: rgba(255, 106, 0, .10);
  color: inherit;
  text-decoration: none;
  font-family: var(--bw-font);
  font-size: 13.5px;
  font-weight: 600;
  line-height: 1;
  transition: background .2s ease, border-color .2s ease, color .2s ease
}
.bw-shell .bw-bbox:hover {
  background: rgba(255, 106, 0, .20);
  border-color: rgba(255, 106, 0, .65)
}
.bw-shell .bw-bbox.is-active {
  background: var(--bw-gradient, linear-gradient(90deg, #ff6a00, #c2410c));
  border-color: transparent;
  color: #fff
}
.bw-shell .bw-bbox-ico {
  display: inline-flex;
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  color: #ff6a00
}
.bw-shell .bw-bbox.is-active .bw-bbox-ico {
  color: #fff
}
.bw-shell .bw-bbox-ico svg {
  width: 100%;
  height: 100%;
  display: block
}
.bw-shell .bw-bbox-txt {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.bw-shell .bw-bbox-badge {
  position: absolute;
  top: -7px;
  right: -4px;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border-radius: 999px;
  background: #ff6a00;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 0 2px #2b1710
}
@media (max-width: 991px) {
  .bw-shell .bw-bbox {
      height: 44px;
      font-size: 14px
  }
}
.bw-shell.bw-collapsed .bw-bottom {
  margin-inline: 8px
}
.bw-shell.bw-collapsed .bw-bbox {
  justify-content: center;
  padding: 0
}
.bw-shell.bw-collapsed .bw-bbox-txt,
.bw-shell.bw-collapsed .bw-bbox-badge {
  display: none
}
@media (min-width: 992px) {
  .bw-shell .bw-side .bw-nav {
      overflow-y: auto;
      scrollbar-width: none
  }
  .bw-shell .bw-side .bw-nav::-webkit-scrollbar {
      display: none
  }
}
@media (min-width: 992px) and (min-height: 900px) {
  .bw-shell:not(.bw-collapsed) .bw-side .bw-usercard {
      width: 259px;
      max-width: 100%;
      height: 167px;
      flex: 0 0 167px;
      max-height: 167px
  }
  .bw-shell:not(.bw-collapsed) .bw-side .bw-player {
      width: 224px;
      max-width: 100%;
      height: 82px;
      flex: 0 0 82px;
      max-height: 82px;
      margin-inline: auto;
      box-sizing: border-box
  }
}
.bw-shell .bw-bottom {
  grid-template-columns: 1fr;
  gap: 8px;
  margin: 2px 20px 14px;
  padding-top: 10px
}
.bw-shell .bw-bbox {
  height: 44px;
  padding: 0 14px;
  gap: 12px;
  border-radius: 10px;
  font-size: 15px;
  font-weight: 600
}
.bw-shell .bw-bbox-ico {
  width: 20px;
  height: 20px;
  flex: 0 0 20px
}
.dark .bw-shell .bw-bbox {
  background: #753613;
  border: 1px solid rgba(255, 255, 255, .10);
  color: #fff
}
.dark .bw-shell .bw-bbox .bw-bbox-ico {
  color: #fff
}
.dark .bw-shell .bw-bbox:hover {
  background: #8a4118;
  border-color: rgba(255, 255, 255, .18)
}
.dark .bw-shell .bw-bbox.is-active {
  background: linear-gradient(90deg, #a13d0b 0%, #f96700 100%);
  border-color: transparent
}
@media (max-width: 991px) {
  .bw-shell .bw-bbox {
      height: 46px
  }
}
.bw-shell .bw-side .bw-usercard-amount {
  background: linear-gradient(180deg, #97341a 0%, #0c0a09 100%)
}
.bw-shell .bw-side .bw-usercard-plus {
  background: linear-gradient(180deg, #92971a 0%, #0c0a09 100%) !important
}
html:not(.dark) .bw-shell .bw-side .bw-usercard-amount {
  background: linear-gradient(180deg, #617fe1 0%, #0c0a09 100%)
}
html:not(.dark) .bw-shell .bw-bbox {
  background: linear-gradient(120deg, #0a1f4b, #5d5bd3) !important;
  border: 1px solid #1e3a8a;
  color: #fff
}
html:not(.dark) .bw-shell .bw-bbox .bw-bbox-ico {
  color: #fff
}
html:not(.dark) .bw-shell .bw-bbox:hover {
  filter: brightness(1.12)
}
html:not(.dark) .bw-shell .bw-bbox:active,
html:not(.dark) .bw-shell .bw-bbox.is-active {
  background: linear-gradient(90deg, #8a9a00 0%, #5f6a00 100%) !important;
  border-color: #1e3a8a;
  color: #fff
}
html:not(.dark) .bw-shell .bw-side {
  background: linear-gradient(180deg, color-mix(in oklab, #0d009b 74%, #000000) 0%, #392f9d 62%, color-mix(in oklab, #7066db 86%, white) 100%) !important
}
html:not(.dark) .bw-shell .bw-header {
  background: linear-gradient(130deg, rgb(8 22 116) 0%, rgb(225 231 235) 100%);
  border-bottom: 1px solid #ff6a00;
  color: #ffffff
}
html:not(.dark) .bw-shell .bw-header .bw-pagebox,
html:not(.dark) .bw-shell .bw-header .bw-pagebox svg,
html:not(.dark) .bw-shell .bw-header .bw-cal,
html:not(.dark) .bw-shell .bw-header .bw-cal svg,
html:not(.dark) .bw-shell .bw-header .bw-card-btn,
html:not(.dark) .bw-shell .bw-header .bw-card-btn svg,
html:not(.dark) .bw-shell .bw-header .bw-mode-opt:not(.is-on) {
  color: #ffffff;
  opacity: 1
}
html:not(.dark) .bw-shell .bw-header .bw-cal,
html:not(.dark) .bw-shell .bw-header .bw-tg,
html:not(.dark) .bw-shell .bw-header .bw-mode,
html:not(.dark) .bw-shell .bw-header .bw-cur .bw-card-btn {
  background: #424242
}
.bwn-no-top,
.bwn-od-grid {
  --n-card: #fff;
  --n-line: #ecd9c6;
  --n-field: #fff;
  --n-text: #1a1a1a;
  --n-muted: #6b5d50;
  --n-label: #cc4d02;
  --n-icbox: #fff3e8
}
.dark .bwn-no-top,
.dark .bwn-od-grid {
  --n-card: #141414;
  --n-line: #262626;
  --n-field: #0a0a0a;
  --n-text: #f2f2f2;
  --n-muted: #c9c4bd;
  --n-label: #ff6b00;
  --n-icbox: #1f1f1f
}
[data-rf-new-order]>div[style*="flex-direction:column"] {
  gap: 13px !important
}
.bwn-no-top {
  display: flex;
  flex-direction: column;
  gap: 13px;
  font-family: var(--bw-font)
}
.bwn-welcome-grid {
  display: grid;
  grid-template-columns: 1.45fr 1fr;
  gap: 13px
}
.bwn-wcard {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  min-height: 181px;
  padding: 28px 32px;
  border-radius: 12px;
  color: #fff
}
.bwn-wcard-main {
  background: repeating-radial-gradient(circle at 78% 130%, rgba(255, 255, 255, .07) 0 2px, transparent 2px 20px), linear-gradient(105deg, #a13c0b 0%, #cc4d02 45%, #ff6b00 100%)
}
.bwn-wcard-giveaway {
  background: linear-gradient(110deg, #7a5a35 0%, #c98a3f 48%, #ff8a1f 100%)
}
.bwn-wtext {
  position: relative;
  z-index: 2;
  max-width: 58%
}
.bwn-wcard h2,
.bwn-wcard h3 {
  margin: 0 0 10px;
  font-size: 22px;
  line-height: 1.3;
  font-weight: 700;
  color: #fff
}
.bwn-wcard p {
  margin: 0;
  font-size: 13.5px;
  line-height: 1.6;
  font-weight: 500;
  color: rgba(255, 255, 255, .94)
}
.bwn-wave {
  display: inline-block
}
.bwn-wmodel {
  position: absolute;
  z-index: 1;
  right: 3%;
  top: 0;
  bottom: 0;
  width: 42%;
  background: var(--bw-welcome-model, none) right center / contain no-repeat;
  -webkit-mask-image: radial-gradient(closest-side, #000 72%, transparent 100%);
  mask-image: radial-gradient(closest-side, #000 72%, transparent 100%)
}
.bwn-gift {
  position: absolute;
  z-index: 1;
  right: 7%;
  top: 50%;
  transform: translateY(-50%);
  height: 78%;
  display: flex;
  align-items: center
}
.bwn-gift img {
  height: 100%;
  width: auto;
  max-width: 150px;
  object-fit: contain;
  display: block
}
.bwn-arrow-btn {
  position: absolute;
  z-index: 3;
  top: 14px;
  right: 14px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #fff;
  color: #111;
  display: inline-flex;
  align-items: center;
  justify-content: center
}
.bwn-arrow-btn svg {
  width: 16px;
  height: 16px;
  transform: rotate(-45deg)
}
.bwn-notice {
  display: flex;
  align-items: center;
  min-height: 47px;
  padding: 0 22px;
  border-radius: 8px;
  background: linear-gradient(90deg, #6a2a0d 0%, #4f200a 100%);
  color: #fff;
  font-size: 12.5px;
  font-weight: 600
}
.bwn-notice a {
  margin-inline-start: 6px;
  color: #fff;
  text-decoration: underline
}
.bwn-stats-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 13px
}
.bwn-stat {
  display: flex;
  align-items: center;
  gap: 18px;
  min-height: 121px;
  padding: 0 24px;
  background: var(--n-card);
  border: 1px solid var(--n-line);
  border-radius: 14px
}
.bwn-stat-ic {
  flex: 0 0 52px;
  width: 52px;
  height: 52px;
  border-radius: 12px;
  background: var(--n-icbox);
  display: flex;
  align-items: center;
  justify-content: center
}
.bwn-stat-ic img {
  width: 36px;
  height: 36px;
  object-fit: contain;
  display: block
}
.bwn-stat p {
  margin: 0 0 4px;
  font-size: 12px;
  font-weight: 600;
  color: var(--n-muted)
}
.bwn-stat h4 {
  margin: 0;
  font-size: 24px;
  line-height: 1.2;
  font-weight: 800;
  color: #ff6b00;
  background: linear-gradient(90deg, #ff8a2a, #ff6b00);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent
}
.bwn-platform-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px 12px
}
.bwn-platform-btn {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  height: 45px;
  padding: 0 14px 0 28px;
  background: var(--n-card);
  border: 1px solid var(--n-line);
  border-radius: 8px;
  color: var(--n-text);
  font-family: inherit;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: border-color .15s, background .15s
}
.bwn-platform-btn img {
  width: 18px;
  height: 18px;
  object-fit: contain;
  flex: none
}
.bwn-platform-btn:hover,
.bwn-platform-btn.is-active {
  border-color: #ff6b00;
  background: rgba(255, 107, 0, .10)
}
.bwn-od-grid {
  display: grid;
  grid-template-columns: 1.45fr 1fr;
  gap: 13px;
  align-items: start
}
.bwn-od-grid>.bwn-panel:only-child {
  grid-column: 1 / -1
}
.bwn-panel {
  overflow: hidden;
  background: var(--n-card);
  border: 1px solid var(--n-line);
  border-radius: 12px;
  color: var(--n-text)
}
.bwn-panel-head {
  display: flex;
  align-items: center;
  min-height: 78px;
  padding: 0 22px;
  background: linear-gradient(90deg, #a13c0b 0%, #cc4d02 40%, #ff6b00 100%)
}
.bwn-panel-title {
  margin: 0;
  font-size: 16px;
  font-weight: 700;
  color: #fff
}
.bwn-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 10px
}
.bwn-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 36px;
  padding: 0 16px;
  border: 0;
  border-radius: 9px;
  background: rgba(255, 255, 255, .16);
  color: #fff;
  font-family: inherit;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  cursor: pointer
}
.bwn-pill.is-active {
  background: #fff;
  color: #ff6b00
}
.bwn-pill-funds {
  background: linear-gradient(90deg, #8a9a00 0%, #5f6a00 100%);
  color: #fff
}
.bwn-pill img {
  width: 18px;
  height: 18px;
  object-fit: contain
}
.bwn-panel-body {
  padding: 24px
}
.bwn-left .rf-imp-field,
.bwn-lbl {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 0 0 8px;
  color: var(--n-label);
  font-size: 12px;
  font-weight: 700
}
.bwn-left .rf-imp-field-sub {
  display: none
}
.bwn-info {
  color: #ff6b00
}
.bwn-left input[type="text"],
.bwn-left input[type="number"],
.bwn-left input[type="search"],
.bwn-left input[type="url"],
.bwn-left select,
.bwn-left textarea,
.bwn-left .rf-imp-select,
.bwn-left .rf-imp-input {
  height: 44px;
  box-sizing: border-box;
  padding: 0 14px;
  background: var(--n-field) !important;
  border: 1px solid var(--n-line) !important;
  border-radius: 8px !important;
  color: var(--n-text) !important;
  font-size: 13px;
  box-shadow: none
}
.bwn-left textarea {
  height: auto;
  padding: 12px 14px
}
.bwn-ro {
  display: flex;
  align-items: center;
  min-height: 44px;
  padding: 0 14px;
  background: var(--n-field);
  border: 1px solid var(--n-line);
  border-radius: 8px;
  color: var(--n-text);
  font-size: 13px
}
.bwn-minmax {
  margin-top: 6px;
  color: #ff6b00;
  font-size: 12px;
  font-weight: 500
}
.bwn-left .rf-imp-confirm {
  font-size: 11px;
  color: var(--n-muted)
}
.bwn-left .rf-imp-submit {
  width: 100%;
  height: 47px !important;
  border: 0;
  border-radius: 6px;
  background: linear-gradient(90deg, #8a9a00 0%, #5f6a00 100%) !important;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  box-shadow: none;
  justify-content: center
}
.bwn-left .rf-imp-submit:disabled {
  opacity: .6;
  cursor: not-allowed
}
.bwn-left .rf-imp-submit i,
.bwn-left .rf-imp-submit svg {
  display: none
}
.bwn-sd {
  display: flex;
  flex-direction: column;
  gap: 20px
}
.bwn-sd-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 13px
}
.bwn-sd-field label {
  display: block;
  margin: 0 0 8px;
  color: var(--n-label);
  font-size: 12px;
  font-weight: 700
}
.bwn-sd-box {
  display: flex;
  align-items: center;
  min-height: 45px;
  padding: 0 14px;
  background: var(--n-field);
  border: 1px solid var(--n-line);
  border-radius: 8px;
  color: var(--n-text);
  font-size: 13px;
  overflow-wrap: anywhere
}
.bwn-sd-desc {
  min-height: 186px;
  padding: 14px;
  background: var(--n-field);
  border: 1px solid var(--n-line);
  border-radius: 8px;
  color: var(--n-text);
  font-size: 12.5px;
  line-height: 1.8
}
.bwn-sd-line {
  display: flex;
  gap: 6px;
  align-items: flex-start
}
.bwn-sd-shield {
  flex: none;
  font-size: 11px;
  line-height: 1.8
}
@media (max-width: 1199px) {
  .bwn-welcome-grid,
  .bwn-od-grid {
      grid-template-columns: minmax(0, 1fr)
  }
  .bwn-stats-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr))
  }
  .bwn-platform-grid {
      grid-template-columns: repeat(3, minmax(0, 1fr))
  }
}
@media (max-width: 767px) {
  .bwn-wcard {
      padding: 22px 20px;
      min-height: 160px
  }
  .bwn-wtext {
      max-width: 62%
  }
  .bwn-wcard h2,
  .bwn-wcard h3 {
      font-size: 19px
  }
  .bwn-stat {
      min-height: 96px;
      padding: 0 16px;
      gap: 12px
  }
  .bwn-stat h4 {
      font-size: 19px
  }
  .bwn-panel-body {
      padding: 18px 14px
  }
  .bwn-sd-row {
      grid-template-columns: 1fr
  }
}
@media (max-width: 479px) {
  .bwn-stats-grid {
      grid-template-columns: minmax(0, 1fr)
  }
  .bwn-platform-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr))
  }
}
.bwn-stat-ic {
  overflow: hidden
}
.bwn-stat-ic img.bwn-full {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px
}
.bwn-gift img {
  -webkit-mask-image: radial-gradient(closest-side, #000 74%, transparent 100%);
  mask-image: radial-gradient(closest-side, #000 74%, transparent 100%)
}
.bwn-stat-ic {
  flex: 0 0 68px;
  width: 68px;
  height: 68px
}
.bw-shell:has(.rf-card button[wire\:click="submit"]) .bw-numbox .rf-btn,
.bw-shell:has(.rf-card button[wire\:click="submit"]) .rf-card.mb-6 .rounded-lg[style*="primary-soft"] .rf-btn {
  border-radius: 8px;
  padding: 0 16px;
  height: 34px;
  font-size: 13px;
  font-weight: 700;
  line-height: 1
}
.bw-shell:has(.rf-card button[wire\:click="submit"]) .bw-rate-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  height: 34px;
  padding: 0 16px;
  border-radius: 8px;
  box-sizing: border-box;
  background: var(--color-primary-500, #5b4df0);
  color: #fff;
  border: 0;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
  cursor: default;
  user-select: none
}
@media (max-width: 640px) {
  .bw-shell:has(.rf-card button[wire\:click="submit"]) .bw-numbox,
  .bw-shell:has(.rf-card button[wire\:click="submit"]) .rf-card.mb-6 .rounded-lg[style*="primary-soft"] {
      box-sizing: border-box;
      min-height: 128px;
      padding: 20px 18px !important;
      display: flex;
      flex-direction: column;
      justify-content: center;
      border-radius: 16px !important
  }
  .bw-shell:has(.rf-card button[wire\:click="submit"]) .bw-numbox> :first-child,
  .bw-shell:has(.rf-card button[wire\:click="submit"]) .rf-card.mb-6 .rounded-lg[style*="primary-soft"]> :first-child {
      font-size: 13px;
      letter-spacing: .06em;
      margin-bottom: 8px
  }
  .bw-shell:has(.rf-card button[wire\:click="submit"]) .rf-card.mb-6 .rounded-lg[style*="primary-soft"] .rf-mono {
      font-size: clamp(26px, 8vw, 32px);
      line-height: 1.15;
      overflow-wrap: anywhere
  }
  .bw-shell:has(.rf-card button[wire\:click="submit"]) .bw-numbox-val {
      font-size: clamp(22px, 7vw, 28px);
      line-height: 1.15;
      overflow-wrap: anywhere
  }
  .bw-shell:has(.rf-card button[wire\:click="submit"]) .rf-card.mb-6 .rounded-lg[style*="primary-soft"]>.flex,
  .bw-shell:has(.rf-card button[wire\:click="submit"]) .bw-numbox>.flex {
      flex-wrap: wrap;
      row-gap: 12px;
      column-gap: 12px
  }
  .bw-shell:has(.rf-card button[wire\:click="submit"]) .bw-numbox .rf-btn,
  .bw-shell:has(.rf-card button[wire\:click="submit"]) .rf-card.mb-6 .rounded-lg[style*="primary-soft"] .rf-btn,
  .bw-shell:has(.rf-card button[wire\:click="submit"]) .bw-rate-chip {
      height: 40px;
      padding: 0 18px;
      font-size: 14px;
      border-radius: 8px
  }
}
.bw-shell:has(.rf-card button[wire\:click="submit"]) .bw-trxbox .bw-trx-row {
  align-items: stretch
}
.bw-shell:has(.rf-card button[wire\:click="submit"]) .bw-trxbox .bw-trx-input {
  flex: 1 1 200px;
  min-width: 0;
  width: auto;
  height: 40px !important;
  padding: 0 12px !important;
  border-radius: 8px !important;
  background: rgba(0, 0, 0, .30) !important;
  border: 1px solid rgba(255, 255, 255, .20) !important;
  color: #fff !important;
  font-size: 14px;
  font-weight: 600
}
html:not(.dark) .bw-shell:has(.rf-card button[wire\:click="submit"]) .bw-trxbox .bw-trx-input {
  background: #fff !important;
  border-color: #ffb066 !important;
  color: #1a1a1a !important
}
.bw-shell:has(.rf-card button[wire\:click="submit"]) .bw-trxbox .bw-trx-input::placeholder {
  color: rgba(255, 255, 255, .45)
}
.bw-shell:has(.rf-card button[wire\:click="submit"]) .bw-trxbox .bw-trx-input:focus {
  border-color: #ff6b00 !important;
  box-shadow: 0 0 0 3px rgba(255, 107, 0, .25);
  outline: 0
}
.bw-shell:has(.rf-card button[wire\:click="submit"]) .bw-trxbox .rf-btn {
  height: 40px;
  min-width: 96px;
  padding: 0 18px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 700
}
@media (max-width: 640px) {
  .bw-shell:has(.rf-card button[wire\:click="submit"]) .bw-trxbox .bw-trx-input {
      flex: 1 1 100%;
      height: 44px !important
  }
  .bw-shell:has(.rf-card button[wire\:click="submit"]) .bw-trxbox .rf-btn {
      width: 100%;
      height: 44px
  }
}
@media (max-width: 640px) {
  .bw-shell:has(.rf-card button[wire\:click="submit"]) .rf-card.mb-6 .rounded-xl.border.p-5 {
      padding: 14px !important;
      max-width: 100%;
      min-width: 0;
      box-sizing: border-box
  }
  .bw-shell:has(.rf-card button[wire\:click="submit"]) .rf-card.mb-6 .rounded-xl.border.p-5>.grid {
      grid-template-columns: minmax(0, 1fr)
  }
  .bw-shell:has(.rf-card button[wire\:click="submit"]) .rf-card.mb-6 .rounded-xl.border.p-5 .grid>* {
      min-width: 0
  }
  .bw-shell:has(.rf-card button[wire\:click="submit"]) .rf-card.mb-6 .rounded-xl.border.p-5 p {
      overflow-wrap: anywhere
  }
  .bw-shell:has(.rf-card button[wire\:click="submit"]) .bw-numbox,
  .bw-shell:has(.rf-card button[wire\:click="submit"]) .rf-card.mb-6 .rounded-lg[style*="primary-soft"] {
      min-height: 0;
      padding: 12px 14px !important;
      border-radius: 12px !important
  }
  .bw-shell:has(.rf-card button[wire\:click="submit"]) .bw-numbox> :first-child,
  .bw-shell:has(.rf-card button[wire\:click="submit"]) .rf-card.mb-6 .rounded-lg[style*="primary-soft"]> :first-child {
      font-size: 10.5px;
      letter-spacing: .05em;
      margin-bottom: 6px
  }
  .bw-shell:has(.rf-card button[wire\:click="submit"]) .rf-card.mb-6 .rounded-lg[style*="primary-soft"] .rf-mono,
  .bw-shell:has(.rf-card button[wire\:click="submit"]) .bw-numbox-val {
      font-size: clamp(19px, 6vw, 23px);
      line-height: 1.2
  }
  .bw-shell:has(.rf-card button[wire\:click="submit"]) .rf-card.mb-6 .rounded-lg[style*="primary-soft"]>.flex,
  .bw-shell:has(.rf-card button[wire\:click="submit"]) .bw-numbox>.flex {
      row-gap: 8px;
      column-gap: 8px
  }
  .bw-shell:has(.rf-card button[wire\:click="submit"]) .bw-numbox .rf-btn,
  .bw-shell:has(.rf-card button[wire\:click="submit"]) .rf-card.mb-6 .rounded-lg[style*="primary-soft"] .rf-btn,
  .bw-shell:has(.rf-card button[wire\:click="submit"]) .bw-rate-chip {
      height: 34px;
      padding: 0 14px;
      font-size: 12.5px
  }
  .bw-shell:has(.rf-card button[wire\:click="submit"]) .bw-trxbox .bw-trx-input {
      flex: 1 1 140px;
      height: 40px !important;
      font-size: 13px
  }
  .bw-shell:has(.rf-card button[wire\:click="submit"]) .bw-trxbox .rf-btn {
      width: auto;
      min-width: 84px;
      height: 40px;
      font-size: 13px
  }
  .bw-shell:has(.rf-card button[wire\:click="submit"]) .rf-card:not(.mb-6) .overflow-x-auto {
      overflow: visible;
      padding: 10px 12px 6px
  }
  .bw-shell:has(.rf-card button[wire\:click="submit"]) .rf-table {
      display: block;
      width: 100%;
      min-width: 0 !important;
      border-spacing: 0
  }
  .bw-shell:has(.rf-card button[wire\:click="submit"]) .rf-table thead {
      display: none
  }
  .bw-shell:has(.rf-card button[wire\:click="submit"]) .rf-table tbody {
      display: grid;
      gap: 10px
  }
  .bw-shell:has(.rf-card button[wire\:click="submit"]) .rf-table tbody tr {
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
      gap: 10px 8px;
      padding: 14px 12px;
      text-align: center;
      background: var(--bf-row);
      border: 1px solid var(--bf-row-line);
      border-radius: 14px
  }
  .bw-shell:has(.rf-card button[wire\:click="submit"]) .rf-table tbody td {
      display: block;
      min-width: 0;
      padding: 0 !important;
      background: transparent !important;
      border: 0 !important;
      border-radius: 0 !important;
      text-align: center;
      font-size: 13.5px
  }
  .bw-shell:has(.rf-card button[wire\:click="submit"]) .rf-table tbody td::before {
      display: block;
      margin-bottom: 3px;
      color: #cdd3dc;
      font-size: 12px;
      font-weight: 700;
      letter-spacing: 0;
      text-transform: none
  }
  html:not(.dark) .bw-shell:has(.rf-card button[wire\:click="submit"]) .rf-table tbody td::before {
      color: #6b5d50
  }
  .bw-shell:has(.rf-card button[wire\:click="submit"]) .rf-table tbody td:nth-child(1) {
      grid-column: 1 / -1;
      order: 1
  }
  .bw-shell:has(.rf-card button[wire\:click="submit"]) .rf-table tbody td:nth-child(1)::before {
      content: "ID"
  }
  .bw-shell:has(.rf-card button[wire\:click="submit"]) .rf-table tbody td:nth-child(2) {
      grid-column: 1 / -1;
      order: 2
  }
  .bw-shell:has(.rf-card button[wire\:click="submit"]) .rf-table tbody td:nth-child(2)::before {
      content: "Method"
  }
  .bw-shell:has(.rf-card button[wire\:click="submit"]) .rf-table tbody td:nth-child(2)>* {
      justify-content: center
  }
  .bw-shell:has(.rf-card button[wire\:click="submit"]) .rf-table tbody td:nth-child(4) {
      order: 3
  }
  .bw-shell:has(.rf-card button[wire\:click="submit"]) .rf-table tbody td:nth-child(4)::before {
      content: "Amount"
  }
  .bw-shell:has(.rf-card button[wire\:click="submit"]) .rf-table tbody td:nth-child(3) {
      order: 4
  }
  .bw-shell:has(.rf-card button[wire\:click="submit"]) .rf-table tbody td:nth-child(3)::before {
      content: "Date"
  }
  .bw-shell:has(.rf-card button[wire\:click="submit"]) .rf-table tbody td:nth-child(5) {
      order: 5
  }
  .bw-shell:has(.rf-card button[wire\:click="submit"]) .rf-table tbody td:nth-child(5)::before {
      content: "Status"
  }
  .bw-shell:has(.rf-card button[wire\:click="submit"]) .rf-table tbody td:nth-child(6) {
      order: 6
  }
  .bw-shell:has(.rf-card button[wire\:click="submit"]) .rf-table tbody td:nth-child(6)::before {
      content: none
  }
  .bw-shell:has(.rf-card button[wire\:click="submit"]) .rf-table tbody td:nth-child(5) *,
  .bw-shell:has(.rf-card button[wire\:click="submit"]) .rf-table tbody td:nth-child(6) .rf-btn {
      margin-inline: auto
  }
}
@media (max-width: 640px) {
  .bw-shell:has(.rf-card button[wire\:click="submit"]) .bw-numbox .rf-btn {
      width: auto;
      min-width: 72px
  }
}
.bws {
  --bws-card: #ffffff;
  --bws-card-2: #f7f3ee;
  --bws-line: #e6dccf;
  --bws-text: #1a1a1a;
  --bws-muted: #6b6258;
  --bws-group: #fff1e3;
  --bws-row: #ffffff;
  --bws-input: #ffffff;
  --bws-head: linear-gradient(90deg, #ff6b00 0%, #f26a1d 100%);
  color: var(--bws-text);
  font-family: var(--bw-font);
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%
}
.dark .bws {
  --bws-card: #151515;
  --bws-card-2: #1b1b1b;
  --bws-line: #2c2c2c;
  --bws-text: #f2f2f2;
  --bws-muted: #a8a8a8;
  --bws-group: #0b0b0b;
  --bws-row: #171717;
  --bws-input: #101010
}
[x-cloak] {
  display: none !important
}
.bws-hero {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  min-height: 180px;
  padding: 30px 35px;
  border-radius: 14px;
  color: #fff;
  background: repeating-radial-gradient(circle at 70% 130%, rgba(255, 255, 255, .06) 0 2px, transparent 2px 24px), linear-gradient(100deg, #b5470a 0%, #d9560a 38%, #ee6a1c 70%, #f27a2c 100%)
}
.bws-hero-text {
  position: relative;
  z-index: 2
}
.bws-hero h2 {
  margin: 0 0 10px;
  font-size: 26px;
  line-height: 1.2;
  font-weight: 700;
  color: #fff
}
.bws-hero p {
  margin: 0;
  font-size: 14.5px;
  font-weight: 600;
  color: #fff
}
.bws-hero-art {
  position: absolute;
  right: 52px;
  top: 50%;
  width: 120px;
  height: 120px;
  transform: translateY(-50%);
  pointer-events: none
}
.bws-tile {
  position: absolute;
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background: #fff;
  display: grid;
  place-items: center;
  box-shadow: 0 6px 14px rgba(0, 0, 0, .25)
}
.bws-tile svg {
  width: 20px;
  height: 20px
}
.bws-tile.t1 {
  left: 40px;
  top: 30px;
  z-index: 3;
  color: #ff0000
}
.bws-tile.t2 {
  left: 6px;
  top: 42px;
  z-index: 2;
  color: #1877f2;
  transform: rotate(-8deg)
}
.bws-tile.t3 {
  left: 74px;
  top: 40px;
  z-index: 2;
  color: #e1306c;
  transform: rotate(8deg)
}
.bws-tile.t4 {
  left: 30px;
  top: 6px;
  color: #229ed9;
  transform: rotate(-6deg)
}
.bws-tile.t5 {
  left: 72px;
  top: 8px;
  color: #000;
  transform: rotate(6deg)
}
.bws-base {
  position: absolute;
  left: 4px;
  right: 4px;
  bottom: 6px;
  height: 34px;
  border-radius: 50%;
  background: linear-gradient(180deg, #5aa8ff, #2f6fd6);
  box-shadow: 0 8px 14px rgba(0, 0, 0, .3)
}
.bws-platforms {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px
}
.bws-plat {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  height: 44px;
  padding: 0 12px;
  border-radius: 8px;
  cursor: pointer;
  background: var(--bws-card);
  border: 1px solid var(--bws-line);
  color: var(--bws-text);
  font: 600 16px/1 var(--bw-font);
  transition: border-color .15s, background .15s
}
.bws-plat:hover {
  border-color: #ff6b00
}
.bws-plat:active,
.bws-plat.is-active {
  background: linear-gradient(180deg, #8fa100, #6f7f00);
  border-color: #8fa100;
  color: #fff
}
.bws-plat-ico {
  width: 22px;
  height: 22px;
  border-radius: 6px;
  display: inline-grid;
  place-items: center;
  flex: none;
  color: #fff;
  overflow: hidden
}
.bws-plat-ico svg {
  width: 15px;
  height: 15px;
  fill: currentColor
}
.bws-plat-mono {
  background: #444;
  font-size: 10px;
  font-weight: 700
}
.bws-filter {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 24px 30px;
  border-radius: 12px;
  background: var(--bws-card);
  border: 1px solid var(--bws-line)
}
.bws-drop {
  position: relative
}
.bws-pill {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  height: 50px;
  padding: 4px 14px 4px 4px;
  border-radius: 10px;
  cursor: pointer;
  background: transparent;
  border: 1px solid #ff6b00;
  color: #ff6b00;
  font: 700 14px/1 var(--bw-font)
}
.bws-pill-ico {
  width: 40px;
  height: 40px;
  border-radius: 8px;
  display: grid;
  place-items: center;
  color: #fff;
  background: linear-gradient(135deg, #ff7a1a, #e8590c)
}
.bws-pill-label {
  max-width: 220px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.bws-menu {
  position: absolute;
  z-index: 40;
  top: calc(100% + 8px);
  left: 0;
  width: 340px;
  max-width: 86vw;
  max-height: 340px;
  overflow-y: auto;
  padding: 6px;
  border-radius: 12px;
  background: var(--bws-card);
  border: 1px solid #ff6b00;
  box-shadow: 0 18px 40px rgba(0, 0, 0, .45)
}
.bws-menu-item {
  display: block;
  width: 100%;
  text-align: left;
  padding: 10px 12px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--bws-text);
  font: 500 13.5px/1.35 var(--bw-font);
  cursor: pointer
}
.bws-menu-item:hover {
  background: rgba(255, 107, 0, .12)
}
.bws-menu-item.is-selected {
  background: rgba(255, 107, 0, .18);
  color: #ff6b00;
  font-weight: 700
}
.bws-search {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 320px;
  max-width: 100%;
  height: 50px;
  padding: 0 16px;
  border-radius: 10px;
  background: var(--bws-input);
  border: 1px solid var(--bws-line);
  color: var(--bws-text)
}
.bws-search:focus-within {
  border-color: #ff6b00
}
.bws-search svg {
  flex: none
}
.bws-search input {
  flex: 1;
  min-width: 0;
  height: 100%;
  border: 0;
  outline: 0;
  background: transparent;
  color: inherit;
  font: 500 14px var(--bw-font);
  box-shadow: none;
  padding: 0
}
.bws-search input::placeholder {
  color: var(--bws-muted)
}
.bws-table {
  border-radius: 12px;
  overflow: hidden;
  background: var(--bws-card);
  border: 1px solid var(--bws-line)
}
.bws-thead,
.bws-row {
  display: grid;
  align-items: center;
  column-gap: 12px;
  padding-inline: 16px;
  grid-template-columns: 78px minmax(220px, 1fr) 100px 110px 100px 120px 170px 100px
}
.bws-thead {
  height: 66px;
  background: var(--bws-head);
  color: #fff;
  font-size: 14px;
  font-weight: 700
}
.bws-group {
  display: flex;
  align-items: center;
  gap: 10px;
  height: 54px;
  padding: 0 18px;
  background: var(--bws-group);
  font-size: 18px;
  color: var(--bws-text);
  border-top: 1px solid var(--bws-line)
}
.bws-group strong {
  font-weight: 600
}
.bws-group-ico {
  width: 20px;
  height: 20px;
  display: inline-grid;
  place-items: center;
  flex: none
}
.bws-group-ico svg {
  width: 18px;
  height: 18px
}
.bws-group-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #ff6b00
}
.bws-row {
  min-height: 52px;
  background: var(--bws-row);
  border-top: 1px solid var(--bws-line);
  font-size: 12.5px;
  font-weight: 500;
  color: var(--bws-text)
}
.bws-row:hover {
  background: var(--bws-card-2)
}
.bws-id {
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer
}
.bws-star {
  width: 16px;
  height: 16px;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  color: #f0f0f0;
  display: grid;
  place-items: center
}
.bws-star svg {
  width: 16px;
  height: 16px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.6;
  stroke-linejoin: round
}
.bws-star.is-on {
  color: #ffb000
}
.bws-star.is-on svg {
  fill: currentColor
}
.bws-name {
  padding-block: 10px;
  line-height: 1.4;
  overflow-wrap: anywhere
}
.bws-refill {
  font-style: normal;
  color: #34c759;
  margin-inline-start: 4px
}
.bws-basket {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  display: grid;
  place-items: center;
  color: #fff;
  background: linear-gradient(180deg, #a3c24a, #6f9023);
  transition: transform .15s, filter .15s
}
.bws-basket:hover {
  transform: translateY(-1px);
  filter: brightness(1.1)
}
.bws-basket svg {
  width: 19px;
  height: 19px
}
.bws-details {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  padding: 0 16px;
  border: 0;
  border-radius: 6px;
  cursor: pointer;
  background: linear-gradient(180deg, #ff7a1a, #f26a1d);
  color: #fff;
  font: 700 12px/1 var(--bw-font);
  text-decoration: none;
  transition: filter .15s
}
.bws-details:hover {
  filter: brightness(1.08)
}
.bws-details.bws-ghost {
  background: transparent;
  color: var(--bws-text);
  border: 1px solid var(--bws-line)
}
.bws-empty {
  padding: 56px 20px;
  text-align: center;
  color: var(--bws-muted);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px
}
.bws-empty p {
  margin: 0;
  font-weight: 700;
  color: var(--bws-text)
}
.bws-pager {
  margin-top: -4px
}
.bws-modal {
  position: fixed;
  inset: 0;
  z-index: 90;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  background: rgba(0, 0, 0, .65)
}
.bws-dialog {
  width: 100%;
  max-width: 560px;
  max-height: 90vh;
  display: flex;
  flex-direction: column;
  border-radius: 14px;
  overflow: hidden;
  background: var(--bws-card);
  border: 1px solid #ff6b00;
  color: var(--bws-text)
}
.bws-dialog-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 18px;
  background: var(--bws-head);
  color: #fff
}
.bws-dialog-head h4 {
  margin: 0;
  font-size: 16px;
  font-weight: 700;
  color: #fff
}
.bws-x {
  width: 30px;
  height: 30px;
  border: 0;
  border-radius: 8px;
  display: grid;
  place-items: center;
  background: rgba(255, 255, 255, .18);
  color: #fff;
  cursor: pointer
}
.bws-dialog-body {
  padding: 18px;
  overflow-y: auto
}
.bws-dgrid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-bottom: 16px
}
.bws-dgrid>div {
  padding: 12px 14px;
  border-radius: 10px;
  background: var(--bws-card-2);
  border: 1px solid var(--bws-line)
}
.bws-dgrid span,
.bws-ddesc span {
  display: block;
  font-size: 11.5px;
  font-weight: 600;
  color: var(--bws-muted);
  margin-bottom: 4px
}
.bws-dgrid strong {
  font-size: 14px;
  font-weight: 700
}
.bws-ddesc p {
  margin: 0;
  padding: 12px 14px;
  border-radius: 10px;
  background: var(--bws-card-2);
  border: 1px solid var(--bws-line);
  font-size: 13px;
  line-height: 1.6;
  max-height: 40vh;
  overflow-y: auto
}
.bws-dialog-foot {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  padding: 14px 18px;
  border-top: 1px solid var(--bws-line)
}
.bws-dialog-foot .bws-details {
  height: 38px;
  padding: 0 20px
}
@media (max-width: 1279px) {
  .bws-platforms {
      grid-template-columns: repeat(4, minmax(0, 1fr))
  }
}
@media (max-width: 1023px) {
  .bws-table {
      overflow-x: auto;
      -webkit-overflow-scrolling: touch
  }
  .bws-thead,
  .bws-row {
      min-width: 920px
  }
}
@media (max-width: 767px) {
  .bws {
      gap: 16px
  }
  .bws-hero {
      min-height: 130px;
      padding: 20px 20px;
      border-radius: 14px
  }
  .bws-hero h2 {
      font-size: 20px;
      margin-bottom: 8px
  }
  .bws-hero p {
      font-size: 13px
  }
  .bws-hero-art {
      right: 14px;
      transform: translateY(-50%) scale(.62);
      transform-origin: right center
  }
  .bws-platforms {
      grid-template-columns: none;
      grid-template-rows: repeat(2, 40px);
      grid-auto-flow: column;
      grid-auto-columns: calc((100% - 50px) / 6);
      gap: 10px;
      overflow-x: auto;
      overflow-y: hidden;
      padding: 0;
      margin: 0;
      scrollbar-width: none;
      -ms-overflow-style: none;
      -webkit-overflow-scrolling: touch
  }
  .bws-platforms::-webkit-scrollbar {
      display: none
  }
  .bws-plat {
      height: 40px;
      min-width: 0;
      padding: 0;
      gap: 0;
      font-size: 0;
      border-radius: 8px;
      justify-content: center;
      background: var(--bws-card);
      border: 1px solid var(--bws-line)
  }
  .bws-plat-ico {
      width: 24px;
      height: 24px;
      border-radius: 7px;
      color: #fff
  }
  .bws-plat-ico svg {
      width: 16px;
      height: 16px;
      fill: currentColor
  }
  .bws-plat-mono {
      font-size: 11px
  }
  .bws-plat>i,
  .bws-plat>svg {
      width: 20px !important;
      height: 20px !important
  }
  .bws-plat:first-child {
      display: none
  }
  .bws-filter {
      flex-direction: column;
      align-items: stretch;
      gap: 16px;
      padding: 20px 20px;
      border-radius: 12px
  }
  .bws-drop {
      width: 100%
  }
  .bws-pill {
      width: 100%;
      height: 50px;
      justify-content: space-between;
      padding: 4px 16px 4px 4px;
      border-radius: 10px
  }
  .bws-pill-label {
      flex: 1;
      max-width: none;
      text-align: center;
      font-size: 14px
  }
  .bws-menu {
      width: 100%;
      max-width: 100%
  }
  .bws-search {
      width: 100%;
      height: 50px;
      border-radius: 10px
  }
  .bws-table {
      overflow-x: auto;
      overflow-y: hidden;
      -webkit-overflow-scrolling: touch;
      border-radius: 12px
  }
  .bws-thead,
  .bws-row {
      min-width: 1320px;
      grid-template-columns: 78px 430px 90px 110px 100px 120px 170px 100px;
      column-gap: 12px;
      padding-inline: 16px
  }
  .bws-thead {
      height: 66px;
      font-size: 14px
  }
  .bws-group {
      position: sticky;
      left: 0;
      width: 100vw;
      max-width: 100%;
      box-sizing: border-box;
      height: 62px;
      padding: 0 16px;
      font-size: 18px
  }
  .bws-row {
      min-height: 52px;
      font-size: 12.5px;
      font-weight: 600
  }
  .bws-name {
      white-space: nowrap;
      padding-block: 0
  }
  .bws-row [data-label]::before {
      content: none !important
  }
  .bws-row .bws-id,
  .bws-row .bws-name,
  .bws-row .bws-desc {
      grid-column: auto
  }
  .bws-dgrid {
      grid-template-columns: 1fr
  }
}
@media (prefers-reduced-motion: reduce) {
  .bws-basket,
  .bws-details,
  .bws-plat {
      transition: none
  }
}
@media (max-width: 1023px) {
  html:has(.bw-shell),
  html:has(.bw-shell) body {
      height: auto;
      min-height: 100%;
      overflow: visible;
      overscroll-behavior-y: auto
  }
  .bw-shell {
      height: auto;
      min-height: 100vh;
      min-height: 100dvh;
      overflow: visible
  }
  .bw-shell .rf-imp-main {
      height: auto;
      min-height: 100vh;
      min-height: 100dvh;
      overflow: visible
  }
  .bw-shell .rf-imp-content {
      overflow: visible;
      flex: 1 0 auto;
      overscroll-behavior: auto
  }
  .bw-shell .bw-header {
      position: sticky;
      top: 0;
      z-index: 50
  }
  .bw-shell .bw-side,
  .bw-shell .bw-nav {
      overscroll-behavior: contain
  }
}
.bwn-stat-ic.is-real {
  flex: 0 0 72px;
  width: 72px;
  height: 72px;
  background: transparent;
  border: 0;
  border-radius: 0;
  overflow: visible
}
.bwn-stat-ic.is-real img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 0;
  display: block
}
.bwn-gift.is-real {
  right: 6%;
  top: auto;
  bottom: 0;
  transform: none;
  height: 90%;
  align-items: flex-end
}
.bwn-gift.is-real img {
  -webkit-mask-image: none;
  mask-image: none;
  height: 100%;
  width: auto;
  max-width: 200px;
  object-fit: contain;
  object-position: right bottom
}
.bwn-wcard-giveaway .bwn-wtext {
  max-width: 56%
}
@media (max-width: 640px) {
  .bwn-stat-ic.is-real {
      flex-basis: 56px;
      width: 56px;
      height: 56px
  }
  .bwn-gift.is-real {
      right: 4%;
      height: 80%
  }
  .bwn-gift.is-real img {
      max-width: 130px
  }
}
.bwn-platform-grid {
  --bwn-ic-d: 26px;
  --bwn-ic-m: 24px
}
.bwn-platform-btn {
  gap: 12px;
  padding: 0 14px 0 20px
}
.bwn-platform-btn .bwn-plat-svg {
  width: var(--bwn-ic-d);
  height: var(--bwn-ic-d);
  flex: none;
  display: block;
  border-radius: 6px
}
.bwn-platform-btn .bwn-plat-label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}
@media (max-width: 767px) {
  .bwn-platform-grid {
      grid-template-columns: repeat(6, minmax(0, 1fr));
      gap: 10px 8px
  }
  .bwn-platform-btn {
      justify-content: center;
      height: 45px;
      padding: 0;
      gap: 0;
      border-radius: 8px
  }
  .bwn-platform-btn .bwn-plat-label {
      display: none
  }
  .bwn-platform-btn .bwn-plat-svg {
      width: var(--bwn-ic-m);
      height: var(--bwn-ic-m)
  }
  .bwn-stats-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 10px
  }
  .bwn-stat {
      min-height: 88px;
      padding: 0 12px;
      gap: 10px;
      border-radius: 12px
  }
  .bwn-stat-ic {
      flex: 0 0 46px;
      width: 46px;
      height: 46px;
      border-radius: 10px
  }
  .bwn-stat-ic img.bwn-full {
      border-radius: 10px
  }
  .bwn-stat p {
      font-size: 11px;
      margin-bottom: 2px
  }
  .bwn-stat h4 {
      font-size: 16px
  }
}
.bwn-stat .stat-icon.bwn-stat-ic {
  flex: 0 0 68px;
  width: 68px;
  height: 68px;
  border-radius: 14px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--n-icbox)
}
.bwn-stat .stat-icon.bwn-stat-ic img.img-fluid {
  width: 46px;
  height: 46px;
  max-width: 100%;
  object-fit: contain;
  border-radius: 0;
  display: block
}
@media (max-width: 767px) {
  .bwn-stat .stat-icon.bwn-stat-ic {
      flex-basis: 56px;
      width: 56px;
      height: 56px;
      border-radius: 12px
  }
  .bwn-stat .stat-icon.bwn-stat-ic img.img-fluid {
      width: 38px;
      height: 38px
  }
}
.bwn-platform-btn,
.bwn-stat,
.bwn-stat-ic,
.bwn-stat p,
.bwn-panel,
.bwn-sd-box,
.bwn-sd-desc,
.bwn-ro,
.bwn-left .rf-imp-field,
.bwn-lbl,
.bwn-sd-field label,
.bwn-platform-btn .bwn-plat-label {
  transition: background-color .3s ease, border-color .3s ease, color .3s ease, box-shadow .3s ease
}
.bwn-platform-btn {
  background-color: var(--n-card);
  border-color: var(--n-line);
  color: var(--n-text)
}
.bwn-platform-btn .bwn-plat-label {
  color: inherit
}
.bwn-platform-btn:hover,
.bwn-platform-btn.is-active {
  border-color: var(--bw-primary);
  background-color: color-mix(in srgb, var(--bw-primary) 10%, var(--n-card))
}
@media (prefers-reduced-motion: reduce) {
  .bwn-platform-btn,
  .bwn-stat,
  .bwn-stat-ic,
  .bwn-stat p,
  .bwn-panel,
  .bwn-sd-box,
  .bwn-sd-desc,
  .bwn-ro {
      transition: none
  }
}
.bwn-pill-funds {
  position: relative;
  overflow: hidden;
  isolation: isolate
}
.bwn-pill-funds::after {
  content: "";
  position: absolute;
  top: -20%;
  bottom: -20%;
  left: 0;
  width: 45%;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(105deg, transparent 0%, rgba(255, 255, 255, .55) 50%, transparent 100%);
  transform: translateX(-130%) skewX(-18deg);
  animation: bwn-funds-sweep 2.8s ease-in-out infinite
}
@keyframes bwn-funds-sweep {
  0% {
      transform: translateX(-130%) skewX(-18deg)
  }
  55%,
  100% {
      transform: translateX(300%) skewX(-18deg)
  }
}
.bwn-pill-funds img {
  position: relative;
  z-index: 2
}
@media (prefers-reduced-motion: reduce) {
  .bwn-pill-funds::after {
      animation: none;
      display: none
  }
}
.bwn-confirm-text {
  margin: 0 0 2px;
  padding: 0;
  border: 0;
  background: none;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .3px;
  text-transform: uppercase;
  color: var(--n-muted)
}
.bwr {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0 0 16px
}
.bwr .bwr-row {
  display: flex;
  align-items: center;
  gap: 8px
}
.bwr .bwr-row-t {
  gap: 12px
}
.bwr .bwr-stars {
  display: flex;
  gap: 6px
}
.bwr .bwr-stars svg,
.bwr .bwr-stars img {
  display: block;
  flex: none;
  width: 20px;
  height: 20px;
  max-width: none;
  padding: 3px;
  box-sizing: border-box;
  color: #fff;
  border-radius: 4px;
  background-color: #e9a774;
  background-image: linear-gradient(#ff7025, #ff7025);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 0% 100%
}
.bwr .bwr-stars img {
  object-fit: contain
}
.bwr .bwr-stars> :nth-child(5) {
  --fill: .5
}
.bwr .bwr-stars>* {
  animation-duration: 5.2s;
  animation-timing-function: cubic-bezier(.4, 0, .2, 1);
  animation-iteration-count: infinite;
  animation-delay: 0s
}
.bwr .bwr-stars> :nth-child(1) {
  animation-name: bwrStarFill1
}
.bwr .bwr-stars> :nth-child(2) {
  animation-name: bwrStarFill2
}
.bwr .bwr-stars> :nth-child(3) {
  animation-name: bwrStarFill3
}
.bwr .bwr-stars> :nth-child(4) {
  animation-name: bwrStarFill4
}
.bwr .bwr-stars> :nth-child(5) {
  animation-name: bwrStarFill5
}
@keyframes bwrStarFill1 {
  0% {
      background-size: 0% 100%
  }
  10%,
  88.46% {
      background-size: calc(var(--fill, 1) * 100%) 100%
  }
  98.46%,
  100% {
      background-size: 0% 100%
  }
}
@keyframes bwrStarFill2 {
  0%,
  6.73% {
      background-size: 0% 100%
  }
  16.73%,
  81.73% {
      background-size: calc(var(--fill, 1) * 100%) 100%
  }
  91.73%,
  100% {
      background-size: 0% 100%
  }
}
@keyframes bwrStarFill3 {
  0%,
  13.46% {
      background-size: 0% 100%
  }
  23.46%,
  75% {
      background-size: calc(var(--fill, 1) * 100%) 100%
  }
  85%,
  100% {
      background-size: 0% 100%
  }
}
@keyframes bwrStarFill4 {
  0%,
  20.19% {
      background-size: 0% 100%
  }
  30.19%,
  68.27% {
      background-size: calc(var(--fill, 1) * 100%) 100%
  }
  78.27%,
  100% {
      background-size: 0% 100%
  }
}
@keyframes bwrStarFill5 {
  0%,
  26.92% {
      background-size: 0% 100%
  }
  36.92%,
  61.54% {
      background-size: calc(var(--fill, 1) * 100%) 100%
  }
  71.54%,
  100% {
      background-size: 0% 100%
  }
}
.bwr .bwr-score {
  display: flex;
  align-items: center;
  gap: 6px;
  line-height: 1.25
}
.bwr .bwr-ex {
  font-size: 16px;
  font-weight: 700;
  color: #111827
}
.bwr .bwr-sc {
  font-size: 14px;
  color: #6b7280
}
.bwr .bwr-avs {
  display: flex
}
.bwr .bwr-avs span {
  position: relative;
  display: block;
  flex: none;
  width: 24px;
  height: 24px;
  overflow: hidden;
  border-radius: 50%;
  border: .5px solid #fff;
  background: #fed7aa
}
.bwr .bwr-avs span+span {
  margin-inline-start: -8px
}
.bwr .bwr-avs img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover
}
.bwr .bwr-trust {
  margin: 0;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5;
  background: linear-gradient(to right, #D87F16, #FF6B00, #82330C);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent
}
.bwr .bwr-trust b {
  font: inherit;
  font-variant-numeric: tabular-nums;
  color: inherit;
  -webkit-text-fill-color: transparent
}
@media (prefers-reduced-motion: reduce) {
  .bwr .bwr-stars>* {
      animation: none;
      background-size: calc(var(--fill, 1) * 100%) 100%
  }
}
.dark .bw-shell,
.dark .bw-shell .rf-imp-main {
  background: #111214 !important
}
.dark .bw-shell .rf-imp-content {
  background: radial-gradient(circle at top right, #451706, transparent 45%), #111214 !important
}
.bw-shell {
  --bw-profile-white: #fff;
  --bw-profile-day-text: #212529;
  --bw-profile-olive: linear-gradient(90deg, #8a9a00 0%, #5f6a00 100%)
}
.bw-shell .bw-menu.bw-menu-user {
  border: 0 !important;
  border-radius: 10px !important;
  background: var(--color-surface) !important;
  overflow: hidden !important;
  padding: 0 !important
}
.bw-shell .bw-menu-user>a.bw-menu-item,
.bw-shell .bw-menu-user>form>button.bw-menu-item {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  box-sizing: border-box;
  border: 0 !important;
  border-bottom: 1px solid var(--bw-profile-white) !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--bw-profile-white) !important;
  font: 600 14px/20px Inter, sans-serif !important;
  padding: 8px 12px !important;
  text-align: start;
  cursor: pointer
}
.bw-shell .bw-menu-user>form {
  margin: 0 !important
}
.bw-shell .bw-menu-user>a.bw-menu-item:last-child {
  border-bottom: 0 !important
}
.bw-shell .bw-menu-user>form>button.bw-menu-item {
  border-bottom: 0 !important;
  background: var(--bw-profile-olive) !important
}
.bw-shell .bw-menu-user>a.bw-menu-item:hover,
.bw-shell .bw-menu-user>a.bw-menu-item:focus-visible,
.bw-shell .bw-menu-user>a.bw-menu-item:active,
.bw-shell .bw-menu-user>a.bw-menu-item.is-on {
  background: var(--bw-primary) !important;
  color: var(--bw-profile-white) !important
}
.bw-shell .bw-menu-user>a.bw-menu-item:hover svg,
.bw-shell .bw-menu-user>a.bw-menu-item:focus-visible svg,
.bw-shell .bw-menu-user>form>button.bw-menu-item:hover svg,
.bw-shell .bw-menu-user>form>button.bw-menu-item:focus-visible svg {
  color: var(--bw-profile-white) !important
}
html:not(.dark) .bw-shell .bw-menu .bw-menu-item:not(.bw-menu-logout):not(.is-on):not(:hover):not(:focus-visible):not(:active) {
  color: var(--bw-profile-day-text) !important
}
html:not(.dark) .bw-shell .bw-menu .bw-menu-item:not(.bw-menu-logout):not(.is-on):not(:hover):not(:focus-visible):not(:active) svg,
html:not(.dark) .bw-shell .bw-menu .bw-menu-item:not(.bw-menu-logout):not(.is-on):not(:hover):not(:focus-visible):not(:active) i {
  color: inherit !important
}
.bw-shell:has(.rf-card #bw-method) {
  --bf-frame-radius: 12px;
  --bf-text-size: 14px;
  --bf-heading-size: 18px;
  --bf-banner-color: #fff;
  --bf-banner-base: #b74700;
  --bf-frame-canvas: #f6f1ec;
  --bf-head: linear-gradient(90deg, #a13c0b 0%, #ff6b00 100%);
  --bf-pay: var(--bw-profile-olive);
  --bf-banner-art: url("/upload/u9pejihja1d7ryd0%20%284%29.png"), url("/uploads/u9pejihja1d7ryd0%20%284%29.png"), url("/uploads/u9pejihja1d7ryd0%20%283%29.png");
  --bf-banner-pattern: url("/upload/thsm5z8ik3y73wm%20%282%29.svg"), url("/uploads/thsm5z8ik3y73wm%20%282%29.svg"), url("/uploads/tthsm5z8ik3y73wm.svg")
}
html.dark .bw-shell:has(.rf-card #bw-method) {
  --bf-card: #17181b;
  --bf-panel: #0b0c0f;
  --bf-field: #0b0c0f;
  --bf-line: #383b42;
  --bf-frame-canvas: #351306
}
.bw-shell:has(.rf-card #bw-method) .rf-imp-content {
  background: var(--bf-frame-canvas) !important;
  padding: 24px
}
.bw-shell:has(.rf-card #bw-method) .rf-imp-content>div {
  gap: 20px;
  width: 100%;
  min-width: 0;
  align-items: stretch
}
.bw-shell:has(.rf-card #bw-method) .rf-imp-content>div>.rf-card {
  min-width: 0;
  border-radius: var(--bf-frame-radius);
  border-color: var(--bf-line)
}
.bw-shell:has(.rf-card #bw-method) .rf-imp-content>div>div.pt-4 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  min-height: 180px;
  padding: 28px 32px !important;
  border-radius: var(--bf-frame-radius);
  background-color: var(--bf-banner-base);
  background-image: var(--bf-banner-art), var(--bf-banner-pattern);
  background-position: right 32px center, right 32px center, right 32px center, center, center, center;
  background-size: 130px 130px, 130px 130px, 130px 130px, cover, cover, cover;
  background-repeat: no-repeat
}
.bw-shell:has(.rf-card #bw-method) .rf-page-title {
  font: 700 26px/34px var(--bw-font);
  color: var(--bf-banner-color) !important
}
.bw-shell:has(.rf-card #bw-method) .rf-imp-content>div>div.pt-4 p {
  max-width: none;
  padding-inline-end: 150px;
  font: 500 14px/22px var(--bw-font);
  color: var(--bf-banner-color) !important
}
.bw-shell:has(.rf-card #bw-method) .rf-card.mb-6::before {
  height: 62px;
  padding-inline: 20px;
  font: 700 var(--bf-heading-size)/24px var(--bw-font)
}
.bw-shell:has(.rf-card #bw-method) .rf-card.mb-6 {
  padding-top: 62px
}
.bw-shell:has(.rf-card #bw-method) .rf-card.mb-6>.rf-card-body {
  padding: 24px 20px
}
.bw-shell:has(.rf-card #bw-method) .rf-card .rf-label {
  font: 600 var(--bf-text-size)/20px var(--bw-font)
}
.bw-shell:has(.rf-card #bw-method) .rf-card .rf-input,
.bw-shell:has(.rf-card #bw-method) .rf-card select {
  box-sizing: border-box;
  min-width: 0;
  max-width: 100%;
  height: 46px;
  border-radius: 10px;
  font: 500 var(--bf-text-size)/20px var(--bw-font)
}
.bw-shell:has(.rf-card #bw-method) .rf-card .rf-input-error {
  border-color: var(--color-danger) !important
}
.bw-shell:has(.rf-card #bw-method) .rf-card .rf-hint {
  font-size: 12px;
  line-height: 20px;
  overflow-wrap: anywhere
}
.bw-shell:has(.rf-card #bw-method) .rf-card.mb-6 button[wire\:click="submit"] {
  height: auto;
  min-height: 48px;
  padding: 12px 16px;
  font: 700 var(--bf-text-size)/22px var(--bw-font);
  white-space: normal
}
.bw-shell:has(.rf-card #bw-method) .rf-imp-content>div::after {
  min-width: 0;
  padding: 86px 20px 24px;
  border-radius: var(--bf-frame-radius);
  font: 400 var(--bf-text-size)/24px var(--bw-font);
  background-size: 100% 62px, 100% 62px, auto
}
.bw-shell:has(.rf-card #bw-method) .rf-card:not(.mb-6) h2 {
  font: 700 var(--bf-heading-size)/24px var(--bw-font)
}
.bw-shell:has(.rf-card #bw-method) .bw-amt-2 {
  grid-template-columns: minmax(0, 1fr) 24px minmax(0, 1fr);
  gap: 10px;
  align-items: end
}
.bw-shell:has(.rf-card #bw-method) .bw-amt-col {
  min-width: 0
}
.bw-shell:has(.rf-card #bw-method) .bw-amt-2 .bw-amt-swap {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 46px;
  color: var(--bf-label)
}
@media (min-width: 1024px) {
  .bw-shell:has(.rf-card #bw-method) .rf-imp-content>div {
      grid-template-columns: minmax(0, 1.42fr) minmax(0, 1fr);
      column-gap: 14px
  }
}
@media (max-width: 767px) {
  .bw-shell:has(.rf-card #bw-method) .rf-imp-content {
      padding: 16px
  }
  .bw-shell:has(.rf-card #bw-method) .rf-imp-content>div {
      gap: 14px
  }
  .bw-shell:has(.rf-card #bw-method) .rf-imp-content>div>div.pt-4 {
      min-height: 118px;
      padding: 20px 16px !important;
      background-position: right 12px center, right 12px center, right 12px center, center, center, center;
      background-size: 82px 82px, 82px 82px, 82px 82px, cover, cover, cover
  }
  .bw-shell:has(.rf-card #bw-method) .rf-page-title {
      font-size: 24px;
      line-height: 30px
  }
  .bw-shell:has(.rf-card #bw-method) .rf-imp-content>div>div.pt-4 p {
      padding-inline-end: 88px;
      font-size: 13px;
      line-height: 20px
  }
  .bw-shell:has(.rf-card #bw-method) .rf-card.mb-6>.rf-card-body {
      padding: 20px 14px 16px
  }
  .bw-shell:has(.rf-card #bw-method) .rf-table tbody td {
      overflow-wrap: anywhere
  }
}
@media (max-width: 1023px) {
  .bw-shell:has(.rf-card #bw-method) .rf-imp-content>div>div.pt-4 {
      grid-row: 1
  }
  .bw-shell:has(.rf-card #bw-method) .rf-imp-content>div>.rf-card.mb-6 {
      grid-row: 2
  }
  .bw-shell:has(.rf-card #bw-method) .rf-imp-content>div::after {
      grid-row: 3
  }
  .bw-shell:has(.rf-card #bw-method) .rf-imp-content>div>.rf-card:not(.mb-6) {
      grid-row: 4
  }
}
@media (max-width: 359px) {
  .bw-shell:has(.rf-card #bw-method) .rf-imp-content>div>div.pt-4 p {
      padding-inline-end: 70px
  }
  .bw-shell:has(.rf-card #bw-method) .rf-imp-content>div>div.pt-4 {
      background-size: 64px 64px, 64px 64px, 64px 64px, cover, cover, cover
  }
  .bw-shell:has(.rf-card #bw-method) .bw-amt-2 {
      gap: 6px;
      grid-template-columns: minmax(0, 1fr) 18px minmax(0, 1fr)
  }
}
html:not([data-bwn-attempted]) .bwn-left .bwn-alert-error,
html:not([data-bwn-attempted]) .bwn-left .rf-alert-danger,
html:not([data-bwn-attempted]) .bwn-left .rf-imp-hint-error {
  display: none !important
}
html:not([data-bwn-attempted]) .bwn-left .rf-imp-input-error {
  border-color: var(--n-line) !important
}
.bwn-left input[type="number"] {
  appearance: textfield;
  -moz-appearance: textfield
}
.bwn-left input[type="number"]::-webkit-inner-spin-button,
.bwn-left input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0
}