/* FaucetpayMY homepage rebuilt from scratch */
:root {
  --fpm-page: #020812;
  --fpm-shell: #04101c;
  --fpm-card: #061827;
  --fpm-card-2: #03101c;
  --fpm-gold: #ffb000;
  --fpm-gold-2: #ff8a00;
  --fpm-blue: #36b8ff;
  --fpm-line: rgba(72, 181, 255, .43);
  --fpm-line-soft: rgba(72, 181, 255, .24);
  --fpm-hot: rgba(255, 176, 0, .72);
  --fpm-text: #f8fbff;
  --fpm-muted: #b9c7d7;
  --fpm-green: #48e870;
  --fpm-radius: 18px;
}

* { box-sizing: border-box; }
html { background: var(--fpm-page); }
body.faucetpaymy-body {
  min-height: 100vh !important;
  margin: 0 !important;
  color: var(--fpm-text) !important;
  font-family: Arial, Helvetica, sans-serif !important;
  background:
    radial-gradient(circle at 78% 0%, rgba(255, 176, 0, .11), transparent 330px),
    radial-gradient(circle at 10% 16%, rgba(54, 184, 255, .12), transparent 360px),
    linear-gradient(180deg, #010610 0%, #03101b 46%, #020710 100%) !important;
  overflow-x: hidden;
}
body.faucetpaymy-body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  opacity: .24;
  background-image:
    radial-gradient(circle, rgba(255, 179, 20, .32) 0 1px, transparent 1.6px),
    radial-gradient(circle, rgba(65, 185, 255, .18) 0 1px, transparent 1.4px);
  background-size: 138px 138px, 210px 210px;
}

.faucetpaymy-shell {
  width: min(1280px, 100%) !important;
  min-height: 100vh !important;
  margin: 0 auto !important;
  padding: 0 54px 42px !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.faucetpaymy-brandbar {
  width: min(1170px, 100%) !important;
  height: 44px !important;
  margin: 0 auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 4px 0 0 !important;
}
.faucetpaymy-brand {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  color: #fff !important;
  text-decoration: none !important;
}
.faucetpaymy-brand img {
  width: 46px !important;
  height: 46px !important;
  object-fit: cover !important;
  border-radius: 12px !important;
  box-shadow: 0 0 22px rgba(255, 176, 0, .38) !important;
}
.faucetpaymy-brand strong {
  display: block !important;
  color: var(--fpm-gold) !important;
  font-size: 26px !important;
  font-weight: 1000 !important;
  line-height: .9 !important;
  letter-spacing: -.055em !important;
}
.faucetpaymy-brand small {
  display: block !important;
  margin-top: 3px !important;
  color: #fff !important;
  font-size: 8px !important;
  font-weight: 1000 !important;
  text-transform: uppercase !important;
  letter-spacing: .02em !important;
}
.faucetpaymy-actions { display: flex !important; gap: 8px !important; align-items: center !important; }
.faucetpaymy-actions a {
  height: 28px !important;
  min-width: 78px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 14px !important;
  border-radius: 8px !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  background: rgba(3, 13, 23, .84) !important;
  color: #fff !important;
  text-decoration: none !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}
.faucetpaymy-actions .faucetpaymy-signup,
.faucetpaymy-actions a:hover {
  color: #201000 !important;
  border-color: rgba(255, 226, 104, .95) !important;
  background: linear-gradient(180deg, #ffd94b 0%, #ffad00 48%, #f18400 100%) !important;
  box-shadow: 0 0 20px rgba(255, 176, 0, .38) !important;
}

.backsocblock {
  width: min(1170px, 100%) !important;
  min-height: 24px !important;
  margin: -26px auto 9px !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
}
.backsocblock a {
  width: 28px !important;
  height: 20px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 1px !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  border-radius: 3px !important;
  background: rgba(0,0,0,.42) !important;
}
.backsocblock img { width: 25px !important; height: 16px !important; object-fit: cover !important; border-radius: 2px !important; }

header.bg-zinc-900,
.faucetpaymy-public-nav {
  width: min(1170px, 100%) !important;
  min-height: 76px !important;
  height: 76px !important;
  margin: 0 auto 18px !important;
  padding: 0 26px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 13px !important;
  flex-wrap: nowrap !important;
  border: 1px solid rgba(255, 176, 0, .28) !important;
  border-radius: 14px !important;
  background: linear-gradient(180deg, rgba(8, 24, 38, .9), rgba(2, 10, 18, .94)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06) !important;
  overflow: visible !important;
}
header.bg-zinc-900 a,
.faucetpaymy-public-nav a,
footer.bg-zinc-900 a {
  width: auto !important;
  min-width: 84px !important;
  height: 56px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 3px !important;
  padding: 0 10px !important;
  color: #eaf1f7 !important;
  text-decoration: none !important;
  border: 1px solid transparent !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
header.bg-zinc-900 a b,
.faucetpaymy-public-nav a b,
footer.bg-zinc-900 a b,
footer.bg-zinc-900 a i { font-size: 24px !important; line-height: 1 !important; }
header.bg-zinc-900 a span,
.faucetpaymy-public-nav a span,
footer.bg-zinc-900 a span {
  display: inline !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  color: inherit !important;
  text-transform: uppercase !important;
}
header.bg-zinc-900 a:hover,
header.bg-zinc-900 a.text-yellow-400,
.faucetpaymy-public-nav a:hover,
.faucetpaymy-public-nav a.active {
  color: #fff !important;
  border-color: rgba(255, 176, 0, .18) !important;
  background: linear-gradient(180deg, rgba(255, 176, 0, .13), rgba(6, 20, 32, .62)) !important;
  box-shadow: inset 0 -3px 0 var(--fpm-gold), 0 0 18px rgba(255, 176, 0, .18) !important;
}

main,
main.flex-1,
.faucetpaymy-home {
  width: min(1170px, 100%) !important;
  max-width: 1170px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  display: grid !important;
  gap: 14px !important;
  overflow: visible !important;
  color: var(--fpm-text) !important;
}

.faucetpaymy-hero {
  position: relative !important;
  min-height: 450px !important;
  padding: 28px 44px !important;
  overflow: hidden !important;
  border: 1px solid rgba(82, 188, 255, .72) !important;
  border-radius: 28px !important;
  background:
    radial-gradient(circle at 84% 44%, rgba(255, 176, 0, .15), transparent 330px),
    linear-gradient(145deg, rgba(7, 27, 45, .96), rgba(2, 11, 20, .98)) !important;
  box-shadow: 0 0 0 1px rgba(255,255,255,.03) inset, 0 0 36px rgba(54,184,255,.18) !important;
  isolation: isolate !important;
}
.faucetpaymy-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(5, 18, 31, .98) 0 43%, rgba(5, 18, 31, .64) 56%, rgba(5, 18, 31, .06) 100%);
}
.faucetpaymy-hero-copy { position: relative !important; z-index: 3 !important; max-width: 545px !important; }
.faucetpaymy-free-line {
  display: inline-flex !important;
  align-items: center !important;
  height: 30px !important;
  margin: 0 0 22px !important;
  padding: 0 18px !important;
  border: 1px solid var(--fpm-hot) !important;
  border-radius: 999px !important;
  color: var(--fpm-gold) !important;
  font-size: 13px !important;
  font-weight: 1000 !important;
  letter-spacing: .02em !important;
}
.faucetpaymy-hero h1 {
  margin: 0 !important;
  color: #fff !important;
  font-size: 47px !important;
  line-height: .98 !important;
  font-weight: 1000 !important;
  letter-spacing: -.045em !important;
  text-shadow: 0 3px 0 rgba(0,0,0,.34), 0 0 14px rgba(255,255,255,.08) !important;
}
.faucetpaymy-hero h1 span { color: var(--fpm-gold) !important; }
.faucetpaymy-hero h2 {
  margin: 20px 0 14px !important;
  color: var(--fpm-gold) !important;
  font-size: 20px !important;
  line-height: 1.2 !important;
  font-weight: 1000 !important;
}
.faucetpaymy-hero p {
  max-width: 520px !important;
  margin: 0 0 22px !important;
  color: #f1f7ff !important;
  font-size: 15px !important;
  line-height: 1.56 !important;
  font-weight: 500 !important;
}
.faucetpaymy-feature-grid {
  width: 560px !important;
  max-width: 100% !important;
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 10px 12px !important;
}
.faucetpaymy-feature-grid a {
  min-height: 62px !important;
  display: grid !important;
  grid-template-columns: 38px 1fr !important;
  grid-template-rows: auto auto !important;
  align-items: center !important;
  column-gap: 10px !important;
  padding: 9px 13px !important;
  color: #fff !important;
  text-decoration: none !important;
  border: 1px solid rgba(255, 176, 0, .74) !important;
  border-radius: 10px !important;
  background: linear-gradient(180deg, rgba(8, 31, 50, .86), rgba(3, 13, 23, .86)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 0 14px rgba(255, 176, 0, .11) !important;
}
.faucetpaymy-feature-grid b { grid-row: 1 / span 2 !important; color: var(--fpm-gold) !important; font-size: 28px !important; text-align: center !important; }
.faucetpaymy-feature-grid strong { font-size: 16px !important; line-height: 1 !important; font-weight: 1000 !important; }
.faucetpaymy-feature-grid small { color: #cfd8e3 !important; font-size: 12px !important; line-height: 1 !important; font-weight: 600 !important; }
.faucetpaymy-hero-art {
  position: absolute !important;
  inset: 0 0 0 auto !important;
  z-index: 0 !important;
  width: 58% !important;
  height: 100% !important;
  overflow: hidden !important;
  background: transparent !important;
  box-shadow: none !important;
}
.faucetpaymy-hero-art img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center right !important;
  opacity: 1 !important;
  filter: saturate(1.08) contrast(1.03) !important;
}
.faucetpaymy-pot { display: none !important; }

.fpm-earning-zone,
.fpm-live-zone { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 10px !important; }
.fpm-start-panel,
.fpm-why-panel,
.fpm-feed-card,
.fpm-updates-card,
.fpm-proof-bar {
  position: relative !important;
  overflow: hidden !important;
  border: 1px solid var(--fpm-line) !important;
  border-radius: 13px !important;
  background: linear-gradient(145deg, rgba(7, 27, 45, .92), rgba(2, 10, 18, .96)) !important;
  box-shadow: 0 0 0 1px rgba(255,255,255,.025) inset, 0 0 22px rgba(54,184,255,.12) !important;
}
.fpm-start-panel,
.fpm-why-panel { min-height: 212px !important; padding: 22px 24px !important; }
.fpm-feed-card,
.fpm-updates-card { min-height: 224px !important; padding: 20px 24px !important; }
.fpm-panel-head { display: flex !important; align-items: flex-start !important; gap: 9px !important; margin: 0 0 15px !important; }
.fpm-panel-head > span { color: var(--fpm-gold) !important; font-size: 24px !important; line-height: 1 !important; }
.fpm-panel-head h3 { margin: 0 !important; color: var(--fpm-gold) !important; font-size: 21px !important; line-height: 1 !important; font-weight: 1000 !important; letter-spacing: -.03em !important; }
.fpm-panel-head p { display: none !important; }
.fpm-login-shell { max-width: 500px !important; }
.fpm-login-shell form,
.fpm-login-shell .bg-zinc-800,
.fpm-login-shell .rounded-xl,
.fpm-login-shell .rounded-lg { padding: 0 !important; margin: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; }
.fpm-login-shell label,
.fpm-login-shell p,
.fpm-login-shell small { color: #fff !important; font-size: 12px !important; font-weight: 900 !important; text-transform: none !important; }
input,
select,
textarea,
.form-control,
input.w-full {
  width: 100% !important;
  height: 43px !important;
  color: #06111d !important;
  background: linear-gradient(180deg, #ffffff, #dce5d9) !important;
  border: 1px solid rgba(255, 176, 0, .62) !important;
  border-radius: 8px !important;
  padding: 0 14px !important;
  font-weight: 700 !important;
  outline: 0 !important;
}
button,
input[type="submit"],
.bg-yellow-400,
.bg-yellow-600,
a.h-12.bg-yellow-400 {
  width: 100% !important;
  height: 48px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #211000 !important;
  background: linear-gradient(180deg, #ffd748 0%, #ffa900 50%, #ec7900 100%) !important;
  border: 1px solid rgba(255, 231, 116, .96) !important;
  border-radius: 10px !important;
  box-shadow: 0 0 20px rgba(255, 176, 0, .42), inset 0 1px 0 rgba(255,255,255,.45) !important;
  font-size: 13px !important;
  font-weight: 1000 !important;
  text-transform: uppercase !important;
}
.fpm-secure-row { display: flex !important; justify-content: center !important; gap: 8px !important; margin-top: 12px !important; color: #76ffc7 !important; font-size: 12px !important; font-weight: 600 !important; }
.fpm-why-panel {
  padding-right: 228px !important;
  background:
    linear-gradient(90deg, rgba(7, 27, 45, .98) 0 56%, rgba(7,27,45,.7) 72%, rgba(7,27,45,.16)),
    url('/img/faucetpaymy-ai/reward-chest-premium.png') right -18px center / 310px auto no-repeat,
    linear-gradient(145deg, rgba(7, 27, 45, .92), rgba(2, 10, 18, .96)) !important;
}
.fpm-why-panel ul { display: grid !important; gap: 10px !important; margin: 0 !important; padding: 0 !important; list-style: none !important; }
.fpm-why-panel li { position: relative !important; padding-left: 27px !important; color: #fff !important; font-size: 15px !important; line-height: 1.18 !important; font-weight: 650 !important; }
.fpm-why-panel li::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: -2px;
  width: 19px;
  height: 19px;
  display: grid;
  place-items: center;
  color: var(--fpm-green);
  border: 2px solid var(--fpm-green);
  border-radius: 50%;
  font-size: 12px;
  font-weight: 1000;
}
.fpm-payment-list { display: grid !important; gap: 0 !important; }
.fpm-payment-row {
  min-height: 38px !important;
  display: grid !important;
  grid-template-columns: 28px 1fr 110px 104px !important;
  align-items: center !important;
  gap: 7px !important;
  padding: 0 8px !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
  background: transparent !important;
  border-radius: 0 !important;
}
.fpm-payment-row:last-child { border-bottom: 0 !important; }
.fpm-user-dot { width: 20px !important; height: 20px !important; display: grid !important; place-items: center !important; font-size: 13px !important; opacity: .75 !important; }
.fpm-payment-row strong { color: #fff !important; font-size: 13px !important; font-weight: 800 !important; }
.fpm-payment-row b { color: var(--fpm-gold) !important; font-size: 13px !important; font-weight: 1000 !important; }
.fpm-payment-row small { color: #fff !important; font-size: 12px !important; font-weight: 800 !important; text-align: right !important; white-space: nowrap !important; }
.fpm-updates-card {
  padding-right: 270px !important;
  background:
    linear-gradient(90deg, rgba(7, 27, 45, .98) 0 60%, rgba(7,27,45,.72) 75%, rgba(7,27,45,.16)),
    url('/img/faucetpaymy-ai/latest-bell-premium.png') right -54px center / 360px auto no-repeat,
    linear-gradient(145deg, rgba(7, 27, 45, .92), rgba(2, 10, 18, .96)) !important;
}
.fpm-updates-card::after {
  content: none !important;
}
.faucetpaymy-news-wrap > section { margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; }
.fpm-news-item {
  min-height: 48px !important;
  display: grid !important;
  grid-template-columns: 30px 1fr !important;
  align-items: center !important;
  gap: 9px !important;
  margin: 0 0 8px !important;
  padding: 8px 12px !important;
  border: 1px solid rgba(72, 181, 255, .44) !important;
  border-radius: 8px !important;
  background: rgba(2, 10, 18, .42) !important;
}
.fpm-news-item span { width: 22px !important; height: 22px !important; display: grid !important; place-items: center !important; color: var(--fpm-green) !important; border: 2px solid var(--fpm-green) !important; border-radius: 50% !important; font-size: 13px !important; font-weight: 1000 !important; }
.fpm-news-item p { margin: 0 !important; color: #fff !important; font-size: 13px !important; line-height: 1.15 !important; font-weight: 1000 !important; text-transform: uppercase !important; }
.fpm-proof-bar {
  min-height: 78px !important;
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 0 !important;
  padding: 0 28px !important;
}
.fpm-proof-bar div { display: flex !important; align-items: center !important; gap: 16px !important; min-height: 78px !important; padding: 0 24px !important; border-right: 1px solid rgba(255,255,255,.12) !important; }
.fpm-proof-bar div:last-child { border-right: 0 !important; }
.fpm-proof-bar b { font-size: 36px !important; line-height: 1 !important; color: var(--fpm-gold) !important; filter: drop-shadow(0 0 12px rgba(255,176,0,.3)) !important; }
.fpm-proof-bar strong { display: block !important; color: var(--fpm-gold) !important; font-size: 15px !important; line-height: 1.05 !important; font-weight: 1000 !important; }
.fpm-proof-bar small { display: block !important; margin-top: 5px !important; color: var(--fpm-muted) !important; font-size: 13px !important; font-weight: 500 !important; }

footer.bg-zinc-900 {
  width: min(1170px, 100%) !important;
  min-height: 92px !important;
  height: auto !important;
  margin: 8px auto 0 !important;
  padding: 12px 28px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-around !important;
  gap: 16px !important;
  border: 1px solid var(--fpm-line-soft) !important;
  border-radius: 14px !important;
  background: linear-gradient(180deg, rgba(7, 27, 45, .85), rgba(2, 10, 18, .92)) !important;
}
footer.bg-zinc-900 a { min-width: 116px !important; height: 58px !important; color: #cdd6df !important; }
footer.bg-zinc-900 a:hover,
footer.bg-zinc-900 a.text-yellow-400 { color: #fff !important; border-color: rgba(255,176,0,.24) !important; box-shadow: 0 0 18px rgba(255,176,0,.16), inset 0 -3px 0 var(--fpm-gold) !important; }

#telegramPopup,
.notification-popup { display: none !important; }
.text-yellow-300,
.text-yellow-400,
.text-yellow-500 { color: var(--fpm-gold) !important; }
.text-zinc-300,
.text-zinc-400 { color: var(--fpm-muted) !important; }
a { color: inherit; }
img { max-width: 100%; }

@media (max-width: 1180px) {
  .faucetpaymy-shell { padding: 0 18px 32px !important; }
  .backsocblock { margin-top: -12px !important; }
  .faucetpaymy-hero h1 { font-size: 42px !important; }
  .faucetpaymy-feature-grid { width: 500px !important; }
  .fpm-updates-card { padding-right: 220px !important; }
}
@media (max-width: 900px) {
  .faucetpaymy-brandbar { height: auto !important; min-height: 52px !important; }
  .backsocblock { margin: 6px auto 10px !important; }
  header.bg-zinc-900,
  .faucetpaymy-public-nav,
  footer.bg-zinc-900 { overflow-x: auto !important; justify-content: flex-start !important; }
  .faucetpaymy-hero { min-height: 760px !important; padding-bottom: 370px !important; }
  .faucetpaymy-hero::after { background: linear-gradient(180deg, rgba(5,18,31,.99) 0 52%, rgba(5,18,31,.72) 70%, rgba(5,18,31,.08) 100%) !important; }
  .faucetpaymy-hero-art { inset: auto 0 0 0 !important; width: 100% !important; height: 390px !important; }
  .faucetpaymy-feature-grid,
  .fpm-earning-zone,
  .fpm-live-zone,
  .fpm-proof-bar { grid-template-columns: 1fr !important; }
  .fpm-why-panel,
  .fpm-updates-card { padding-right: 24px !important; background-image: linear-gradient(90deg, rgba(7,27,45,.98), rgba(7,27,45,.82)) !important; }
  .fpm-updates-card::after { display: none !important; }
  .fpm-proof-bar div { border-right: 0 !important; border-bottom: 1px solid rgba(255,255,255,.1) !important; }
  .fpm-proof-bar div:last-child { border-bottom: 0 !important; }
}
@media (max-width: 560px) {
  .faucetpaymy-shell { padding-inline: 10px !important; }
  .faucetpaymy-hero { padding: 24px 18px 330px !important; }
  .faucetpaymy-hero h1 { font-size: 36px !important; }
  .faucetpaymy-hero p { font-size: 13px !important; }
  .fpm-start-panel,
  .fpm-why-panel,
  .fpm-feed-card,
  .fpm-updates-card { padding: 18px !important; }
  .fpm-payment-row { grid-template-columns: 24px 1fr auto !important; }
  .fpm-payment-row small { grid-column: 2 / span 2 !important; text-align: left !important; }
}

/* User dashboard/application skin: scoped fix for /user/* pages */
body.fpm-user-area .faucetpaymy-shell {
  width: min(1440px, 100%) !important;
  padding: 0 28px 34px !important;
}
body.fpm-user-area .faucetpaymy-brandbar,
body.fpm-user-area .backsocblock,
body.fpm-user-area header.bg-zinc-900,
body.fpm-user-area footer.bg-zinc-900,
body.fpm-user-area main,
body.fpm-user-area main.flex-1,
body.fpm-user-area .bonusflex-1 {
  width: min(1210px, 100%) !important;
  max-width: 1210px !important;
}
body.fpm-user-area main,
body.fpm-user-area main.flex-1,
body.fpm-user-area .bonusflex-1 {
  display: block !important;
  margin: 0 auto !important;
  padding: 18px 0 26px !important;
  color: var(--fpm-text) !important;
  overflow: visible !important;
}
body.fpm-user-area .space-y-6 > :not([hidden]) ~ :not([hidden]) { margin-top: 18px !important; }
body.fpm-user-area .space-y-4 > :not([hidden]) ~ :not([hidden]) { margin-top: 12px !important; }

body.fpm-user-area section,
body.fpm-user-area article,
body.fpm-user-area .bonus-card,
body.fpm-user-area .bonus-card2,
body.fpm-user-area .bg-zinc-800,
body.fpm-user-area .bg-zinc-700,
body.fpm-user-area .card,
body.fpm-user-area .card-body,
body.fpm-user-area .rounded-xl,
body.fpm-user-area .rounded-lg,
body.fpm-user-area .rounded-md,
body.fpm-user-area #content,
body.fpm-user-area #content1 {
  color: var(--fpm-text) !important;
  background: linear-gradient(145deg, rgba(7, 27, 45, .94), rgba(2, 10, 18, .97)) !important;
  border: 1px solid var(--fpm-line) !important;
  border-radius: 18px !important;
  box-shadow: 0 0 0 1px rgba(255,255,255,.025) inset, 0 18px 46px rgba(0,0,0,.28), 0 0 22px rgba(54,184,255,.12) !important;
}
body.fpm-user-area .bonus-card {
  width: 100% !important;
  max-width: 980px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 24px !important;
}
body.fpm-user-area .bonus-card2 {
  padding: 18px !important;
  min-height: 100% !important;
}
body.fpm-user-area .grid {
  display: grid !important;
}
body.fpm-user-area .grid-cols-1 { grid-template-columns: minmax(0, 1fr) !important; }
@media (min-width: 768px) {
  body.fpm-user-area .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  body.fpm-user-area .md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
}
body.fpm-user-area .gap-8 { gap: 22px !important; }
body.fpm-user-area .gap-6 { gap: 18px !important; }
body.fpm-user-area .gap-4 { gap: 12px !important; }

body.fpm-user-area,
body.fpm-user-area p,
body.fpm-user-area span,
body.fpm-user-area div,
body.fpm-user-area td,
body.fpm-user-area th,
body.fpm-user-area label,
body.fpm-user-area li,
body.fpm-user-area .find-user,
body.fpm-user-area .text-black,
body.fpm-user-area .text-dark-400 {
  color: var(--fpm-text) !important;
}
body.fpm-user-area h1,
body.fpm-user-area h2,
body.fpm-user-area h3,
body.fpm-user-area h4,
body.fpm-user-area .card-title {
  color: var(--fpm-gold) !important;
  font-weight: 1000 !important;
  letter-spacing: -.025em !important;
}
body.fpm-user-area .text-yellow-300,
body.fpm-user-area .text-yellow-400,
body.fpm-user-area .text-yellow-500,
body.fpm-user-area .find-value { color: var(--fpm-gold) !important; }
body.fpm-user-area .border-yellow-600,
body.fpm-user-area .border-yellow-500 { border-color: rgba(255,176,0,.38) !important; }

body.fpm-user-area table {
  width: 100% !important;
  color: var(--fpm-text) !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
}
body.fpm-user-area td,
body.fpm-user-area th {
  color: var(--fpm-text) !important;
  border-color: rgba(255,255,255,.08) !important;
  padding: 9px 10px !important;
  vertical-align: middle !important;
}
body.fpm-user-area tr + tr td { border-top: 1px solid rgba(255,255,255,.06) !important; }

body.fpm-user-area input,
body.fpm-user-area select,
body.fpm-user-area textarea,
body.fpm-user-area .form-control,
body.fpm-user-area input.w-full {
  width: 100% !important;
  min-height: 42px !important;
  height: auto !important;
  color: #06111d !important;
  background: linear-gradient(180deg, #ffffff, #dce7de) !important;
  border: 1px solid rgba(255,176,0,.68) !important;
  border-radius: 10px !important;
  padding: 10px 13px !important;
  font-weight: 800 !important;
}
body.fpm-user-area button,
body.fpm-user-area input[type="submit"],
body.fpm-user-area .css_knp,
body.fpm-user-area .quest-btn,
body.fpm-user-area .search-btn,
body.fpm-user-area .search-btn2,
body.fpm-user-area .btn,
body.fpm-user-area .bg-yellow-400,
body.fpm-user-area .bg-yellow-600,
body.fpm-user-area a.h-12.bg-yellow-400 {
  width: auto !important;
  min-width: 150px !important;
  max-width: 100% !important;
  min-height: 42px !important;
  height: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 10px 22px !important;
  color: #211000 !important;
  background: linear-gradient(180deg, #ffd748 0%, #ffa900 52%, #ec7900 100%) !important;
  border: 1px solid rgba(255,231,116,.96) !important;
  border-radius: 11px !important;
  box-shadow: 0 0 20px rgba(255,176,0,.32), inset 0 1px 0 rgba(255,255,255,.45) !important;
  font-size: 13px !important;
  font-weight: 1000 !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
}
body.fpm-user-area form button[type="submit"].w-full,
body.fpm-user-area form input[type="submit"].w-full { width: 100% !important; }
body.fpm-user-area .ml-4.text-xl {
  min-width: 34px !important;
  width: 34px !important;
  min-height: 34px !important;
  padding: 0 !important;
}

body.fpm-user-area #dep_right .wrap_num,
body.fpm-user-area #dep_right .wrap_num2 {
  width: min(540px, 100%) !important;
  height: 58px !important;
  line-height: 58px !important;
  margin: 0 auto 10px !important;
  color: #fff !important;
  background: linear-gradient(180deg, rgba(17, 48, 68, .95), rgba(7, 25, 39, .95)) !important;
  border: 1px solid rgba(72,181,255,.38) !important;
  border-radius: 999px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 0 24px rgba(54,184,255,.12) !important;
}
body.fpm-user-area #dep_right .num,
body.fpm-user-area #dep_right .rub,
body.fpm-user-area #miner,
body.fpm-user-area #speed {
  color: #fff !important;
  font-size: 30px !important;
  font-weight: 1000 !important;
}
body.fpm-user-area #dep_right .css_knp {
  width: min(520px, 100%) !important;
  min-height: 48px !important;
  border-radius: 12px !important;
}
body.fpm-user-area #dep_right img {
  width: 170px !important;
  height: 170px !important;
  object-fit: contain !important;
  filter: drop-shadow(0 0 20px rgba(255,176,0,.24)) !important;
}
body.fpm-user-area #dep_info div {
  height: auto !important;
  min-height: 52px !important;
  line-height: 1.25 !important;
  padding: 14px 16px !important;
  color: var(--fpm-text) !important;
  background: rgba(8,31,50,.78) !important;
  border: 1px solid rgba(72,181,255,.3) !important;
  border-radius: 14px !important;
}
body.fpm-user-area .ad-reward,
body.fpm-user-area .ad-duration,
body.fpm-user-area .ad-type,
body.fpm-user-area .badge,
body.fpm-user-area .label {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-height: 24px !important;
  padding: 4px 10px !important;
  color: #211000 !important;
  background: linear-gradient(180deg, #fff7d0, #ffbc23) !important;
  border: 1px solid rgba(255,176,0,.72) !important;
  border-radius: 999px !important;
  font-weight: 1000 !important;
}

body.fpm-user-area .offerwall-nav-scroll {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  justify-content: center !important;
  margin: 0 auto 18px !important;
}
body.fpm-user-area iframe,
body.fpm-user-area .offerwall-iframe {
  max-width: 100% !important;
  border: 1px solid rgba(72,181,255,.35) !important;
  border-radius: 16px !important;
  background: #061827 !important;
}

body.fpm-user-area footer.bg-zinc-900 {
  margin-top: 20px !important;
}

@media (max-width: 760px) {
  body.fpm-user-area .faucetpaymy-shell { padding: 0 10px 28px !important; }
  body.fpm-user-area header.bg-zinc-900 { justify-content: flex-start !important; overflow-x: auto !important; padding: 0 10px !important; }
  body.fpm-user-area .bonus-card { padding: 16px !important; }
  body.fpm-user-area .bonus-card2 { padding: 14px !important; }
  body.fpm-user-area #dep_right td { display: block !important; width: 100% !important; }
  body.fpm-user-area #dep_right img { width: 120px !important; height: 120px !important; }
}

/* Referral competition and weekly bonus screens */
.fpm-contest-page,
.fpm-weekly-page {
  width: min(1170px, 100%) !important;
  margin: 0 auto !important;
  color: var(--fpm-text) !important;
}

.fpm-contest-hero,
.fpm-contest-note,
.fpm-ref-link-card,
.fpm-reward-card,
.fpm-leaderboard-card,
.fpm-empty-page,
.fpm-weekly-hero,
.fpm-last-reward,
.fpm-recent-bonuses,
.fpm-weekly-sidebar article,
.fpm-weekly-stats {
  border: 1px solid rgba(255, 176, 0, .34) !important;
  border-radius: 16px !important;
  background:
    radial-gradient(circle at 100% 0, rgba(255, 176, 0, .08), transparent 280px),
    linear-gradient(145deg, rgba(7, 24, 38, .95), rgba(2, 10, 18, .97)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 16px 42px rgba(0,0,0,.28), 0 0 24px rgba(54,184,255,.1) !important;
}

.fpm-contest-hero {
  min-height: 178px !important;
  display: grid !important;
  grid-template-columns: 210px 1fr 390px !important;
  align-items: center !important;
  gap: 22px !important;
  padding: 14px 50px 14px 28px !important;
  overflow: hidden !important;
}
.fpm-contest-art img {
  width: 190px !important;
  height: 150px !important;
  object-fit: contain !important;
  filter: drop-shadow(0 0 24px rgba(255,176,0,.36)) !important;
}
.fpm-contest-copy h1,
.fpm-weekly-center h1 {
  margin: 0 !important;
  color: #ffd867 !important;
  font-size: 29px !important;
  line-height: 1 !important;
  font-weight: 1000 !important;
  text-transform: uppercase !important;
  text-shadow: 0 0 14px rgba(255,176,0,.32) !important;
}
.fpm-contest-copy h1::after {
  content: "";
  width: 190px;
  height: 1px;
  display: block;
  margin: 11px 0 10px;
  background: linear-gradient(90deg, rgba(255,216,103,.85), transparent);
}
.fpm-contest-copy h2 {
  margin: 0 0 15px !important;
  color: #fff !important;
  font-size: 21px !important;
  font-weight: 900 !important;
}
.fpm-contest-copy p {
  margin: 0 !important;
  color: #fff !important;
  font-size: 16px !important;
  font-weight: 800 !important;
}
.fpm-contest-copy strong,
.fpm-point-line strong,
.fpm-leaderboard-row .reward {
  color: var(--fpm-green) !important;
  text-transform: uppercase !important;
}
.fpm-contest-timer {
  min-height: 124px !important;
  padding: 14px 20px !important;
  border: 1px solid rgba(255, 176, 0, .48) !important;
  border-radius: 14px !important;
  background: rgba(0,0,0,.2) !important;
  text-align: center !important;
}
.fpm-contest-timer > strong,
.fpm-ref-link-card h3,
.fpm-reward-card h3,
.fpm-leaderboard-card h3,
.fpm-last-reward h2,
.fpm-recent-bonuses h2,
.fpm-weekly-sidebar h3 {
  margin: 0 !important;
  color: #ffc229 !important;
  font-size: 17px !important;
  font-weight: 1000 !important;
  text-transform: uppercase !important;
}
.fpm-time-grid {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 8px !important;
  margin: 10px 0 13px !important;
}
.fpm-time-grid span {
  min-height: 68px !important;
  display: grid !important;
  place-items: center !important;
  padding: 6px !important;
  border: 1px solid rgba(255,176,0,.48) !important;
  border-radius: 8px !important;
  background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(0,0,0,.22)) !important;
}
.fpm-time-grid b {
  color: #fff !important;
  font-size: 27px !important;
  line-height: 1 !important;
  text-shadow: 0 2px 0 #000 !important;
}
.fpm-time-grid small {
  color: #fff !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}
.fpm-contest-timer p {
  margin: 0 !important;
  color: #fff !important;
  font-weight: 900 !important;
}
.fpm-contest-timer i,
.fpm-reward-card h3 i,
.fpm-leaderboard-card h3 i,
.fpm-last-reward h2 i,
.fpm-recent-bonuses h2 i {
  color: var(--fpm-gold) !important;
}
.fpm-contest-note {
  min-height: 52px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 18px !important;
  margin: 18px 0 !important;
  padding: 12px 18px !important;
  font-size: 16px !important;
  font-weight: 850 !important;
}
.fpm-contest-note i {
  color: #211000 !important;
  background: var(--fpm-gold) !important;
  width: 24px !important;
  height: 24px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 50% !important;
}
.fpm-contest-panels {
  display: grid !important;
  grid-template-columns: 1.2fr 1fr !important;
  gap: 16px !important;
  margin-bottom: 18px !important;
}
.fpm-ref-link-card,
.fpm-reward-card,
.fpm-leaderboard-card {
  padding: 24px 28px !important;
}
.fpm-ref-link-card h3,
.fpm-reward-card h3,
.fpm-leaderboard-card h3 {
  text-align: center !important;
  margin-bottom: 18px !important;
}
.fpm-ref-copy {
  display: grid !important;
  grid-template-columns: 1fr 64px !important;
  width: min(530px, 100%) !important;
  margin: 0 auto 28px !important;
}
.fpm-ref-copy input {
  height: 58px !important;
  color: #fff !important;
  background: rgba(255,255,255,.04) !important;
  border: 1px solid rgba(255,255,255,.28) !important;
  border-radius: 8px 0 0 8px !important;
  font-size: 18px !important;
}
.fpm-ref-copy button {
  min-width: 64px !important;
  height: 58px !important;
  border-radius: 0 8px 8px 0 !important;
  font-size: 23px !important;
}
.fpm-ref-link-card p {
  margin: 0 0 26px !important;
  text-align: center !important;
  color: #fff !important;
  font-weight: 800 !important;
}
.fpm-share-row {
  display: flex !important;
  justify-content: center !important;
  gap: 24px !important;
  flex-wrap: wrap !important;
}
.fpm-share-row a,
.fpm-share-row button {
  width: 56px !important;
  min-width: 56px !important;
  height: 44px !important;
  padding: 0 !important;
  border-radius: 8px !important;
  color: #fff !important;
  font-size: 24px !important;
}
.fpm-share-row .facebook { background: linear-gradient(180deg, #2869ee, #1540a7) !important; }
.fpm-share-row .twitter { background: linear-gradient(180deg, #2db8ff, #1578b9) !important; }
.fpm-share-row .telegram { background: linear-gradient(180deg, #2ebfff, #1685c8) !important; }
.fpm-share-row .whatsapp { background: linear-gradient(180deg, #2fd34a, #138920) !important; }
.fpm-point-line {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin-bottom: 17px !important;
  color: #fff !important;
  font-weight: 800 !important;
}
.fpm-reward-list {
  display: grid !important;
  gap: 8px !important;
}
.fpm-reward-row {
  min-height: 50px !important;
  display: grid !important;
  grid-template-columns: 46px 1fr auto !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 8px 18px !important;
  border: 1px solid rgba(255,176,0,.32) !important;
  border-radius: 8px !important;
  background: rgba(255,176,0,.05) !important;
}
.fpm-reward-row i { font-size: 28px !important; }
.fpm-reward-row .gold { color: #ffd236 !important; }
.fpm-reward-row .silver { color: #dbe4ea !important; }
.fpm-reward-row .bronze { color: #c8792e !important; }
.fpm-reward-row .coins { color: var(--fpm-gold) !important; }
.fpm-reward-row span,
.fpm-reward-row b {
  color: #fff !important;
  font-size: 16px !important;
  font-weight: 1000 !important;
}
.fpm-reward-row b {
  color: #ffd65d !important;
}
.fpm-leaderboard-card h3 {
  margin-bottom: 16px !important;
}
.fpm-leaderboard-table {
  overflow: hidden !important;
  border: 1px solid rgba(255,176,0,.26) !important;
  border-radius: 8px !important;
}
.fpm-leaderboard-head,
.fpm-leaderboard-row {
  display: grid !important;
  grid-template-columns: 90px 1.6fr 1fr 1fr 1fr !important;
  align-items: center !important;
  min-height: 50px !important;
  padding: 0 34px !important;
  border-bottom: 1px solid rgba(255,176,0,.18) !important;
}
.fpm-leaderboard-head {
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 1000 !important;
  text-transform: uppercase !important;
}
.fpm-leaderboard-row {
  color: #fff !important;
  font-size: 16px !important;
  font-weight: 850 !important;
}
.fpm-leaderboard-row:last-child { border-bottom: 0 !important; }
.fpm-leaderboard-row .rank {
  width: 36px !important;
  height: 36px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 50% !important;
  border: 1px solid rgba(255,255,255,.24) !important;
  color: #fff !important;
  background: rgba(0,0,0,.26) !important;
}
.fpm-leaderboard-row .rank-1 { color: #211000 !important; background: linear-gradient(180deg, #ffd94b, #ffac00) !important; }
.fpm-leaderboard-row .rank-2 { color: #111 !important; background: linear-gradient(180deg, #fff, #bfc8d0) !important; }
.fpm-leaderboard-row .rank-3 { color: #1b0e00 !important; background: linear-gradient(180deg, #f4a45b, #bd6b22) !important; }
.fpm-leaderboard-row .user {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
}
.fpm-leaderboard-row .user i {
  width: 34px !important;
  height: 34px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 50% !important;
  color: #fff !important;
  background: linear-gradient(180deg, #5d6870, #1f2933) !important;
}
.fpm-leaderboard-row i {
  color: var(--fpm-gold) !important;
  margin-right: 6px !important;
}
.fpm-empty-state,
.fpm-empty-page {
  padding: 34px !important;
  text-align: center !important;
  color: #fff !important;
  font-weight: 850 !important;
}
.fpm-empty-page img {
  width: 230px !important;
  margin: 0 auto 18px !important;
  filter: drop-shadow(0 0 24px rgba(255,176,0,.28)) !important;
}

.fpm-toast {
  min-height: 46px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  margin: 0 0 14px !important;
  border-radius: 12px !important;
  font-weight: 1000 !important;
}
.fpm-toast.success { color: #113014 !important; background: linear-gradient(180deg, #8dff9f, #3ee068) !important; }
.fpm-toast.danger { color: #fff !important; background: linear-gradient(180deg, #e84d4d, #8c1717) !important; }
.fpm-weekly-layout {
  display: grid !important;
  grid-template-columns: 1fr 236px !important;
  gap: 14px !important;
}
.fpm-weekly-main {
  display: grid !important;
  gap: 14px !important;
}
.fpm-weekly-hero {
  position: relative !important;
  min-height: 380px !important;
  display: grid !important;
  grid-template-columns: 210px 1fr 210px !important;
  grid-template-rows: 1fr auto !important;
  align-items: center !important;
  overflow: hidden !important;
  padding: 24px 28px 18px !important;
  border-color: rgba(72,181,255,.68) !important;
  background:
    radial-gradient(circle at 18% 42%, rgba(54,184,255,.16), transparent 240px),
    radial-gradient(circle at 82% 42%, rgba(255,176,0,.2), transparent 270px),
    linear-gradient(145deg, rgba(7,24,38,.98), rgba(2,10,18,.98)) !important;
}
.fpm-weekly-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .5;
  background-image: radial-gradient(circle, rgba(255,176,0,.55) 0 1px, transparent 1.7px);
  background-size: 64px 64px;
}
.fpm-weekly-bee,
.fpm-weekly-center,
.fpm-weekly-gift,
.fpm-weekly-track {
  position: relative !important;
  z-index: 1 !important;
}
.fpm-weekly-bee img,
.fpm-weekly-gift img {
  width: 220px !important;
  height: 210px !important;
  object-fit: contain !important;
  filter: drop-shadow(0 0 24px rgba(255,176,0,.34)) !important;
}
.fpm-weekly-bee img {
  object-position: left center !important;
}
.fpm-weekly-gift img {
  object-position: right center !important;
}
.fpm-weekly-center {
  text-align: center !important;
}
.fpm-weekly-center h1 {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  font-size: 32px !important;
  margin-bottom: 13px !important;
}
.fpm-warning-line,
.fpm-claim-count {
  width: min(440px, 100%) !important;
  min-height: 36px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 auto 8px !important;
  padding: 8px 18px !important;
  border: 1px solid rgba(255,176,0,.28) !important;
  border-radius: 9px !important;
  background: rgba(0,0,0,.28) !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 1000 !important;
  text-transform: uppercase !important;
}
.fpm-warning-line i,
.fpm-reset-line i {
  color: #ff633f !important;
}
.fpm-claim-count {
  color: #fff !important;
  font-size: 13px !important;
}
.fpm-claim-count i {
  color: #ffd25d !important;
}
.fpm-reset-line {
  width: min(560px, 100%) !important;
  min-height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 10px auto 16px !important;
  padding: 8px 18px !important;
  color: #ff6f67 !important;
  background: linear-gradient(90deg, transparent, rgba(210,29,29,.34), transparent) !important;
  font-size: 16px !important;
  font-weight: 1000 !important;
  text-transform: uppercase !important;
}
.fpm-reset-line.ready {
  color: #ffd65d !important;
  background: linear-gradient(90deg, transparent, rgba(255,176,0,.16), transparent) !important;
}
.fpm-bonus-form {
  display: flex !important;
  justify-content: center !important;
}
.fpm-get-bonus {
  min-width: 300px !important;
  min-height: 58px !important;
  border-radius: 999px !important;
  font-size: 21px !important;
  box-shadow: 0 0 28px rgba(255,176,0,.55), inset 0 1px 0 rgba(255,255,255,.5) !important;
}
.fpm-get-bonus:disabled {
  opacity: .62 !important;
  cursor: not-allowed !important;
  filter: grayscale(.25) !important;
}
.fpm-weekly-track {
  grid-column: 1 / -1 !important;
  display: grid !important;
  grid-template-columns: repeat(7, 1fr) !important;
  gap: 24px !important;
  align-items: end !important;
  padding: 8px 6px 0 !important;
}
.fpm-step {
  position: relative !important;
  display: grid !important;
  justify-items: center !important;
  gap: 6px !important;
}
.fpm-step::after {
  content: "";
  position: absolute;
  left: calc(50% + 18px);
  right: calc(-50% + 18px);
  bottom: 13px;
  border-top: 1px dashed rgba(255,255,255,.28);
}
.fpm-step:last-child::after { display: none !important; }
.fpm-step b {
  width: 100% !important;
  min-height: 46px !important;
  display: grid !important;
  place-items: center !important;
  border: 1px solid rgba(255,176,0,.54) !important;
  border-radius: 8px !important;
  color: #fff !important;
  background: rgba(0,0,0,.28) !important;
  font-size: 16px !important;
  font-weight: 1000 !important;
}
.fpm-step span {
  width: 28px !important;
  height: 28px !important;
  display: grid !important;
  place-items: center !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,.36) !important;
  border-radius: 50% !important;
  background: rgba(0,0,0,.4) !important;
  font-weight: 1000 !important;
}
.fpm-weekly-cards {
  display: grid !important;
  grid-template-columns: .92fr 1.08fr !important;
  gap: 14px !important;
}
.fpm-last-reward,
.fpm-recent-bonuses {
  padding: 20px !important;
}
.fpm-last-reward h2,
.fpm-recent-bonuses h2 {
  margin-bottom: 16px !important;
  text-align: left !important;
}
.fpm-last-box {
  min-height: 290px !important;
  display: grid !important;
  place-items: center !important;
  align-content: center !important;
  gap: 8px !important;
  border: 1px solid rgba(255,176,0,.28) !important;
  border-radius: 14px !important;
  background: rgba(2,10,18,.46) !important;
  text-align: center !important;
}
.fpm-last-box img {
  width: 190px !important;
  height: 130px !important;
  object-fit: contain !important;
}
.fpm-last-box strong {
  color: #fff !important;
  font-size: 18px !important;
  font-weight: 1000 !important;
}
.fpm-last-box span {
  color: var(--fpm-muted) !important;
  font-size: 14px !important;
}
.fpm-recent-list {
  border: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 12px !important;
  overflow: hidden !important;
}
.fpm-recent-row {
  min-height: 42px !important;
  display: grid !important;
  grid-template-columns: 42px 1fr auto !important;
  align-items: center !important;
  gap: 9px !important;
  padding: 7px 11px !important;
  border-bottom: 1px solid rgba(255,255,255,.09) !important;
}
.fpm-recent-row:last-child { border-bottom: 0 !important; }
.fpm-recent-row .avatar {
  width: 28px !important;
  height: 28px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 50% !important;
  color: #fff !important;
  background: linear-gradient(180deg, #41b8ff, #176c9c) !important;
}
.fpm-recent-row strong {
  color: #fff !important;
  font-size: 14px !important;
}
.fpm-recent-row b {
  color: var(--fpm-gold) !important;
  font-size: 14px !important;
}
.fpm-weekly-sidebar {
  display: grid !important;
  gap: 14px !important;
}
.fpm-weekly-sidebar article {
  min-height: 116px !important;
  padding: 22px 18px 18px 88px !important;
  position: relative !important;
}
.fpm-weekly-sidebar article > i {
  position: absolute !important;
  left: 22px !important;
  top: 26px !important;
  width: 52px !important;
  height: 52px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 50% !important;
  color: #ffc229 !important;
  font-size: 31px !important;
  border: 2px solid rgba(255,176,0,.7) !important;
  box-shadow: 0 0 18px rgba(54,184,255,.2) !important;
}
.fpm-weekly-sidebar h3 {
  margin-bottom: 10px !important;
  color: #fff !important;
}
.fpm-weekly-sidebar p,
.fpm-weekly-sidebar li {
  margin: 0 !important;
  color: #e8eef6 !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
  font-weight: 750 !important;
}
.fpm-weekly-sidebar ul {
  display: grid !important;
  gap: 9px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
.fpm-weekly-sidebar li span {
  width: 22px !important;
  height: 22px !important;
  display: inline-grid !important;
  place-items: center !important;
  margin-right: 9px !important;
  color: #fff !important;
  border: 2px solid var(--fpm-gold) !important;
  border-radius: 50% !important;
  font-size: 12px !important;
  font-weight: 1000 !important;
}
.fpm-top-streakers div {
  display: grid !important;
  grid-template-columns: 24px 1fr auto !important;
  gap: 8px !important;
  align-items: center !important;
  min-height: 30px !important;
  color: #fff !important;
  font-size: 14px !important;
}
.fpm-top-streakers b {
  color: var(--fpm-gold) !important;
  font-size: 13px !important;
}
.fpm-weekly-stats {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 0 !important;
  margin-top: 14px !important;
  overflow: hidden !important;
}
.fpm-weekly-stats div {
  min-height: 88px !important;
  display: grid !important;
  grid-template-columns: 44px 1fr !important;
  grid-template-rows: auto auto !important;
  align-content: center !important;
  column-gap: 12px !important;
  padding: 16px 18px !important;
  border-right: 1px solid rgba(255,255,255,.1) !important;
}
.fpm-weekly-stats div:last-child { border-right: 0 !important; }
.fpm-weekly-stats i {
  grid-row: 1 / span 2 !important;
  color: var(--fpm-gold) !important;
  font-size: 34px !important;
  align-self: center !important;
}
.fpm-weekly-stats span {
  color: var(--fpm-muted) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}
.fpm-weekly-stats strong {
  color: #fff !important;
  font-size: 18px !important;
  line-height: 1.15 !important;
  font-weight: 1000 !important;
}

@media (max-width: 1100px) {
  .fpm-contest-hero { grid-template-columns: 170px 1fr !important; padding: 18px !important; }
  .fpm-contest-timer { grid-column: 1 / -1 !important; }
  .fpm-weekly-layout,
  .fpm-weekly-cards { grid-template-columns: 1fr !important; }
  .fpm-weekly-sidebar { grid-template-columns: repeat(2, 1fr) !important; }
}

@media (max-width: 780px) {
  .fpm-contest-hero,
  .fpm-contest-panels,
  .fpm-weekly-hero,
  .fpm-weekly-stats,
  .fpm-weekly-sidebar {
    grid-template-columns: 1fr !important;
  }
  .fpm-contest-hero,
  .fpm-weekly-hero {
    text-align: center !important;
  }
  .fpm-contest-art img,
  .fpm-weekly-bee img,
  .fpm-weekly-gift img {
    margin: 0 auto !important;
  }
  .fpm-weekly-track {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 12px !important;
  }
  .fpm-step::after { display: none !important; }
  .fpm-leaderboard-head { display: none !important; }
  .fpm-leaderboard-row {
    grid-template-columns: 44px 1fr !important;
    gap: 8px 14px !important;
    padding: 12px !important;
  }
  .fpm-leaderboard-row span:nth-child(n+3) {
    grid-column: 2 !important;
  }
  .fpm-ref-copy {
    grid-template-columns: 1fr !important;
  }
  .fpm-ref-copy input,
  .fpm-ref-copy button {
    border-radius: 8px !important;
  }
  .fpm-ref-copy button {
    width: 100% !important;
  }
  .fpm-weekly-stats div {
    border-right: 0 !important;
    border-bottom: 1px solid rgba(255,255,255,.1) !important;
  }
  .fpm-weekly-stats div:last-child { border-bottom: 0 !important; }
}

@media (max-width: 520px) {
  .fpm-time-grid { grid-template-columns: repeat(2, 1fr) !important; }
  .fpm-contest-copy h1,
  .fpm-weekly-center h1 { font-size: 25px !important; }
  .fpm-share-row { gap: 10px !important; }
  .fpm-get-bonus { min-width: 100% !important; }
  .fpm-weekly-sidebar article { padding: 18px !important; }
  .fpm-weekly-sidebar article > i {
    position: static !important;
    margin-bottom: 12px !important;
  }
}

/* Contest page hard sizing pass: keeps the reference layout intact on tablet/desktop widths. */
body.fpm-user-area .fpm-contest-page {
  display: block !important;
  width: min(1170px, 100%) !important;
  max-width: 1170px !important;
}
body.fpm-user-area .fpm-contest-page .fpm-contest-hero {
  min-height: 176px !important;
  display: grid !important;
  grid-template-columns: 210px minmax(260px, 1fr) minmax(320px, 370px) !important;
  grid-template-rows: auto !important;
  align-items: center !important;
  gap: 18px !important;
  padding: 14px 24px !important;
}
body.fpm-user-area .fpm-contest-page .fpm-contest-art {
  width: 190px !important;
  height: 148px !important;
  display: grid !important;
  place-items: center !important;
  overflow: hidden !important;
}
body.fpm-user-area .fpm-contest-page .fpm-contest-art img {
  width: 190px !important;
  max-width: 190px !important;
  height: 148px !important;
  max-height: 148px !important;
  object-fit: cover !important;
  object-position: center !important;
  border-radius: 12px !important;
}
body.fpm-user-area .fpm-contest-page .fpm-contest-timer {
  grid-column: auto !important;
  width: 100% !important;
}
body.fpm-user-area .fpm-contest-page .fpm-contest-panels {
  display: grid !important;
  grid-template-columns: minmax(0, 1.2fr) minmax(320px, .98fr) !important;
}
body.fpm-user-area .fpm-contest-page .fpm-leaderboard-card,
body.fpm-user-area .fpm-contest-page .fpm-ref-link-card,
body.fpm-user-area .fpm-contest-page .fpm-reward-card {
  max-width: none !important;
}

@media (max-width: 880px) {
  body.fpm-user-area .fpm-contest-page .fpm-contest-hero {
    grid-template-columns: 150px minmax(210px, 1fr) minmax(250px, 300px) !important;
    gap: 12px !important;
    padding: 12px !important;
  }
  body.fpm-user-area .fpm-contest-page .fpm-contest-art,
  body.fpm-user-area .fpm-contest-page .fpm-contest-art img {
    width: 138px !important;
    max-width: 138px !important;
    height: 116px !important;
    max-height: 116px !important;
  }
  body.fpm-user-area .fpm-contest-page .fpm-contest-copy h1 {
    font-size: 22px !important;
  }
  body.fpm-user-area .fpm-contest-page .fpm-contest-copy h2 {
    font-size: 17px !important;
  }
  body.fpm-user-area .fpm-contest-page .fpm-time-grid b {
    font-size: 21px !important;
  }
  body.fpm-user-area .fpm-contest-page .fpm-contest-panels {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 680px) {
  body.fpm-user-area .fpm-contest-page .fpm-contest-hero {
    grid-template-columns: 1fr !important;
    text-align: center !important;
  }
  body.fpm-user-area .fpm-contest-page .fpm-contest-art {
    margin: 0 auto !important;
  }
  body.fpm-user-area .fpm-contest-page .fpm-contest-copy h1::after {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

/* Weekly bonus full dashboard pass */
body.fpm-user-area main.fpm-weekly-page {
  width: min(1378px, 100%) !important;
  max-width: 1378px !important;
  padding-top: 18px !important;
}
body.fpm-user-area .fpm-weekly-dashboard {
  display: grid !important;
  grid-template-columns: 178px minmax(0, 1fr) !important;
  gap: 36px !important;
  align-items: start !important;
}
body.fpm-user-area .fpm-weekly-leftnav {
  display: grid !important;
  gap: 12px !important;
}
body.fpm-user-area .fpm-user-badge,
body.fpm-user-area .fpm-invite-card {
  border: 1px solid rgba(72,181,255,.34) !important;
  border-radius: 13px !important;
  background: linear-gradient(145deg, rgba(7,24,38,.96), rgba(2,10,18,.98)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 16px 34px rgba(0,0,0,.26) !important;
}
body.fpm-user-area .fpm-user-badge {
  min-height: 146px !important;
  display: grid !important;
  justify-items: center !important;
  align-content: center !important;
  gap: 8px !important;
  padding: 16px 10px !important;
  text-align: center !important;
}
body.fpm-user-area .fpm-user-badge > i {
  width: 58px !important;
  height: 58px !important;
  display: grid !important;
  place-items: center !important;
  color: var(--fpm-gold) !important;
  font-size: 36px !important;
  border: 3px solid rgba(255,176,0,.84) !important;
  border-radius: 50% !important;
  box-shadow: 0 0 18px rgba(255,176,0,.24) !important;
}
body.fpm-user-area .fpm-user-badge strong {
  max-width: 150px !important;
  overflow: hidden !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
body.fpm-user-area .fpm-user-badge span {
  min-width: 116px !important;
  min-height: 26px !important;
  display: grid !important;
  place-items: center !important;
  color: #fff !important;
  border: 1px solid rgba(255,176,0,.48) !important;
  border-radius: 7px !important;
  background: rgba(0,0,0,.22) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}
body.fpm-user-area .fpm-weekly-leftnav nav {
  display: grid !important;
  gap: 0 !important;
  min-height: 548px !important;
  padding: 14px 10px !important;
  border: 1px solid rgba(72,181,255,.34) !important;
  border-radius: 13px !important;
  background: linear-gradient(145deg, rgba(7,24,38,.96), rgba(2,10,18,.98)) !important;
}
body.fpm-user-area .fpm-weekly-leftnav nav a {
  min-height: 38px !important;
  display: grid !important;
  grid-template-columns: 30px 1fr !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 0 10px !important;
  color: #e8eef6 !important;
  border-left: 3px solid transparent !important;
  border-radius: 7px !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
}
body.fpm-user-area .fpm-weekly-leftnav nav a i {
  color: #f7fbff !important;
  font-size: 21px !important;
  text-align: center !important;
}
body.fpm-user-area .fpm-weekly-leftnav nav a span {
  color: inherit !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}
body.fpm-user-area .fpm-weekly-leftnav nav a.active,
body.fpm-user-area .fpm-weekly-leftnav nav a:hover {
  color: #ffd65d !important;
  border-left-color: var(--fpm-gold) !important;
  background: linear-gradient(90deg, rgba(255,176,0,.22), rgba(255,176,0,.03)) !important;
}
body.fpm-user-area .fpm-weekly-leftnav nav a.active i,
body.fpm-user-area .fpm-weekly-leftnav nav a:hover i {
  color: var(--fpm-gold) !important;
}
body.fpm-user-area .fpm-invite-card {
  min-height: 136px !important;
  display: grid !important;
  grid-template-columns: 56px 1fr !important;
  align-items: center !important;
  gap: 6px 10px !important;
  padding: 12px !important;
  overflow: hidden !important;
}
body.fpm-user-area .fpm-invite-card img {
  grid-row: 1 / span 3 !important;
  width: 64px !important;
  height: 88px !important;
  object-fit: cover !important;
  object-position: center !important;
  border-radius: 9px !important;
  filter: drop-shadow(0 0 16px rgba(255,176,0,.26)) !important;
}
body.fpm-user-area .fpm-invite-card strong {
  color: #ffd65d !important;
  font-size: 11px !important;
  font-weight: 1000 !important;
  text-transform: uppercase !important;
}
body.fpm-user-area .fpm-invite-card span {
  color: #fff !important;
  font-size: 11px !important;
  line-height: 1.25 !important;
}
body.fpm-user-area .fpm-invite-card a {
  min-height: 31px !important;
  display: inline-grid !important;
  place-items: center !important;
  color: #211000 !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #ffd748, #f08a00) !important;
  font-size: 11px !important;
  font-weight: 1000 !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
}
body.fpm-user-area .fpm-weekly-content {
  min-width: 0 !important;
}
body.fpm-user-area .fpm-weekly-content .fpm-weekly-layout {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 236px !important;
  gap: 14px !important;
}
body.fpm-user-area .fpm-weekly-content .fpm-weekly-main {
  min-width: 0 !important;
}
body.fpm-user-area .fpm-weekly-page .fpm-weekly-hero {
  min-height: 378px !important;
  grid-template-columns: 210px minmax(320px, 1fr) 205px !important;
  padding: 20px 28px 16px !important;
  border-radius: 17px !important;
}
body.fpm-user-area .fpm-weekly-page .fpm-weekly-bee,
body.fpm-user-area .fpm-weekly-page .fpm-weekly-gift {
  width: 205px !important;
  height: 182px !important;
  display: grid !important;
  place-items: center !important;
  overflow: hidden !important;
}
body.fpm-user-area .fpm-weekly-page .fpm-weekly-bee img,
body.fpm-user-area .fpm-weekly-page .fpm-weekly-gift img {
  width: 205px !important;
  max-width: 205px !important;
  height: 182px !important;
  max-height: 182px !important;
  object-fit: cover !important;
  object-position: center !important;
  border-radius: 13px !important;
}
body.fpm-user-area .fpm-weekly-page .fpm-weekly-center h1 {
  font-size: 34px !important;
  margin-bottom: 13px !important;
}
body.fpm-user-area .fpm-weekly-page .fpm-warning-line,
body.fpm-user-area .fpm-weekly-page .fpm-claim-count {
  width: min(440px, 100%) !important;
}
body.fpm-user-area .fpm-weekly-page .fpm-reset-line {
  width: min(590px, 100%) !important;
}
body.fpm-user-area .fpm-weekly-page .fpm-weekly-track {
  gap: 22px !important;
  padding: 9px 5px 0 !important;
}
body.fpm-user-area .fpm-weekly-page .fpm-step b {
  min-height: 46px !important;
}
body.fpm-user-area .fpm-weekly-page .fpm-weekly-cards {
  grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr) !important;
  gap: 14px !important;
}
body.fpm-user-area .fpm-weekly-page .fpm-last-reward,
body.fpm-user-area .fpm-weekly-page .fpm-recent-bonuses {
  min-height: 398px !important;
}
body.fpm-user-area .fpm-weekly-page .fpm-last-box {
  min-height: 318px !important;
}
body.fpm-user-area .fpm-weekly-page .fpm-recent-row {
  min-height: 44px !important;
}
body.fpm-user-area .fpm-weekly-page .fpm-weekly-sidebar article {
  min-height: 140px !important;
  padding: 22px 16px 18px 88px !important;
}
body.fpm-user-area .fpm-weekly-page .fpm-top-streakers {
  min-height: 264px !important;
}
body.fpm-user-area .fpm-streak-button {
  min-height: 42px !important;
  display: grid !important;
  place-items: center !important;
  margin-top: 14px !important;
  color: #ffd65d !important;
  border: 1px solid rgba(255,176,0,.62) !important;
  border-radius: 9px !important;
  background: rgba(255,176,0,.08) !important;
  font-size: 12px !important;
  font-weight: 1000 !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
}
body.fpm-user-area .fpm-weekly-page .fpm-weekly-stats {
  margin-top: 26px !important;
}

@media (max-width: 1260px) {
  body.fpm-user-area .fpm-weekly-dashboard {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }
  body.fpm-user-area .fpm-weekly-leftnav {
    display: none !important;
  }
  body.fpm-user-area .fpm-weekly-content .fpm-weekly-layout {
    grid-template-columns: minmax(0, 1fr) 236px !important;
  }
}

@media (max-width: 1020px) {
  body.fpm-user-area .fpm-weekly-content .fpm-weekly-layout,
  body.fpm-user-area .fpm-weekly-page .fpm-weekly-cards {
    grid-template-columns: 1fr !important;
  }
  body.fpm-user-area .fpm-weekly-page .fpm-weekly-sidebar {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  body.fpm-user-area .fpm-weekly-page .fpm-weekly-hero {
    grid-template-columns: 150px 1fr 150px !important;
  }
  body.fpm-user-area .fpm-weekly-page .fpm-weekly-bee,
  body.fpm-user-area .fpm-weekly-page .fpm-weekly-gift,
  body.fpm-user-area .fpm-weekly-page .fpm-weekly-bee img,
  body.fpm-user-area .fpm-weekly-page .fpm-weekly-gift img {
    width: 148px !important;
    max-width: 148px !important;
    height: 138px !important;
    max-height: 138px !important;
  }
}

/* Weekly bonus final fit: use the site's existing top navigation, no duplicate side rail. */
body.fpm-user-area main.fpm-weekly-page {
  width: min(1210px, 100%) !important;
  max-width: 1210px !important;
}
body.fpm-user-area .fpm-weekly-dashboard {
  display: block !important;
}
body.fpm-user-area .fpm-weekly-leftnav {
  display: none !important;
}
body.fpm-user-area .fpm-weekly-content {
  width: 100% !important;
}
body.fpm-user-area .fpm-weekly-content .fpm-weekly-layout {
  grid-template-columns: minmax(0, 1fr) 236px !important;
  gap: 14px !important;
}
body.fpm-user-area .fpm-weekly-page .fpm-weekly-hero {
  grid-template-columns: 190px minmax(320px, 1fr) 190px !important;
}
body.fpm-user-area .fpm-weekly-page .fpm-weekly-bee,
body.fpm-user-area .fpm-weekly-page .fpm-weekly-gift,
body.fpm-user-area .fpm-weekly-page .fpm-weekly-bee img,
body.fpm-user-area .fpm-weekly-page .fpm-weekly-gift img {
  width: 188px !important;
  max-width: 188px !important;
  height: 170px !important;
  max-height: 170px !important;
}

@media (max-width: 1020px) {
  body.fpm-user-area .fpm-weekly-content .fpm-weekly-layout,
  body.fpm-user-area .fpm-weekly-page .fpm-weekly-cards {
    grid-template-columns: 1fr !important;
  }
  body.fpm-user-area .fpm-weekly-page .fpm-weekly-sidebar {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media (max-width: 760px) {
  body.fpm-user-area .fpm-weekly-page .fpm-weekly-hero {
    grid-template-columns: 1fr !important;
  }
}

/* Weekly bonus polish pass: blend art into panels and fix cramped right rail text. */
body.fpm-user-area .fpm-weekly-content .fpm-weekly-layout {
  grid-template-columns: minmax(0, 1fr) 270px !important;
  gap: 12px !important;
}
body.fpm-user-area .fpm-weekly-page .fpm-weekly-hero {
  position: relative !important;
  min-height: 330px !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  align-items: center !important;
  padding: 26px 34px 18px !important;
  overflow: hidden !important;
  border-color: rgba(54,184,255,.64) !important;
  background:
    radial-gradient(circle at 14% 43%, rgba(255,176,0,.18), transparent 210px),
    radial-gradient(circle at 86% 43%, rgba(255,176,0,.18), transparent 220px),
    radial-gradient(circle at 50% 10%, rgba(54,184,255,.13), transparent 330px),
    linear-gradient(145deg, rgba(6,22,36,.98), rgba(1,9,17,.98)) !important;
}
body.fpm-user-area .fpm-weekly-page .fpm-weekly-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(2,10,18,.18), rgba(2,10,18,.72) 28%, rgba(2,10,18,.78) 50%, rgba(2,10,18,.72) 72%, rgba(2,10,18,.18)),
    linear-gradient(180deg, transparent 0 70%, rgba(2,10,18,.38) 100%) !important;
}
body.fpm-user-area .fpm-weekly-page .fpm-weekly-bee,
body.fpm-user-area .fpm-weekly-page .fpm-weekly-gift {
  position: absolute !important;
  z-index: 0 !important;
  top: 54px !important;
  width: 220px !important;
  height: 176px !important;
  pointer-events: none !important;
  overflow: visible !important;
}
body.fpm-user-area .fpm-weekly-page .fpm-weekly-bee { left: 18px !important; }
body.fpm-user-area .fpm-weekly-page .fpm-weekly-gift { right: 18px !important; }
body.fpm-user-area .fpm-weekly-page .fpm-weekly-bee img,
body.fpm-user-area .fpm-weekly-page .fpm-weekly-gift img {
  width: 220px !important;
  max-width: 220px !important;
  height: 176px !important;
  max-height: 176px !important;
  object-fit: cover !important;
  border-radius: 0 !important;
  opacity: .72 !important;
  mix-blend-mode: screen !important;
  filter: saturate(1.08) contrast(1.05) drop-shadow(0 0 26px rgba(255,176,0,.22)) !important;
  -webkit-mask-image: radial-gradient(circle at center, #000 0 48%, rgba(0,0,0,.72) 62%, transparent 82%) !important;
  mask-image: radial-gradient(circle at center, #000 0 48%, rgba(0,0,0,.72) 62%, transparent 82%) !important;
}
body.fpm-user-area .fpm-weekly-page .fpm-weekly-center,
body.fpm-user-area .fpm-weekly-page .fpm-weekly-track {
  position: relative !important;
  z-index: 2 !important;
}
body.fpm-user-area .fpm-weekly-page .fpm-weekly-center {
  width: min(620px, 100%) !important;
  margin: 0 auto !important;
}
body.fpm-user-area .fpm-weekly-page .fpm-weekly-center h1 {
  font-size: 34px !important;
  text-shadow: 0 0 16px rgba(255,176,0,.42), 0 2px 0 #000 !important;
}
body.fpm-user-area .fpm-weekly-page .fpm-warning-line,
body.fpm-user-area .fpm-weekly-page .fpm-claim-count {
  min-height: 34px !important;
  padding: 7px 16px !important;
  border-color: rgba(255,176,0,.46) !important;
  background: rgba(2,10,18,.7) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04) !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
}
body.fpm-user-area .fpm-weekly-page .fpm-reset-line {
  min-height: 38px !important;
  margin-top: 9px !important;
  margin-bottom: 14px !important;
  padding: 8px 18px !important;
  font-size: 15px !important;
  line-height: 1.2 !important;
}
body.fpm-user-area .fpm-weekly-page .fpm-get-bonus {
  min-width: 220px !important;
  min-height: 44px !important;
  font-size: 13px !important;
}
body.fpm-user-area .fpm-weekly-page .fpm-weekly-track {
  width: 100% !important;
  gap: 13px !important;
  margin-top: 20px !important;
}
body.fpm-user-area .fpm-weekly-page .fpm-step b {
  min-height: 39px !important;
  font-size: 13px !important;
  background: rgba(2,10,18,.72) !important;
}
body.fpm-user-area .fpm-weekly-page .fpm-step span {
  width: 24px !important;
  height: 24px !important;
  font-size: 12px !important;
}
body.fpm-user-area .fpm-weekly-page .fpm-last-box {
  position: relative !important;
  overflow: hidden !important;
  min-height: 300px !important;
}
body.fpm-user-area .fpm-weekly-page .fpm-last-box::before {
  content: "";
  position: absolute;
  inset: 28px 46px 64px;
  opacity: .38;
  background: url('/img/faucetpaymy-ai/weekly-gift-ai.png') center / contain no-repeat;
  mix-blend-mode: screen;
  filter: saturate(1.08) drop-shadow(0 0 22px rgba(255,176,0,.2));
  -webkit-mask-image: radial-gradient(circle, #000 0 44%, transparent 78%);
  mask-image: radial-gradient(circle, #000 0 44%, transparent 78%);
}
body.fpm-user-area .fpm-weekly-page .fpm-last-box > img {
  display: none !important;
}
body.fpm-user-area .fpm-weekly-page .fpm-last-box strong,
body.fpm-user-area .fpm-weekly-page .fpm-last-box span {
  position: relative !important;
  z-index: 1 !important;
}
body.fpm-user-area .fpm-weekly-page .fpm-weekly-sidebar article {
  min-height: auto !important;
  padding: 18px 16px 17px 72px !important;
}
body.fpm-user-area .fpm-weekly-page .fpm-weekly-sidebar article > i {
  left: 17px !important;
  top: 18px !important;
  width: 42px !important;
  height: 42px !important;
  font-size: 24px !important;
}
body.fpm-user-area .fpm-weekly-page .fpm-weekly-sidebar h3 {
  margin-bottom: 8px !important;
  font-size: 14px !important;
  line-height: 1.15 !important;
}
body.fpm-user-area .fpm-weekly-page .fpm-weekly-sidebar p,
body.fpm-user-area .fpm-weekly-page .fpm-weekly-sidebar li {
  font-size: 12px !important;
  line-height: 1.32 !important;
}
body.fpm-user-area .fpm-weekly-page .fpm-weekly-sidebar li {
  display: grid !important;
  grid-template-columns: 22px 1fr !important;
  align-items: start !important;
  gap: 7px !important;
}
body.fpm-user-area .fpm-weekly-page .fpm-weekly-sidebar li span {
  margin-right: 0 !important;
}
body.fpm-user-area .fpm-weekly-page .fpm-top-streakers {
  min-height: auto !important;
}
body.fpm-user-area .fpm-top-streakers div {
  grid-template-columns: 20px 1fr auto !important;
  min-height: 25px !important;
  font-size: 12px !important;
}
body.fpm-user-area .fpm-top-streakers b {
  font-size: 11px !important;
  white-space: nowrap !important;
}
body.fpm-user-area .fpm-streak-button {
  min-height: 36px !important;
  padding: 7px 10px !important;
  font-size: 11px !important;
  line-height: 1.1 !important;
}

@media (max-width: 1080px) {
  body.fpm-user-area .fpm-weekly-content .fpm-weekly-layout {
    grid-template-columns: 1fr !important;
  }
  body.fpm-user-area .fpm-weekly-page .fpm-weekly-sidebar {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 720px) {
  body.fpm-user-area .fpm-weekly-page .fpm-weekly-bee,
  body.fpm-user-area .fpm-weekly-page .fpm-weekly-gift {
    opacity: .42 !important;
  }
  body.fpm-user-area .fpm-weekly-page .fpm-weekly-bee { left: -54px !important; }
  body.fpm-user-area .fpm-weekly-page .fpm-weekly-gift { right: -54px !important; }
  body.fpm-user-area .fpm-weekly-page .fpm-weekly-sidebar,
  body.fpm-user-area .fpm-weekly-page .fpm-weekly-stats {
    grid-template-columns: 1fr !important;
  }
}

/* Weekly art as background layers, not standalone pictures. */
body.fpm-user-area .fpm-weekly-page .fpm-weekly-bee,
body.fpm-user-area .fpm-weekly-page .fpm-weekly-gift {
  position: absolute !important;
  z-index: 0 !important;
  top: 36px !important;
  width: 270px !important;
  height: 230px !important;
  opacity: .58 !important;
  pointer-events: none !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 0 !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  mix-blend-mode: screen !important;
  filter: saturate(1.08) contrast(1.05) drop-shadow(0 0 26px rgba(255,176,0,.25)) !important;
  -webkit-mask-image: radial-gradient(circle at center, #000 0 42%, rgba(0,0,0,.7) 58%, transparent 78%) !important;
  mask-image: radial-gradient(circle at center, #000 0 42%, rgba(0,0,0,.7) 58%, transparent 78%) !important;
}
body.fpm-user-area .fpm-weekly-page .fpm-weekly-bee {
  left: -22px !important;
  background-image: url('/img/faucetpaymy-ai/weekly-bee-ai.png') !important;
}
body.fpm-user-area .fpm-weekly-page .fpm-weekly-gift {
  right: -22px !important;
  background-image: url('/img/faucetpaymy-ai/weekly-gift-ai.png') !important;
}
body.fpm-user-area .fpm-weekly-page .fpm-weekly-bee img,
body.fpm-user-area .fpm-weekly-page .fpm-weekly-gift img {
  display: none !important;
}
body.fpm-user-area .fpm-weekly-page .fpm-weekly-center {
  position: relative !important;
  z-index: 3 !important;
}
body.fpm-user-area .fpm-weekly-page .fpm-weekly-track {
  position: relative !important;
  z-index: 3 !important;
}
body.fpm-user-area .fpm-weekly-page .fpm-last-box {
  background:
    radial-gradient(circle at 50% 42%, rgba(255,176,0,.12), transparent 150px),
    linear-gradient(145deg, rgba(2,10,18,.82), rgba(2,10,18,.96)) !important;
}
body.fpm-user-area .fpm-weekly-page .fpm-last-box::before {
  inset: 18px 34px 52px !important;
  opacity: .52 !important;
  background-image: url('/img/faucetpaymy-ai/weekly-gift-ai.png') !important;
}

@media (max-width: 720px) {
  body.fpm-user-area .fpm-weekly-page .fpm-weekly-bee {
    left: -110px !important;
  }
  body.fpm-user-area .fpm-weekly-page .fpm-weekly-gift {
    right: -110px !important;
  }
}

/* /user/bonusw weekly bonus screen */
body.fpm-user-area main.fpm-bonusw-page {
  width: min(1210px, 100%) !important;
  max-width: 1210px !important;
  margin: 0 auto !important;
  padding: 18px 0 26px !important;
  color: var(--fpm-text) !important;
}
.fpm-bonusw-layout {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 236px !important;
  gap: 14px !important;
  align-items: stretch !important;
}
.fpm-bonusw-main {
  display: grid !important;
  gap: 14px !important;
  min-width: 0 !important;
}
.fpm-bonusw-hero,
.fpm-bonusw-card,
.fpm-bonusw-side article,
.fpm-bonusw-toast {
  border: 1px solid rgba(72,181,255,.48) !important;
  border-radius: 14px !important;
  background:
    radial-gradient(circle at 100% 0, rgba(255,176,0,.08), transparent 260px),
    linear-gradient(145deg, rgba(7,24,38,.96), rgba(2,10,18,.98)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 16px 38px rgba(0,0,0,.24), 0 0 22px rgba(54,184,255,.1) !important;
}
.fpm-bonusw-hero {
  position: relative !important;
  min-height: 380px !important;
  overflow: hidden !important;
  padding: 30px 36px 18px !important;
  background:
    radial-gradient(circle at 14% 38%, rgba(255,176,0,.16), transparent 230px),
    radial-gradient(circle at 86% 38%, rgba(255,176,0,.18), transparent 240px),
    radial-gradient(circle at 50% 8%, rgba(54,184,255,.15), transparent 340px),
    linear-gradient(145deg, rgba(6,22,36,.98), rgba(1,9,17,.98)) !important;
}
.fpm-bonusw-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: .42;
  pointer-events: none;
  background-image: radial-gradient(circle, rgba(255,176,0,.55) 0 1px, transparent 1.6px);
  background-size: 58px 58px;
}
.fpm-bonusw-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(2,10,18,.08), rgba(2,10,18,.72) 28%, rgba(2,10,18,.78) 50%, rgba(2,10,18,.72) 72%, rgba(2,10,18,.08)),
    linear-gradient(180deg, transparent 0 70%, rgba(2,10,18,.42) 100%) !important;
}
.fpm-bonusw-art {
  position: absolute !important;
  z-index: 0 !important;
  top: 34px !important;
  width: 285px !important;
  height: 238px !important;
  opacity: .66 !important;
  pointer-events: none !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  mix-blend-mode: screen !important;
  filter: saturate(1.08) contrast(1.05) drop-shadow(0 0 26px rgba(255,176,0,.24)) !important;
  -webkit-mask-image: radial-gradient(circle at center, #000 0 42%, rgba(0,0,0,.72) 58%, transparent 80%) !important;
  mask-image: radial-gradient(circle at center, #000 0 42%, rgba(0,0,0,.72) 58%, transparent 80%) !important;
}
.fpm-bonusw-art.bee {
  left: -28px !important;
  background-image: url('/img/faucetpaymy-ai/weekly-bee-ai.png') !important;
}
.fpm-bonusw-art.gift {
  right: -28px !important;
  background-image: url('/img/faucetpaymy-ai/weekly-gift-ai.png') !important;
}
.fpm-bonusw-center {
  position: relative !important;
  z-index: 3 !important;
  width: min(620px, 100%) !important;
  margin: 0 auto !important;
  text-align: center !important;
}
.fpm-bonusw-center h1 {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 0 0 13px !important;
  color: #ffbf21 !important;
  font-size: 34px !important;
  line-height: 1 !important;
  font-weight: 1000 !important;
  text-transform: uppercase !important;
  text-shadow: 0 0 16px rgba(255,176,0,.42), 0 2px 0 #000 !important;
}
.fpm-bonusw-pill {
  width: min(480px, 100%) !important;
  min-height: 34px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  margin: 0 auto 8px !important;
  padding: 7px 16px !important;
  color: #fff !important;
  border: 1px solid rgba(255,176,0,.46) !important;
  border-radius: 8px !important;
  background: rgba(2,10,18,.7) !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
  font-weight: 1000 !important;
  text-transform: uppercase !important;
}
.fpm-bonusw-pill i { color: #ff6c55 !important; }
.fpm-bonusw-pill.muted i { color: #75ffc4 !important; }
.fpm-bonusw-alert {
  width: min(620px, 100%) !important;
  min-height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 10px auto 14px !important;
  padding: 8px 18px !important;
  color: #ff7770 !important;
  background: linear-gradient(90deg, transparent, rgba(210,29,29,.34), transparent) !important;
  font-size: 15px !important;
  line-height: 1.2 !important;
  font-weight: 1000 !important;
  text-transform: uppercase !important;
}
.fpm-bonusw-alert.ready {
  color: #ffd65d !important;
  background: linear-gradient(90deg, transparent, rgba(255,176,0,.16), transparent) !important;
}
.fpm-bonusw-button {
  min-width: 220px !important;
  min-height: 46px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  color: #211000 !important;
  border: 1px solid rgba(255,231,116,.96) !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #ffd748 0%, #ffa900 52%, #ec7900 100%) !important;
  box-shadow: 0 0 24px rgba(255,176,0,.46), inset 0 1px 0 rgba(255,255,255,.45) !important;
  font-size: 14px !important;
  font-weight: 1000 !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
}
.fpm-bonusw-button:disabled {
  opacity: .62 !important;
  cursor: not-allowed !important;
}
.fpm-bonusw-track {
  position: relative !important;
  z-index: 3 !important;
  display: grid !important;
  grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
  gap: 13px !important;
  margin-top: 42px !important;
}
.fpm-bonusw-step {
  position: relative !important;
  display: grid !important;
  justify-items: center !important;
  gap: 6px !important;
}
.fpm-bonusw-step::after {
  content: "";
  position: absolute;
  left: calc(50% + 16px);
  right: calc(-50% + 16px);
  bottom: 12px;
  border-top: 1px dashed rgba(255,255,255,.25);
}
.fpm-bonusw-step:last-child::after { display: none !important; }
.fpm-bonusw-step b {
  width: 100% !important;
  min-height: 40px !important;
  display: grid !important;
  place-items: center !important;
  color: #fff !important;
  border: 1px solid rgba(255,176,0,.68) !important;
  border-radius: 8px !important;
  background: rgba(2,10,18,.72) !important;
  font-size: 13px !important;
  font-weight: 1000 !important;
}
.fpm-bonusw-step.complete b {
  color: #211000 !important;
  background: linear-gradient(180deg, #fff0a8, #ffb300) !important;
}
.fpm-bonusw-step span {
  width: 25px !important;
  height: 25px !important;
  display: grid !important;
  place-items: center !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,.36) !important;
  border-radius: 50% !important;
  background: rgba(0,0,0,.46) !important;
  font-size: 12px !important;
  font-weight: 1000 !important;
}
.fpm-bonusw-cards {
  display: grid !important;
  grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr) !important;
  gap: 14px !important;
}
.fpm-bonusw-card {
  min-height: 370px !important;
  padding: 20px !important;
}
.fpm-bonusw-card h2,
.fpm-bonusw-side h3 {
  margin: 0 0 14px !important;
  color: #ffbf21 !important;
  font-size: 16px !important;
  line-height: 1.1 !important;
  font-weight: 1000 !important;
  text-transform: uppercase !important;
}
.fpm-bonusw-lastbox {
  position: relative !important;
  min-height: 295px !important;
  display: grid !important;
  place-items: center !important;
  align-content: center !important;
  gap: 8px !important;
  overflow: hidden !important;
  border: 1px solid rgba(255,176,0,.32) !important;
  border-radius: 12px !important;
  background:
    radial-gradient(circle at 50% 42%, rgba(255,176,0,.12), transparent 150px),
    linear-gradient(145deg, rgba(2,10,18,.82), rgba(2,10,18,.96)) !important;
  text-align: center !important;
}
.fpm-bonusw-lastbox::before {
  content: "";
  position: absolute;
  inset: 22px 38px 58px;
  opacity: .5;
  background: url('/img/faucetpaymy-ai/weekly-gift-ai.png') center / contain no-repeat;
  mix-blend-mode: screen;
  filter: saturate(1.08) drop-shadow(0 0 22px rgba(255,176,0,.2));
  -webkit-mask-image: radial-gradient(circle, #000 0 44%, transparent 78%);
  mask-image: radial-gradient(circle, #000 0 44%, transparent 78%);
}
.fpm-bonusw-lastbox strong,
.fpm-bonusw-lastbox span {
  position: relative !important;
  z-index: 1 !important;
}
.fpm-bonusw-lastbox strong {
  color: #fff !important;
  font-size: 18px !important;
  font-weight: 1000 !important;
}
.fpm-bonusw-lastbox span {
  color: #d6e2ef !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
}
.fpm-bonusw-list {
  overflow: hidden !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 12px !important;
}
.fpm-bonusw-row {
  min-height: 42px !important;
  display: grid !important;
  grid-template-columns: 38px 1fr auto !important;
  align-items: center !important;
  gap: 9px !important;
  padding: 7px 11px !important;
  border-bottom: 1px solid rgba(255,255,255,.09) !important;
}
.fpm-bonusw-row:last-child { border-bottom: 0 !important; }
.fpm-bonusw-row span {
  width: 26px !important;
  height: 26px !important;
  display: grid !important;
  place-items: center !important;
  color: #fff !important;
  border-radius: 50% !important;
  background: linear-gradient(180deg, #41b8ff, #176c9c) !important;
}
.fpm-bonusw-row strong {
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}
.fpm-bonusw-row b {
  color: var(--fpm-gold) !important;
  font-size: 12px !important;
  font-weight: 1000 !important;
}
.fpm-bonusw-side {
  display: grid !important;
  gap: 12px !important;
}
.fpm-bonusw-side article {
  position: relative !important;
  min-height: 128px !important;
  padding: 18px 16px 17px 72px !important;
}
.fpm-bonusw-side article > i {
  position: absolute !important;
  left: 17px !important;
  top: 18px !important;
  width: 42px !important;
  height: 42px !important;
  display: grid !important;
  place-items: center !important;
  color: #ffbf21 !important;
  font-size: 24px !important;
  border: 2px solid rgba(255,176,0,.68) !important;
  border-radius: 50% !important;
  box-shadow: 0 0 18px rgba(54,184,255,.18) !important;
}
.fpm-bonusw-side h3 {
  margin-bottom: 8px !important;
  color: #fff !important;
  font-size: 14px !important;
}
.fpm-bonusw-side p,
.fpm-bonusw-side li {
  margin: 0 !important;
  color: #e7f0fa !important;
  font-size: 12px !important;
  line-height: 1.32 !important;
  font-weight: 760 !important;
}
.fpm-bonusw-side ul {
  display: grid !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
.fpm-bonusw-side li {
  display: grid !important;
  grid-template-columns: 22px 1fr !important;
  align-items: start !important;
  gap: 7px !important;
}
.fpm-bonusw-side li span {
  width: 20px !important;
  height: 20px !important;
  display: grid !important;
  place-items: center !important;
  color: #fff !important;
  border: 2px solid var(--fpm-gold) !important;
  border-radius: 50% !important;
  font-size: 11px !important;
  font-weight: 1000 !important;
}
.fpm-bonusw-top {
  display: grid !important;
  gap: 5px !important;
}
.fpm-bonusw-top div {
  display: grid !important;
  grid-template-columns: 20px 1fr auto !important;
  gap: 7px !important;
  align-items: center !important;
  min-height: 25px !important;
  color: #fff !important;
  font-size: 12px !important;
}
.fpm-bonusw-top b {
  color: var(--fpm-gold) !important;
  font-size: 11px !important;
  white-space: nowrap !important;
}
.fpm-bonusw-side article > a {
  min-height: 36px !important;
  display: grid !important;
  place-items: center !important;
  margin-top: 12px !important;
  color: #ffd65d !important;
  border: 1px solid rgba(255,176,0,.62) !important;
  border-radius: 9px !important;
  background: rgba(255,176,0,.08) !important;
  font-size: 11px !important;
  line-height: 1.1 !important;
  font-weight: 1000 !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
}
.fpm-bonusw-toast {
  min-height: 46px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  margin: 0 0 14px !important;
  font-weight: 1000 !important;
}
.fpm-bonusw-toast.success { color: #113014 !important; background: linear-gradient(180deg, #8dff9f, #3ee068) !important; }
.fpm-bonusw-toast.danger { color: #fff !important; background: linear-gradient(180deg, #e84d4d, #8c1717) !important; }

@media (max-width: 1080px) {
  .fpm-bonusw-layout,
  .fpm-bonusw-cards {
    grid-template-columns: 1fr !important;
  }
  .fpm-bonusw-side {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 720px) {
  .fpm-bonusw-hero {
    padding: 24px 16px 18px !important;
  }
  .fpm-bonusw-art.bee { left: -120px !important; opacity: .42 !important; }
  .fpm-bonusw-art.gift { right: -120px !important; opacity: .42 !important; }
  .fpm-bonusw-track,
  .fpm-bonusw-side {
    grid-template-columns: 1fr !important;
  }
  .fpm-bonusw-step::after { display: none !important; }
}

/* AI user-area normalizer: one source of truth for /user/* and /user/offerwall/* pages. */
body.fpm-user-area {
  --fpm-panel-bg: linear-gradient(145deg, rgba(7,24,38,.96), rgba(2,10,18,.98));
  --fpm-panel-border: rgba(72,181,255,.44);
  --fpm-panel-border-hot: rgba(255,176,0,.36);
  --fpm-field-bg: rgba(2,10,18,.72);
  --fpm-font-ui: Arial, Helvetica, sans-serif;
}
body.fpm-user-area main:not(.fpm-contest-page):not(.fpm-weekly-page):not(.fpm-bonusw-page),
body.fpm-user-area main.flex-1:not(.fpm-contest-page):not(.fpm-weekly-page):not(.fpm-bonusw-page) {
  width: min(1210px, 100%) !important;
  max-width: 1210px !important;
  margin: 0 auto !important;
  padding: 18px 0 26px !important;
  display: block !important;
  color: var(--fpm-text) !important;
  font-family: var(--fpm-font-ui) !important;
}
body.fpm-user-area main * {
  letter-spacing: 0 !important;
}
body.fpm-user-area main h1,
body.fpm-user-area main h2,
body.fpm-user-area main h3,
body.fpm-user-area main h4,
body.fpm-user-area main .card-header,
body.fpm-user-area main .card-title,
body.fpm-user-area main .page-title {
  color: var(--fpm-gold) !important;
  font-family: var(--fpm-font-ui) !important;
  font-weight: 1000 !important;
  line-height: 1.12 !important;
  text-transform: uppercase !important;
}
body.fpm-user-area main h1 { font-size: clamp(24px, 2.3vw, 34px) !important; }
body.fpm-user-area main h2,
body.fpm-user-area main .card-header { font-size: clamp(16px, 1.5vw, 21px) !important; }
body.fpm-user-area main p,
body.fpm-user-area main li,
body.fpm-user-area main td,
body.fpm-user-area main th,
body.fpm-user-area main label,
body.fpm-user-area main small,
body.fpm-user-area main span,
body.fpm-user-area main div {
  font-family: var(--fpm-font-ui) !important;
}
body.fpm-user-area main section:not(.fpm-contest-hero):not(.fpm-weekly-hero):not(.fpm-bonusw-hero),
body.fpm-user-area main article,
body.fpm-user-area main .bonus-card,
body.fpm-user-area main .bonus-card2,
body.fpm-user-area main .bonus-card3,
body.fpm-user-area main .card,
body.fpm-user-area main .card-body,
body.fpm-user-area main .rank-box,
body.fpm-user-area main .search-section,
body.fpm-user-area main .wrapper,
body.fpm-user-area main .bg-zinc-800,
body.fpm-user-area main .bg-zinc-700,
body.fpm-user-area main .rounded-xl,
body.fpm-user-area main .rounded-lg,
body.fpm-user-area main .rounded-md {
  color: var(--fpm-text) !important;
  border: 1px solid var(--fpm-panel-border) !important;
  border-radius: 14px !important;
  background: var(--fpm-panel-bg) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 14px 34px rgba(0,0,0,.22), 0 0 20px rgba(54,184,255,.08) !important;
}
body.fpm-user-area main .bonus-card,
body.fpm-user-area main .bonus-card2,
body.fpm-user-area main .bonus-card3,
body.fpm-user-area main .card,
body.fpm-user-area main .card-body,
body.fpm-user-area main .rank-box,
body.fpm-user-area main .search-section {
  width: 100% !important;
  max-width: none !important;
  padding: 20px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
body.fpm-user-area main .card-header {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 0 14px !important;
  padding: 0 0 12px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(255,176,0,.24) !important;
  background: transparent !important;
}
body.fpm-user-area main .grid,
body.fpm-user-area main .bonus-grid,
body.fpm-user-area main .rank-stats,
body.fpm-user-area main .day-stats,
body.fpm-user-area main .ranks-grid {
  display: grid !important;
  gap: 14px !important;
}
body.fpm-user-area main .bonus-grid,
body.fpm-user-area main .rank-stats,
body.fpm-user-area main .day-stats {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
body.fpm-user-area main .ranks-grid {
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) !important;
}
body.fpm-user-area main table,
body.fpm-user-area main .table {
  width: 100% !important;
  min-width: 720px !important;
  color: var(--fpm-text) !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(72,181,255,.28) !important;
  border-radius: 12px !important;
  background: rgba(2,10,18,.38) !important;
}
body.fpm-user-area main .table-responsive,
body.fpm-user-area main .overflow-x-auto,
body.fpm-user-area main .overflow-y-auto {
  max-width: 100% !important;
  overflow: auto !important;
  scrollbar-color: rgba(255,176,0,.55) rgba(2,10,18,.7) !important;
}
body.fpm-user-area main th,
body.fpm-user-area main td {
  min-height: 42px !important;
  padding: 11px 12px !important;
  color: var(--fpm-text) !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
  background: transparent !important;
  font-size: 13px !important;
  line-height: 1.25 !important;
  vertical-align: middle !important;
}
body.fpm-user-area main th,
body.fpm-user-area main thead td {
  color: #ffcf58 !important;
  background: rgba(255,176,0,.09) !important;
  font-size: 12px !important;
  font-weight: 1000 !important;
  text-transform: uppercase !important;
}
body.fpm-user-area main tr:hover td {
  background: rgba(72,181,255,.06) !important;
}
body.fpm-user-area main input,
body.fpm-user-area main select,
body.fpm-user-area main textarea,
body.fpm-user-area main .form-control,
body.fpm-user-area main input.w-full {
  width: 100% !important;
  min-height: 44px !important;
  color: #fff !important;
  background: var(--fpm-field-bg) !important;
  border: 1px solid rgba(72,181,255,.38) !important;
  border-radius: 10px !important;
  padding: 10px 13px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04) !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  outline: 0 !important;
}
body.fpm-user-area main input:focus,
body.fpm-user-area main select:focus,
body.fpm-user-area main textarea:focus {
  border-color: rgba(255,176,0,.72) !important;
  box-shadow: 0 0 0 3px rgba(255,176,0,.12), inset 0 1px 0 rgba(255,255,255,.04) !important;
}
body.fpm-user-area main button,
body.fpm-user-area main input[type="submit"],
body.fpm-user-area main .btn,
body.fpm-user-area main .css_knp,
body.fpm-user-area main .quest-btn,
body.fpm-user-area main .search-btn,
body.fpm-user-area main .search-btn2,
body.fpm-user-area main .bg-yellow-400,
body.fpm-user-area main .bg-yellow-500,
body.fpm-user-area main .bg-yellow-600,
body.fpm-user-area main a.bg-yellow-400,
body.fpm-user-area main a.h-12.bg-yellow-400 {
  min-width: 128px !important;
  min-height: 42px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 10px 18px !important;
  color: #211000 !important;
  border: 1px solid rgba(255,231,116,.96) !important;
  border-radius: 10px !important;
  background: linear-gradient(180deg, #ffd748 0%, #ffa900 52%, #ec7900 100%) !important;
  box-shadow: 0 0 18px rgba(255,176,0,.3), inset 0 1px 0 rgba(255,255,255,.45) !important;
  font-size: 13px !important;
  font-weight: 1000 !important;
  line-height: 1.1 !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
}
body.fpm-user-area main button:disabled,
body.fpm-user-area main input[type="submit"]:disabled {
  opacity: .6 !important;
  cursor: not-allowed !important;
  filter: grayscale(.25) !important;
}
body.fpm-user-area main .ad-reward,
body.fpm-user-area main .ad-duration,
body.fpm-user-area main .ad-reward2,
body.fpm-user-area main .ad-type,
body.fpm-user-area main .badge,
body.fpm-user-area main .label,
body.fpm-user-area main .rank-item,
body.fpm-user-area main .stat-item,
body.fpm-user-area main .day-stat,
body.fpm-user-area main .find-item,
body.fpm-user-area main .stats-item {
  min-height: 34px !important;
  color: #fff !important;
  border: 1px solid rgba(255,176,0,.28) !important;
  border-radius: 10px !important;
  background: rgba(2,10,18,.46) !important;
  box-shadow: none !important;
}
body.fpm-user-area main .badge,
body.fpm-user-area main .label,
body.fpm-user-area main .ad-reward,
body.fpm-user-area main .ad-duration,
body.fpm-user-area main .ad-reward2 {
  width: auto !important;
  min-height: 28px !important;
  display: inline-flex !important;
  align-items: center !important;
  padding: 5px 10px !important;
  color: #211000 !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #fff2ad, #ffb300) !important;
  font-size: 12px !important;
  font-weight: 1000 !important;
}
body.fpm-user-area main img {
  max-width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
}
body.fpm-user-area main img[src*="prize"],
body.fpm-user-area main img[src*="reward"],
body.fpm-user-area main img[src*="bee"],
body.fpm-user-area main img[src*="chest"] {
  filter: drop-shadow(0 0 18px rgba(255,176,0,.22)) !important;
}
body.fpm-user-area main iframe,
body.fpm-user-area main .offerwall-iframe {
  width: 100% !important;
  max-width: 100% !important;
  min-height: 640px !important;
  display: block !important;
  border: 1px solid rgba(72,181,255,.38) !important;
  border-radius: 14px !important;
  background: #061827 !important;
  box-shadow: 0 14px 34px rgba(0,0,0,.22) !important;
}
body.fpm-user-area main .offerwall-nav-scroll {
  width: 100% !important;
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 10px !important;
  margin: 0 auto 16px !important;
  padding: 12px !important;
  border: 1px solid rgba(72,181,255,.34) !important;
  border-radius: 14px !important;
  background: rgba(2,10,18,.38) !important;
}
body.fpm-user-area main .offerwall-nav-scroll a,
body.fpm-user-area main .offerwall-nav-scroll .btn {
  min-width: 132px !important;
  min-height: 40px !important;
  margin: 0 !important;
  white-space: nowrap !important;
}
body.fpm-user-area main .alert,
body.fpm-user-area main .alert-box {
  min-height: 44px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 10px 14px !important;
  color: #fff !important;
  border: 1px solid rgba(255,176,0,.28) !important;
  border-radius: 10px !important;
  background: rgba(2,10,18,.62) !important;
  font-weight: 900 !important;
}
body.fpm-user-area main .alert-success,
body.fpm-user-area main .text-success { color: #6cff89 !important; }
body.fpm-user-area main .alert-danger,
body.fpm-user-area main .text-danger { color: #ff7770 !important; }
body.fpm-user-area main .text-black,
body.fpm-user-area main .text-dark,
body.fpm-user-area main .text-dark-400,
body.fpm-user-area main .find-user,
body.fpm-user-area main .stat-value,
body.fpm-user-area main .stats-content {
  color: #fff !important;
}
body.fpm-user-area main .find-value,
body.fpm-user-area main .day-stat-value,
body.fpm-user-area main .best-value,
body.fpm-user-area main .rank-title,
body.fpm-user-area main .rank-item-name,
body.fpm-user-area main .rank-item-reward {
  color: var(--fpm-gold) !important;
}
body.fpm-user-area main [style*="background-color: #fff"],
body.fpm-user-area main [style*="background:#fff"],
body.fpm-user-area main [style*="background: #fff"],
body.fpm-user-area main [style*="color:black"],
body.fpm-user-area main [style*="color: black"] {
  color: #fff !important;
  background: var(--fpm-panel-bg) !important;
}

@media (max-width: 900px) {
  body.fpm-user-area main .bonus-grid,
  body.fpm-user-area main .rank-stats,
  body.fpm-user-area main .day-stats {
    grid-template-columns: 1fr !important;
  }
  body.fpm-user-area main .offerwall-nav-scroll {
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    overflow-x: auto !important;
  }
  body.fpm-user-area main table,
  body.fpm-user-area main .table {
    min-width: 620px !important;
  }
}

/* Final compatibility pass for legacy Bootstrap/Tailwind page fragments. */
body.fpm-user-area main .grid.grid-cols-1,
body.fpm-user-area main .grid.md\:grid-cols-3,
body.fpm-user-area main div[class*="md:grid-cols-3"],
body.fpm-user-area main div[class*="grid-cols-1"] {
  width: 100% !important;
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
  gap: 14px !important;
  align-items: stretch !important;
}
body.fpm-user-area main .grid > .col-md-4,
body.fpm-user-area main .grid > .col-lg-4,
body.fpm-user-area main .grid > .col-xl-4,
body.fpm-user-area main .bonus-grid > .col-md-4,
body.fpm-user-area main .row > .col-md-4,
body.fpm-user-area main .row > .col-lg-4,
body.fpm-user-area main .row > .col-xl-4 {
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  flex: initial !important;
  padding: 0 !important;
  margin: 0 !important;
  display: block !important;
}
body.fpm-user-area main .row {
  width: 100% !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 14px !important;
  margin: 0 !important;
}
body.fpm-user-area main .row > [class*="col"] {
  min-width: 0 !important;
}
body.fpm-user-area main .grid .bonus-card,
body.fpm-user-area main .grid .stat-item,
body.fpm-user-area main .grid .bonus-card2,
body.fpm-user-area main .row .bonus-card,
body.fpm-user-area main .row .stat-item {
  height: 100% !important;
  min-height: 138px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  gap: 12px !important;
  padding: 16px !important;
  border-color: rgba(255,176,0,.32) !important;
  overflow: hidden !important;
}
body.fpm-user-area main .grid a,
body.fpm-user-area main .row a {
  text-decoration: none !important;
}
body.fpm-user-area main .rank-title2,
body.fpm-user-area main .grid .bonus-card2,
body.fpm-user-area main .row .bonus-card2 {
  min-height: 50px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 11px 14px !important;
  color: #fff !important;
  border: 1px solid rgba(72,181,255,.46) !important;
  border-radius: 10px !important;
  background: rgba(2,10,18,.62) !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
  text-align: center !important;
  text-transform: none !important;
}
body.fpm-user-area main .grid .bg-yellow-400,
body.fpm-user-area main .row .bg-yellow-400,
body.fpm-user-area main .grid span.bg-yellow-400,
body.fpm-user-area main .row span.bg-yellow-400 {
  width: fit-content !important;
  max-width: 100% !important;
  min-width: 132px !important;
  min-height: 34px !important;
  padding: 8px 16px !important;
  border-radius: 8px !important;
  white-space: nowrap !important;
  align-self: flex-start !important;
}
body.fpm-user-area main .grid .ad-reward,
body.fpm-user-area main .row .ad-reward {
  margin: 0 4px 6px 0 !important;
}
body.fpm-user-area main section.bg-zinc-800,
body.fpm-user-area main .bg-zinc-800,
body.fpm-user-area main .bg-zinc-700,
body.fpm-user-area main .max-w-3xl,
body.fpm-user-area main .max-w-4xl,
body.fpm-user-area main .max-w-5xl {
  max-width: 100% !important;
  color: var(--fpm-text) !important;
  border: 1px solid var(--fpm-panel-border) !important;
  border-radius: 14px !important;
  background: var(--fpm-panel-bg) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 14px 34px rgba(0,0,0,.22), 0 0 20px rgba(54,184,255,.08) !important;
}
body.fpm-user-area main .card.card-body,
body.fpm-user-area main .card-body.mb-3 {
  padding: 18px 20px !important;
  margin-bottom: 12px !important;
  background: linear-gradient(145deg, rgba(7,24,38,.96), rgba(2,10,18,.98)) !important;
}
body.fpm-user-area main .card.card-body h2,
body.fpm-user-area main .card-body.mb-3 h2 {
  margin: 0 !important;
  color: var(--fpm-gold) !important;
  font-size: clamp(16px, 1.7vw, 22px) !important;
  line-height: 1.32 !important;
}
body.fpm-user-area main hr {
  width: 100% !important;
  height: 1px !important;
  margin: 14px 0 !important;
  border: 0 !important;
  background: linear-gradient(90deg, transparent, rgba(72,181,255,.5), transparent) !important;
}
body.fpm-user-area main center {
  display: block !important;
  width: 100% !important;
  text-align: center !important;
}
body.fpm-user-area main .col-lg-10,
body.fpm-user-area main .col-lg-12,
body.fpm-user-area main .col-sm-12,
body.fpm-user-area main .col-xl-12 {
  width: 100% !important;
  max-width: none !important;
  padding: 0 !important;
  margin: 0 auto !important;
}
body.fpm-user-area main img.w-fulll,
body.fpm-user-area main img.h-fulll,
body.fpm-user-area main .responsive-banner,
body.fpm-user-area main iframe.responsive-banner {
  width: min(468px, 100%) !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 60px !important;
  display: block !important;
  margin: 0 auto !important;
  border-radius: 10px !important;
}
body.fpm-user-area main iframe.responsive-banner {
  height: 60px !important;
}
body.fpm-user-area main .banner-wrapper,
body.fpm-user-area main #banner-container {
  width: min(520px, 100%) !important;
  margin: 12px auto !important;
  padding: 10px !important;
  border: 1px solid rgba(72,181,255,.32) !important;
  border-radius: 12px !important;
  background: rgba(2,10,18,.38) !important;
}
body.fpm-user-area main .pay-system,
body.fpm-user-area main [class*="pay"] img {
  max-height: 360px !important;
  object-fit: contain !important;
}
body.fpm-user-area main .table,
body.fpm-user-area main table {
  box-shadow: none !important;
}
body.fpm-user-area main > section > .grid,
body.fpm-user-area main > section > .bonus-grid {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

@media (max-width: 700px) {
  body.fpm-user-area main .grid.grid-cols-1,
  body.fpm-user-area main .grid.md\:grid-cols-3,
  body.fpm-user-area main div[class*="md:grid-cols-3"],
  body.fpm-user-area main div[class*="grid-cols-1"] {
    grid-template-columns: 1fr !important;
  }
}

/* User pages visual repair v18: legacy utility cleanup and consistent app surfaces. */
body.fpm-user-area main:not(.fpm-weekly-page):not(.fpm-bonusw-page):not(.fpm-contest-page) {
  width: min(1120px, calc(100% - 28px)) !important;
  margin: 24px auto 28px !important;
  padding: 0 !important;
  overflow: visible !important;
}
body.fpm-user-area main:not(.fpm-weekly-page):not(.fpm-bonusw-page):not(.fpm-contest-page) > section {
  width: 100% !important;
  margin: 0 auto 18px !important;
  padding: 18px !important;
  border: 1px solid rgba(42, 167, 235, .58) !important;
  border-radius: 14px !important;
  background:
    radial-gradient(circle at 20% 0%, rgba(255, 184, 0, .08), transparent 28%),
    linear-gradient(145deg, rgba(5, 24, 38, .97), rgba(1, 10, 18, .99)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 18px 38px rgba(0,0,0,.22) !important;
}
body.fpm-user-area main:not(.fpm-weekly-page):not(.fpm-bonusw-page):not(.fpm-contest-page) > section:empty {
  display: none !important;
}
body.fpm-user-area main:not(.fpm-weekly-page):not(.fpm-bonusw-page):not(.fpm-contest-page) > section > section,
body.fpm-user-area main:not(.fpm-weekly-page):not(.fpm-bonusw-page):not(.fpm-contest-page) .grid section,
body.fpm-user-area main:not(.fpm-weekly-page):not(.fpm-bonusw-page):not(.fpm-contest-page) table section {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
body.fpm-user-area main:not(.fpm-weekly-page):not(.fpm-bonusw-page):not(.fpm-contest-page) .container,
body.fpm-user-area main:not(.fpm-weekly-page):not(.fpm-bonusw-page):not(.fpm-contest-page) .container-fluid,
body.fpm-user-area main:not(.fpm-weekly-page):not(.fpm-bonusw-page):not(.fpm-contest-page) .max-w-xl,
body.fpm-user-area main:not(.fpm-weekly-page):not(.fpm-bonusw-page):not(.fpm-contest-page) .max-w-3xl,
body.fpm-user-area main:not(.fpm-weekly-page):not(.fpm-bonusw-page):not(.fpm-contest-page) .max-w-4xl,
body.fpm-user-area main:not(.fpm-weekly-page):not(.fpm-bonusw-page):not(.fpm-contest-page) .max-w-5xl,
body.fpm-user-area main:not(.fpm-weekly-page):not(.fpm-bonusw-page):not(.fpm-contest-page) .max-w-6xl {
  width: 100% !important;
  max-width: 100% !important;
}
body.fpm-user-area main:not(.fpm-weekly-page):not(.fpm-bonusw-page):not(.fpm-contest-page) .grid,
body.fpm-user-area main:not(.fpm-weekly-page):not(.fpm-bonusw-page):not(.fpm-contest-page) .row,
body.fpm-user-area main:not(.fpm-weekly-page):not(.fpm-bonusw-page):not(.fpm-contest-page) .bonus-grid {
  width: 100% !important;
  margin: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)) !important;
  gap: 14px !important;
  align-items: stretch !important;
}
body.fpm-user-area main:not(.fpm-weekly-page):not(.fpm-bonusw-page):not(.fpm-contest-page) .grid-cols-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
}
body.fpm-user-area main:not(.fpm-weekly-page):not(.fpm-bonusw-page):not(.fpm-contest-page) .grid > [class*="col-"],
body.fpm-user-area main:not(.fpm-weekly-page):not(.fpm-bonusw-page):not(.fpm-contest-page) .row > [class*="col-"],
body.fpm-user-area main:not(.fpm-weekly-page):not(.fpm-bonusw-page):not(.fpm-contest-page) [class*="col-span-"] {
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  flex: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
body.fpm-user-area main:not(.fpm-weekly-page):not(.fpm-bonusw-page):not(.fpm-contest-page) .col-span-12 {
  grid-column: span 12 / span 12 !important;
}
body.fpm-user-area main:not(.fpm-weekly-page):not(.fpm-bonusw-page):not(.fpm-contest-page) .md\:col-span-4,
body.fpm-user-area main:not(.fpm-weekly-page):not(.fpm-bonusw-page):not(.fpm-contest-page) .md\:col-span-6,
body.fpm-user-area main:not(.fpm-weekly-page):not(.fpm-bonusw-page):not(.fpm-contest-page) .md\:col-span-8 {
  grid-column: span 6 / span 6 !important;
}
body.fpm-user-area main:not(.fpm-weekly-page):not(.fpm-bonusw-page):not(.fpm-contest-page) .grid .grid {
  grid-template-columns: 1fr !important;
  gap: 0 !important;
}
body.fpm-user-area main:not(.fpm-weekly-page):not(.fpm-bonusw-page):not(.fpm-contest-page) table#serf,
body.fpm-user-area main:not(.fpm-weekly-page):not(.fpm-bonusw-page):not(.fpm-contest-page) table#serf tbody,
body.fpm-user-area main:not(.fpm-weekly-page):not(.fpm-bonusw-page):not(.fpm-contest-page) table#serf tr,
body.fpm-user-area main:not(.fpm-weekly-page):not(.fpm-bonusw-page):not(.fpm-contest-page) table#serf td {
  display: block !important;
  width: 100% !important;
  border: 0 !important;
  background: transparent !important;
}
body.fpm-user-area main:not(.fpm-weekly-page):not(.fpm-bonusw-page):not(.fpm-contest-page) table#serf {
  min-width: 0 !important;
  margin: 0 !important;
}
body.fpm-user-area main:not(.fpm-weekly-page):not(.fpm-bonusw-page):not(.fpm-contest-page) .bonus-card,
body.fpm-user-area main:not(.fpm-weekly-page):not(.fpm-bonusw-page):not(.fpm-contest-page) .stat-item,
body.fpm-user-area main:not(.fpm-weekly-page):not(.fpm-bonusw-page):not(.fpm-contest-page) .bg-secondary,
body.fpm-user-area main:not(.fpm-weekly-page):not(.fpm-bonusw-page):not(.fpm-contest-page) .bg-dark,
body.fpm-user-area main:not(.fpm-weekly-page):not(.fpm-bonusw-page):not(.fpm-contest-page) .bg-zinc-800,
body.fpm-user-area main:not(.fpm-weekly-page):not(.fpm-bonusw-page):not(.fpm-contest-page) .bg-zinc-900 {
  color: var(--fpm-text) !important;
  border: 1px solid rgba(42, 167, 235, .46) !important;
  background:
    linear-gradient(145deg, rgba(5, 23, 36, .98), rgba(1, 9, 16, .98)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 14px 28px rgba(0,0,0,.20) !important;
}
body.fpm-user-area main:not(.fpm-weekly-page):not(.fpm-bonusw-page):not(.fpm-contest-page) .grid .bonus-card,
body.fpm-user-area main:not(.fpm-weekly-page):not(.fpm-bonusw-page):not(.fpm-contest-page) .row .bonus-card,
body.fpm-user-area main:not(.fpm-weekly-page):not(.fpm-bonusw-page):not(.fpm-contest-page) .grid .stat-item,
body.fpm-user-area main:not(.fpm-weekly-page):not(.fpm-bonusw-page):not(.fpm-contest-page) .row .stat-item {
  min-height: 132px !important;
  padding: 15px !important;
  justify-content: space-between !important;
}
body.fpm-user-area main:not(.fpm-weekly-page):not(.fpm-bonusw-page):not(.fpm-contest-page) .bonus-card2,
body.fpm-user-area main:not(.fpm-weekly-page):not(.fpm-bonusw-page):not(.fpm-contest-page) .rank-title2 {
  width: 100% !important;
  min-height: 54px !important;
  color: #fff !important;
  border-color: rgba(42, 167, 235, .62) !important;
  background: rgba(2, 12, 21, .78) !important;
  text-shadow: none !important;
}
body.fpm-user-area main:not(.fpm-weekly-page):not(.fpm-bonusw-page):not(.fpm-contest-page) h1,
body.fpm-user-area main:not(.fpm-weekly-page):not(.fpm-bonusw-page):not(.fpm-contest-page) h2,
body.fpm-user-area main:not(.fpm-weekly-page):not(.fpm-bonusw-page):not(.fpm-contest-page) h3,
body.fpm-user-area main:not(.fpm-weekly-page):not(.fpm-bonusw-page):not(.fpm-contest-page) h4,
body.fpm-user-area main:not(.fpm-weekly-page):not(.fpm-bonusw-page):not(.fpm-contest-page) h5,
body.fpm-user-area main:not(.fpm-weekly-page):not(.fpm-bonusw-page):not(.fpm-contest-page) h6 {
  color: var(--fpm-gold) !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}
body.fpm-user-area main:not(.fpm-weekly-page):not(.fpm-bonusw-page):not(.fpm-contest-page) .bonus-card2 h5,
body.fpm-user-area main:not(.fpm-weekly-page):not(.fpm-bonusw-page):not(.fpm-contest-page) a.bonus-card2 h5,
body.fpm-user-area main:not(.fpm-weekly-page):not(.fpm-bonusw-page):not(.fpm-contest-page) .text-black {
  color: #fff !important;
}
body.fpm-user-area main:not(.fpm-weekly-page):not(.fpm-bonusw-page):not(.fpm-contest-page) .ad-reward,
body.fpm-user-area main:not(.fpm-weekly-page):not(.fpm-bonusw-page):not(.fpm-contest-page) .ad-reward2 {
  color: #07111c !important;
  border: 1px solid rgba(255, 218, 91, .95) !important;
  background: linear-gradient(180deg, #ffe67a 0%, #ffb400 100%) !important;
  box-shadow: 0 8px 20px rgba(255, 178, 0, .18) !important;
}
body.fpm-user-area main:not(.fpm-weekly-page):not(.fpm-bonusw-page):not(.fpm-contest-page) .ad-reward {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  width: fit-content !important;
  min-height: 28px !important;
  padding: 5px 10px !important;
  margin: 8px 4px 0 0 !important;
  border-radius: 999px !important;
  font-size: 12px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}
body.fpm-user-area main:not(.fpm-weekly-page):not(.fpm-bonusw-page):not(.fpm-contest-page) .ad-reward2 {
  min-width: 126px !important;
  min-height: 38px !important;
  padding: 8px 16px !important;
  border-radius: 999px !important;
}
body.fpm-user-area main:not(.fpm-weekly-page):not(.fpm-bonusw-page):not(.fpm-contest-page) button,
body.fpm-user-area main:not(.fpm-weekly-page):not(.fpm-bonusw-page):not(.fpm-contest-page) input[type="submit"],
body.fpm-user-area main:not(.fpm-weekly-page):not(.fpm-bonusw-page):not(.fpm-contest-page) .bg-yellow-400,
body.fpm-user-area main:not(.fpm-weekly-page):not(.fpm-bonusw-page):not(.fpm-contest-page) .bg-yellow-500 {
  color: #07111c !important;
  border: 1px solid rgba(255, 237, 132, .9) !important;
  background: linear-gradient(180deg, #ffe980 0%, #ffb900 46%, #ff9300 100%) !important;
  box-shadow: 0 10px 24px rgba(255, 171, 0, .28), inset 0 1px 0 rgba(255,255,255,.56) !important;
}
body.fpm-user-area main:not(.fpm-weekly-page):not(.fpm-bonusw-page):not(.fpm-contest-page) input,
body.fpm-user-area main:not(.fpm-weekly-page):not(.fpm-bonusw-page):not(.fpm-contest-page) textarea,
body.fpm-user-area main:not(.fpm-weekly-page):not(.fpm-bonusw-page):not(.fpm-contest-page) select,
body.fpm-user-area main:not(.fpm-weekly-page):not(.fpm-bonusw-page):not(.fpm-contest-page) .form-control {
  width: 100% !important;
  color: #fff !important;
  border: 1px solid rgba(42, 167, 235, .55) !important;
  background: rgba(1, 11, 19, .82) !important;
}
body.fpm-user-area main:not(.fpm-weekly-page):not(.fpm-bonusw-page):not(.fpm-contest-page) section.bg-zinc-800,
body.fpm-user-area main:not(.fpm-weekly-page):not(.fpm-bonusw-page):not(.fpm-contest-page) section[class*="bg-zinc"] {
  background:
    radial-gradient(circle at 12% 0%, rgba(255, 184, 0, .07), transparent 30%),
    linear-gradient(145deg, rgba(5, 24, 38, .97), rgba(1, 10, 18, .99)) !important;
}
body.fpm-user-area main:not(.fpm-weekly-page):not(.fpm-bonusw-page):not(.fpm-contest-page) .space-y-4 {
  display: grid !important;
  gap: 12px !important;
}
body.fpm-user-area main:not(.fpm-weekly-page):not(.fpm-bonusw-page):not(.fpm-contest-page) .card,
body.fpm-user-area main:not(.fpm-weekly-page):not(.fpm-bonusw-page):not(.fpm-contest-page) .card-body,
body.fpm-user-area main:not(.fpm-weekly-page):not(.fpm-bonusw-page):not(.fpm-contest-page) .card.card-body {
  color: var(--fpm-text) !important;
  border: 1px solid rgba(42, 167, 235, .34) !important;
  border-radius: 12px !important;
  background: rgba(2, 13, 22, .78) !important;
}
body.fpm-user-area main:not(.fpm-weekly-page):not(.fpm-bonusw-page):not(.fpm-contest-page) .card.card-body h2,
body.fpm-user-area main:not(.fpm-weekly-page):not(.fpm-bonusw-page):not(.fpm-contest-page) .card-body h2 {
  color: var(--fpm-gold) !important;
  font-size: clamp(15px, 1.35vw, 18px) !important;
  line-height: 1.35 !important;
}
body.fpm-user-area main:not(.fpm-weekly-page):not(.fpm-bonusw-page):not(.fpm-contest-page) img {
  max-width: 100% !important;
}
body.fpm-user-area main:not(.fpm-weekly-page):not(.fpm-bonusw-page):not(.fpm-contest-page) a.bonus-card2 img,
body.fpm-user-area main:not(.fpm-weekly-page):not(.fpm-bonusw-page):not(.fpm-contest-page) img[src*="/img/pay/"] {
  width: 116px !important;
  height: 116px !important;
  max-width: 116px !important;
  max-height: 116px !important;
  object-fit: contain !important;
  padding: 10px !important;
  border-radius: 18px !important;
  background: rgba(1, 9, 16, .72) !important;
}
body.fpm-user-area main:not(.fpm-weekly-page):not(.fpm-bonusw-page):not(.fpm-contest-page) img[src*="/img/pay/ps/"] {
  width: 92px !important;
  height: 92px !important;
  max-width: 92px !important;
  max-height: 92px !important;
}
body.fpm-user-area main:not(.fpm-weekly-page):not(.fpm-bonusw-page):not(.fpm-contest-page) table img,
body.fpm-user-area main:not(.fpm-weekly-page):not(.fpm-bonusw-page):not(.fpm-contest-page) .history-table img {
  width: 34px !important;
  height: 34px !important;
  max-width: 34px !important;
  max-height: 34px !important;
  padding: 2px !important;
  border-radius: 50% !important;
}
body.fpm-user-area main:not(.fpm-weekly-page):not(.fpm-bonusw-page):not(.fpm-contest-page) iframe:not(.responsive-banner) {
  width: 100% !important;
  min-height: 660px !important;
  border: 1px solid rgba(42, 167, 235, .64) !important;
  border-radius: 12px !important;
  background: #fff !important;
}
body.fpm-user-area main:not(.fpm-weekly-page):not(.fpm-bonusw-page):not(.fpm-contest-page) .offerwall-nav-scroll {
  width: 100% !important;
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 10px !important;
  margin: 0 0 14px !important;
  padding: 10px !important;
}
body.fpm-user-area main:not(.fpm-weekly-page):not(.fpm-bonusw-page):not(.fpm-contest-page) .overflow-x-auto {
  width: 100% !important;
  overflow-x: auto !important;
}
body.fpm-user-area main:not(.fpm-weekly-page):not(.fpm-bonusw-page):not(.fpm-contest-page) table:not(#serf) {
  min-width: 620px !important;
}

@media (max-width: 820px) {
  body.fpm-user-area main:not(.fpm-weekly-page):not(.fpm-bonusw-page):not(.fpm-contest-page) {
    width: min(100% - 16px, 1120px) !important;
    margin-top: 14px !important;
  }
  body.fpm-user-area main:not(.fpm-weekly-page):not(.fpm-bonusw-page):not(.fpm-contest-page) .grid,
  body.fpm-user-area main:not(.fpm-weekly-page):not(.fpm-bonusw-page):not(.fpm-contest-page) .row,
  body.fpm-user-area main:not(.fpm-weekly-page):not(.fpm-bonusw-page):not(.fpm-contest-page) .bonus-grid {
    grid-template-columns: 1fr !important;
  }
  body.fpm-user-area main:not(.fpm-weekly-page):not(.fpm-bonusw-page):not(.fpm-contest-page) .grid-cols-12,
  body.fpm-user-area main:not(.fpm-weekly-page):not(.fpm-bonusw-page):not(.fpm-contest-page) [class*="col-span-"] {
    grid-column: auto !important;
    grid-template-columns: 1fr !important;
  }
  body.fpm-user-area main:not(.fpm-weekly-page):not(.fpm-bonusw-page):not(.fpm-contest-page) .offerwall-nav-scroll {
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
  }
}

/* Rebuilt user task/payment pages. */
.fpm-task-page,
.fpm-wallet-page,
.fpm-pay-page {
  width: min(1120px, calc(100% - 28px));
  margin: 24px auto 30px;
  color: var(--fpm-text);
}
.fpm-task-hero,
.fpm-wallet-hero,
.fpm-pay-hero {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 18px;
  align-items: center;
  padding: 20px;
  border: 1px solid rgba(42,167,235,.55);
  border-radius: 14px;
  background:
    radial-gradient(circle at 12% 0%, rgba(255,184,0,.12), transparent 28%),
    radial-gradient(circle at 85% 20%, rgba(42,167,235,.13), transparent 34%),
    linear-gradient(145deg, rgba(5,24,38,.98), rgba(1,10,18,.99));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 20px 44px rgba(0,0,0,.24);
}
.fpm-task-kicker,
.fpm-wallet-kicker,
.fpm-pay-kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
  color: var(--fpm-gold);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}
.fpm-task-hero h1,
.fpm-wallet-hero h1,
.fpm-pay-hero h1 {
  margin: 0;
  color: #fff;
  font-size: clamp(24px, 3vw, 36px);
  line-height: 1.1;
}
.fpm-task-hero p,
.fpm-wallet-hero p,
.fpm-pay-hero p {
  max-width: 720px;
  margin: 10px 0 0;
  color: var(--fpm-muted);
}
.fpm-task-stats,
.fpm-wallet-stats,
.fpm-pay-stats {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: flex-end;
}
.fpm-task-stat,
.fpm-wallet-stat,
.fpm-pay-stat {
  min-width: 118px;
  padding: 11px 13px;
  border: 1px solid rgba(255,184,0,.34);
  border-radius: 12px;
  background: rgba(2,12,20,.72);
  text-align: center;
}
.fpm-task-stat span,
.fpm-wallet-stat span,
.fpm-pay-stat span {
  display: block;
  color: var(--fpm-muted);
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}
.fpm-task-stat strong,
.fpm-wallet-stat strong,
.fpm-pay-stat strong {
  display: block;
  margin-top: 4px;
  color: var(--fpm-gold);
  font-size: 17px;
}
.fpm-task-tabs,
.fpm-wallet-method-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
  margin: 16px 0;
  padding: 12px;
  border: 1px solid rgba(42,167,235,.42);
  border-radius: 13px;
  background: rgba(2,12,20,.74);
}
.fpm-task-tabs a,
.fpm-wallet-method-tabs a {
  min-width: 132px;
  padding: 10px 16px;
  border: 1px solid rgba(42,167,235,.58);
  border-radius: 999px;
  color: #fff;
  background: rgba(5,24,38,.9);
  font-weight: 900;
  text-align: center;
  text-decoration: none;
}
.fpm-task-tabs a.active,
.fpm-wallet-method-tabs a.active {
  color: #07111c;
  border-color: rgba(255,237,132,.95);
  background: linear-gradient(180deg, #ffe980, #ffb400 58%, #ff9300);
}
.fpm-task-grid,
.fpm-wallet-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 14px;
}
.fpm-task-card,
.fpm-wallet-method {
  position: relative;
  display: flex;
  min-height: 168px;
  flex-direction: column;
  justify-content: space-between;
  gap: 14px;
  padding: 16px;
  overflow: hidden;
  border: 1px solid rgba(42,167,235,.42);
  border-radius: 13px;
  color: #fff;
  background:
    radial-gradient(circle at 100% 0%, rgba(255,184,0,.1), transparent 28%),
    linear-gradient(145deg, rgba(5,24,38,.97), rgba(1,9,16,.99));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 14px 30px rgba(0,0,0,.18);
  text-decoration: none;
}
.fpm-task-card:hover,
.fpm-wallet-method:hover {
  transform: translateY(-1px);
  border-color: rgba(255,184,0,.58);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 18px 34px rgba(0,0,0,.24), 0 0 20px rgba(255,184,0,.08);
}
.fpm-task-title,
.fpm-wallet-method h2 {
  margin: 0;
  color: #fff;
  font-size: 15px;
  font-weight: 900;
  line-height: 1.28;
}
.fpm-task-meta,
.fpm-wallet-method-meta,
.fpm-pay-rules {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.fpm-task-pill,
.fpm-pay-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 10px;
  border: 1px solid rgba(255,184,0,.38);
  border-radius: 999px;
  color: var(--fpm-gold);
  background: rgba(1,10,18,.74);
  font-size: 12px;
  font-weight: 900;
}
.fpm-task-action,
.fpm-wallet-action,
.fpm-pay-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: fit-content;
  min-height: 38px;
  padding: 10px 18px;
  border: 1px solid rgba(255,237,132,.95);
  border-radius: 10px;
  color: #07111c;
  background: linear-gradient(180deg, #ffe980, #ffb400 58%, #ff9300);
  box-shadow: 0 10px 24px rgba(255,171,0,.26), inset 0 1px 0 rgba(255,255,255,.52);
  font-size: 12px;
  font-weight: 1000;
  text-transform: uppercase;
}
.fpm-empty-panel,
.fpm-alert-panel {
  margin-top: 16px;
  padding: 18px;
  border: 1px solid rgba(42,167,235,.45);
  border-radius: 13px;
  color: var(--fpm-muted);
  background: rgba(2,12,20,.72);
  text-align: center;
}
.fpm-alert-panel.success { border-color: rgba(87,255,64,.35); color: #7dff6b; }
.fpm-alert-panel.danger { border-color: rgba(255,87,87,.38); color: #ff8585; }
.fpm-wallet-grid {
  margin-top: 16px;
}
.fpm-wallet-method {
  align-items: center;
  text-align: center;
}
.fpm-wallet-icon {
  display: grid;
  width: 112px;
  height: 112px;
  place-items: center;
  border: 1px solid rgba(42,167,235,.45);
  border-radius: 24px;
  background: rgba(1,9,16,.75);
}
.fpm-wallet-icon img {
  max-width: 82px;
  max-height: 82px;
  object-fit: contain;
}
.fpm-wallet-form,
.fpm-pay-form,
.fpm-history-panel,
.fpm-pay-panel {
  margin-top: 16px;
  padding: 18px;
  border: 1px solid rgba(42,167,235,.48);
  border-radius: 14px;
  background: linear-gradient(145deg, rgba(5,24,38,.97), rgba(1,9,16,.99));
}
.fpm-wallet-form-grid,
.fpm-pay-grid {
  display: grid;
  grid-template-columns: minmax(220px, .8fr) minmax(280px, 1.2fr);
  gap: 16px;
  align-items: stretch;
}
.fpm-wallet-form label,
.fpm-pay-form label {
  display: block;
  margin-bottom: 8px;
  color: var(--fpm-gold);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}
.fpm-wallet-form input,
.fpm-pay-form input {
  width: 100%;
  min-height: 44px;
  padding: 11px 13px;
  border: 1px solid rgba(42,167,235,.58);
  border-radius: 10px;
  color: #fff;
  background: rgba(1,10,18,.82);
}
.fpm-history-table-wrap {
  width: 100%;
  overflow-x: auto;
}
.fpm-history-table {
  width: 100%;
  min-width: 620px;
  border-collapse: collapse;
}
.fpm-history-table th,
.fpm-history-table td {
  padding: 12px;
  border-bottom: 1px solid rgba(42,167,235,.18);
  color: var(--fpm-text);
  text-align: left;
}
.fpm-history-table th {
  color: var(--fpm-gold);
  font-size: 11px;
  text-transform: uppercase;
}
.fpm-history-table img {
  width: 30px;
  height: 30px;
  object-fit: contain;
}
.fpm-pay-logo {
  display: grid;
  min-height: 210px;
  place-items: center;
  border: 1px solid rgba(42,167,235,.38);
  border-radius: 14px;
  background: rgba(1,10,18,.72);
}
.fpm-pay-logo img {
  max-width: 132px;
  max-height: 132px;
  object-fit: contain;
}
.fpm-pay-status {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 10px;
  margin-top: 16px;
}
.fpm-pay-status div {
  padding: 12px;
  border: 1px solid rgba(255,184,0,.3);
  border-radius: 12px;
  background: rgba(1,10,18,.68);
}
.fpm-pay-status span {
  display: block;
  color: var(--fpm-muted);
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}
.fpm-pay-status strong {
  display: block;
  margin-top: 4px;
  color: #fff;
}
@media (max-width: 760px) {
  .fpm-task-page,
  .fpm-wallet-page,
  .fpm-pay-page {
    width: min(100% - 16px, 1120px);
    margin-top: 14px;
  }
  .fpm-task-hero,
  .fpm-wallet-hero,
  .fpm-pay-hero,
  .fpm-wallet-form-grid,
  .fpm-pay-grid {
    grid-template-columns: 1fr;
  }
  .fpm-task-stats,
  .fpm-wallet-stats,
  .fpm-pay-stats {
    justify-content: flex-start;
  }
}

body.fpm-user-area .fpm-task-page,
body.fpm-user-area .fpm-wallet-page,
body.fpm-user-area .fpm-pay-page {
  width: min(1120px, calc(100% - 28px)) !important;
  margin: 24px auto 30px !important;
  padding: 0 !important;
}
body.fpm-user-area .fpm-task-hero,
body.fpm-user-area .fpm-wallet-hero,
body.fpm-user-area .fpm-pay-hero,
body.fpm-user-area .fpm-wallet-form,
body.fpm-user-area .fpm-pay-form,
body.fpm-user-area .fpm-history-panel,
body.fpm-user-area .fpm-pay-panel {
  padding: 20px !important;
  border: 1px solid rgba(42,167,235,.55) !important;
  border-radius: 14px !important;
  background:
    radial-gradient(circle at 12% 0%, rgba(255,184,0,.12), transparent 28%),
    radial-gradient(circle at 85% 20%, rgba(42,167,235,.13), transparent 34%),
    linear-gradient(145deg, rgba(5,24,38,.98), rgba(1,10,18,.99)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 20px 44px rgba(0,0,0,.24) !important;
}
body.fpm-user-area .fpm-task-grid,
body.fpm-user-area .fpm-wallet-grid {
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
body.fpm-user-area .fpm-task-card,
body.fpm-user-area .fpm-wallet-method {
  border: 1px solid rgba(42,167,235,.42) !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(255,184,0,.1), transparent 28%),
    linear-gradient(145deg, rgba(5,24,38,.97), rgba(1,9,16,.99)) !important;
}
body.fpm-user-area .fpm-wallet-icon img,
body.fpm-user-area .fpm-pay-logo img,
body.fpm-user-area .fpm-history-table img {
  padding: 0 !important;
  background: transparent !important;
}

/* PTC provider cards: scoped visual cleanup for BitcoTasks and OfferwallMe pages. */
.fpm-ptc-page {
  width: min(1120px, calc(100% - 28px));
  margin: 20px auto 30px;
  color: var(--fpm-text);
}
.fpm-ptc-shell {
  display: grid;
  gap: 16px;
}
.fpm-ptc-tabs {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  padding: 12px;
  border: 1px solid rgba(42,167,235,.42);
  border-radius: 12px;
  background:
    radial-gradient(circle at 12% 0%, rgba(255,184,0,.12), transparent 28%),
    linear-gradient(145deg, rgba(5,24,38,.98), rgba(1,10,18,.99));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 14px 30px rgba(0,0,0,.22);
}
.fpm-ptc-tabs a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 138px;
  min-height: 40px;
  padding: 0 18px;
  border: 1px solid rgba(255,184,0,.42);
  border-radius: 8px;
  color: #e7f6ff;
  background: rgba(1,10,18,.68);
  font-size: 12px;
  font-weight: 900;
  text-decoration: none;
  letter-spacing: 0;
}
.fpm-ptc-tabs a:hover,
.fpm-ptc-tabs a.active {
  color: #07111c;
  border-color: rgba(255,237,132,.95);
  background: linear-gradient(180deg, #ffe980, #ffb400 58%, #ff9300);
  box-shadow: 0 8px 18px rgba(255,171,0,.24);
}
.fpm-ptc-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 14px;
}
.fpm-ptc-card {
  display: flex;
  min-height: 164px;
  flex-direction: column;
  justify-content: space-between;
  gap: 14px;
  padding: 16px;
  border: 1px solid rgba(42,167,235,.42);
  border-radius: 12px;
  color: #fff;
  background:
    radial-gradient(circle at 100% 0%, rgba(255,184,0,.1), transparent 28%),
    linear-gradient(145deg, rgba(5,24,38,.97), rgba(1,9,16,.99));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 14px 30px rgba(0,0,0,.2);
  text-align: center;
  text-decoration: none;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.fpm-ptc-card:hover {
  transform: translateY(-1px);
  border-color: rgba(255,184,0,.62);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 18px 34px rgba(0,0,0,.26);
}
.fpm-ptc-title {
  display: grid;
  min-height: 42px;
  place-items: center;
  padding: 8px 10px;
  border: 1px solid rgba(126,214,255,.22);
  border-radius: 8px;
  color: #fff;
  background: rgba(1,10,18,.56);
  font-size: 14px;
  line-height: 1.25;
  overflow-wrap: anywhere;
  text-transform: uppercase;
}
.fpm-ptc-meta {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
}
.fpm-ptc-meta span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 31px;
  padding: 0 12px;
  border: 1px solid rgba(42,167,235,.34);
  border-radius: 999px;
  color: #dbefff;
  background: rgba(1,10,18,.68);
  font-size: 12px;
  font-weight: 800;
}
.fpm-ptc-earn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
  min-height: 38px;
  padding: 0 18px;
  border: 1px solid rgba(255,237,132,.95);
  border-radius: 999px;
  color: #07111c;
  background: linear-gradient(180deg, #ffe980, #ffb400 58%, #ff9300);
  box-shadow: 0 8px 18px rgba(255,171,0,.24);
  font-size: 13px;
  font-weight: 1000;
}
.fpm-ptc-earn small {
  font-size: 12px;
  font-weight: 1000;
}
@media (max-width: 640px) {
  .fpm-ptc-page {
    width: min(100% - 16px, 1120px);
    margin-top: 14px;
  }
  .fpm-ptc-tabs {
    flex-wrap: nowrap;
    justify-content: flex-start;
    overflow-x: auto;
  }
  .fpm-ptc-tabs a {
    flex: 0 0 auto;
    min-width: 126px;
  }
  .fpm-ptc-grid {
    grid-template-columns: 1fr;
  }
}

/* Bounty rewards page rebuild. */
.fpm-bounty-page {
  width: min(1120px, calc(100% - 28px));
  margin: 24px auto 30px;
  color: var(--fpm-text);
}
.fpm-bounty-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 270px;
  gap: 16px;
}
.fpm-bounty-main,
.fpm-bounty-side {
  display: grid;
  gap: 14px;
}
.fpm-bounty-hero,
.fpm-bounty-form,
.fpm-bounty-card,
.fpm-bounty-side-card {
  border: 1px solid rgba(42,167,235,.52);
  border-radius: 14px;
  background:
    radial-gradient(circle at 14% 0%, rgba(255,184,0,.1), transparent 30%),
    linear-gradient(145deg, rgba(5,24,38,.98), rgba(1,10,18,.99));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 18px 38px rgba(0,0,0,.22);
}
.fpm-bounty-hero {
  display: grid;
  grid-template-columns: 1fr minmax(220px, 280px);
  gap: 18px;
  align-items: center;
  min-height: 155px;
  padding: 22px;
}
.fpm-bounty-kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--fpm-gold);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}
.fpm-bounty-hero h1 {
  margin: 8px 0 0;
  color: #fff;
  font-size: clamp(26px, 3vw, 38px);
  line-height: 1.05;
}
.fpm-bounty-hero h1 span {
  color: var(--fpm-gold);
}
.fpm-bounty-hero p {
  max-width: 650px;
  margin: 10px 0 0;
  color: var(--fpm-muted);
}
.fpm-bounty-prize {
  padding: 18px;
  border: 1px solid rgba(255,184,0,.42);
  border-radius: 14px;
  background:
    radial-gradient(circle at 20% 18%, rgba(255,184,0,.22), transparent 32%),
    rgba(2,12,20,.82);
  text-align: center;
}
.fpm-bounty-prize i {
  color: var(--fpm-gold);
  font-size: 34px;
}
.fpm-bounty-prize span {
  display: block;
  margin-top: 8px;
  color: var(--fpm-muted);
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}
.fpm-bounty-prize strong {
  display: block;
  margin-top: 4px;
  color: #57ff40;
  font-size: 26px;
}
.fpm-bounty-form {
  padding: 18px;
}
.fpm-bounty-fields {
  display: grid;
  grid-template-columns: minmax(180px, 230px) 1fr;
  gap: 12px;
  align-items: end;
}
.fpm-bounty-field label {
  display: block;
  margin-bottom: 8px;
  color: var(--fpm-gold);
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}
.fpm-bounty-field select,
.fpm-bounty-field input {
  width: 100%;
  min-height: 46px;
  padding: 11px 13px;
  border: 1px solid rgba(42,167,235,.58);
  border-radius: 10px;
  color: #fff;
  background: rgba(1,10,18,.84);
}
.fpm-bounty-submit {
  display: flex;
  justify-content: center;
  margin-top: 16px;
}
.fpm-bounty-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 260px;
  min-height: 44px;
  padding: 11px 22px;
  border: 1px solid rgba(255,237,132,.95);
  border-radius: 10px;
  color: #07111c;
  background: linear-gradient(180deg, #ffe980, #ffb400 58%, #ff9300);
  box-shadow: 0 10px 24px rgba(255,171,0,.28), inset 0 1px 0 rgba(255,255,255,.54);
  font-weight: 1000;
  text-transform: uppercase;
}
.fpm-bounty-note {
  margin-top: 10px;
  color: var(--fpm-muted);
  font-size: 12px;
  text-align: center;
}
.fpm-bounty-alert {
  margin-bottom: 12px;
  padding: 12px 14px;
  border-radius: 10px;
  font-weight: 900;
}
.fpm-bounty-alert.ok {
  color: #7dff6b;
  border: 1px solid rgba(87,255,64,.34);
  background: rgba(18,70,22,.24);
}
.fpm-bounty-alert.err {
  color: #ff8585;
  border: 1px solid rgba(255,87,87,.38);
  background: rgba(95,19,19,.24);
}
.fpm-bounty-two-col {
  display: grid;
  grid-template-columns: .85fr 1.15fr;
  gap: 14px;
}
.fpm-bounty-card {
  padding: 16px;
}
.fpm-bounty-card h2,
.fpm-bounty-side-card h2 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 12px;
  color: var(--fpm-gold);
  font-size: 16px;
}
.fpm-guideline-list {
  display: grid;
  gap: 8px;
}
.fpm-guideline {
  display: flex;
  gap: 8px;
  align-items: flex-start;
  color: var(--fpm-text);
  font-size: 13px;
}
.fpm-guideline i {
  margin-top: 1px;
  color: #57ff40;
}
.fpm-guideline.no i {
  color: #ff5b5b;
}
.fpm-submission-list {
  display: grid;
  gap: 10px;
}
.fpm-submission {
  display: grid;
  grid-template-columns: 42px 1fr auto;
  gap: 12px;
  align-items: center;
  padding: 12px;
  border: 1px solid rgba(42,167,235,.3);
  border-radius: 12px;
  background: rgba(1,10,18,.64);
}
.fpm-submission-icon {
  display: grid;
  width: 42px;
  height: 42px;
  place-items: center;
  border-radius: 12px;
  color: #fff;
  background: linear-gradient(145deg, #ff2f2f, #b80000);
  font-size: 22px;
}
.fpm-submission strong {
  color: #fff;
}
.fpm-submission a {
  color: #7ed6ff;
  text-decoration: none;
}
.fpm-status {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  margin-top: 4px;
  font-size: 12px;
  font-weight: 900;
}
.fpm-status.pending { color: #f6d365; }
.fpm-status.approved { color: #57ff40; }
.fpm-status.rejected { color: #ff7a7a; }
.fpm-submission-date {
  color: var(--fpm-muted);
  font-size: 12px;
  text-align: right;
}
.fpm-bounty-side-card {
  padding: 16px;
}
.fpm-step-list,
.fpm-earner-list {
  display: grid;
  gap: 10px;
}
.fpm-step,
.fpm-earner {
  display: grid;
  grid-template-columns: 26px 1fr;
  gap: 9px;
  align-items: start;
  color: var(--fpm-text);
  font-size: 12px;
}
.fpm-step b,
.fpm-earner b {
  display: grid;
  width: 24px;
  height: 24px;
  place-items: center;
  border: 1px solid rgba(255,184,0,.65);
  border-radius: 50%;
  color: var(--fpm-gold);
}
.fpm-earner strong {
  color: #fff;
}
.fpm-earner span {
  color: var(--fpm-gold);
  font-weight: 900;
}
@media (max-width: 900px) {
  .fpm-bounty-layout,
  .fpm-bounty-hero,
  .fpm-bounty-two-col,
  .fpm-bounty-fields {
    grid-template-columns: 1fr;
  }
}

/* Bounty rewards v2 with AI-generated material. */
.fpm-bounty-v2 {
  width: min(1180px, calc(100% - 28px)) !important;
}
.fpm-bounty-v2 .fpm-bounty-hero {
  position: relative;
  grid-template-columns: minmax(0, 1fr) 270px;
  min-height: 285px;
  overflow: hidden;
  isolation: isolate;
  background:
    linear-gradient(90deg, rgba(1,10,18,.98) 0%, rgba(1,10,18,.87) 39%, rgba(1,10,18,.34) 70%, rgba(1,10,18,.74) 100%),
    url('/img/faucetpaymy-ai/bounty-hero-v4-ai.png') center / cover no-repeat !important;
}
.fpm-bounty-v2 .fpm-bounty-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    radial-gradient(circle at 16% 30%, rgba(255,184,0,.18), transparent 24%),
    linear-gradient(180deg, transparent, rgba(1,10,18,.42));
  pointer-events: none;
}
.fpm-bounty-hero-art {
  position: absolute;
  inset: 0;
  z-index: -2;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: .92;
  pointer-events: none;
}
.fpm-bounty-hero-content {
  position: relative;
  z-index: 1;
  max-width: 630px;
}
.fpm-bounty-v2 .fpm-bounty-prize {
  position: relative;
  z-index: 1;
}
.fpm-bounty-v2 .fpm-bounty-hero h1 {
  font-size: clamp(34px, 5vw, 58px);
  text-shadow: 0 3px 18px rgba(0,0,0,.55);
}
.fpm-bounty-v2 .fpm-bounty-hero p {
  max-width: 560px;
  color: #dbefff;
  font-size: 15px;
  line-height: 1.55;
  text-shadow: 0 2px 12px rgba(0,0,0,.65);
}
.fpm-bounty-hero-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(92px, 1fr));
  gap: 10px;
  max-width: 560px;
  margin-top: 22px;
}
.fpm-bounty-hero-stats div {
  padding: 12px;
  border: 1px solid rgba(42,167,235,.36);
  border-radius: 12px;
  background: rgba(1,10,18,.66);
  backdrop-filter: blur(4px);
}
.fpm-bounty-hero-stats span {
  display: block;
  color: var(--fpm-muted);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}
.fpm-bounty-hero-stats strong {
  display: block;
  margin-top: 5px;
  color: #fff;
  font-size: 17px;
}
.fpm-bounty-v2 .fpm-bounty-prize {
  align-self: center;
  backdrop-filter: blur(5px);
  background:
    radial-gradient(circle at 50% 18%, rgba(255,184,0,.32), transparent 34%),
    rgba(2,12,20,.74) !important;
}
.fpm-bounty-v2 .fpm-bounty-prize strong {
  font-size: 25px;
  white-space: nowrap;
}
.fpm-bounty-action-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 320px;
  gap: 14px;
  margin-top: 14px;
}
.fpm-bounty-action-row .fpm-bounty-form,
.fpm-bounty-action-row .fpm-bounty-side-card {
  min-height: 190px;
}
.fpm-bounty-v2 .fpm-bounty-fields {
  grid-template-columns: minmax(180px, 250px) minmax(0, 1fr);
}
.fpm-bounty-info-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-top: 14px;
}
.fpm-bounty-bottom-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 320px;
  gap: 14px;
  margin-top: 14px;
}
.fpm-bounty-v2 .fpm-bounty-card,
.fpm-bounty-v2 .fpm-bounty-side-card,
.fpm-bounty-v2 .fpm-bounty-form {
  background:
    radial-gradient(circle at 100% 0%, rgba(255,184,0,.08), transparent 24%),
    linear-gradient(145deg, rgba(5,24,38,.98), rgba(1,10,18,.99)) !important;
}
.fpm-bounty-v2 .fpm-bounty-card.danger {
  border-color: rgba(255,87,87,.38);
}
.fpm-bounty-v2 .fpm-step {
  grid-template-columns: 34px 1fr;
  font-size: 13px;
  line-height: 1.35;
}
.fpm-bounty-v2 .fpm-step b {
  width: 30px;
  height: 30px;
  border-radius: 9px;
  background: rgba(255,184,0,.08);
}
.fpm-bounty-v2 .fpm-guideline {
  font-size: 13px;
  line-height: 1.38;
}
.fpm-bounty-v2 .fpm-empty-panel {
  margin-top: 0;
  min-height: 72px;
  display: grid;
  place-items: center;
}
.fpm-bounty-submissions {
  min-height: 260px;
}
.fpm-bounty-earners .fpm-earner-list {
  gap: 12px;
}
.fpm-bounty-earners .fpm-earner {
  grid-template-columns: 32px 1fr;
}
.fpm-bounty-earners .fpm-earner b {
  width: 28px;
  height: 28px;
}
@media (max-width: 1050px) {
  .fpm-bounty-action-row,
  .fpm-bounty-bottom-grid {
    grid-template-columns: 1fr;
  }
  .fpm-bounty-info-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 760px) {
  .fpm-bounty-v2 .fpm-bounty-hero,
  .fpm-bounty-v2 .fpm-bounty-fields,
  .fpm-bounty-info-grid {
    grid-template-columns: 1fr;
  }
  .fpm-bounty-hero-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .fpm-bounty-v2 .fpm-bounty-prize strong {
    white-space: normal;
  }
}

/* Bounty v2 hard polish pass: prevent side text compression and match the compact reference. */
body.fpm-user-area .fpm-bounty-v2 {
  width: min(980px, calc(100% - 28px)) !important;
}
body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-hero {
  min-height: 245px !important;
  padding: 22px !important;
}
body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-action-row {
  grid-template-columns: minmax(0, 1fr) minmax(300px, 330px) !important;
  align-items: stretch !important;
}
body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-how {
  min-width: 0 !important;
}
body.fpm-user-area .fpm-bounty-v2 .fpm-step-list {
  gap: 11px !important;
}
body.fpm-user-area .fpm-bounty-v2 .fpm-step {
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
  min-width: 0 !important;
  padding-bottom: 8px !important;
  border-bottom: 1px dashed rgba(126,214,255,.22) !important;
  color: #e7f6ff !important;
  font-size: 12px !important;
  line-height: 1.38 !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}
body.fpm-user-area .fpm-bounty-v2 .fpm-step:last-child {
  border-bottom: 0 !important;
  padding-bottom: 0 !important;
}
body.fpm-user-area .fpm-bounty-v2 .fpm-step b {
  flex: 0 0 30px !important;
}
body.fpm-user-area .fpm-bounty-v2 .fpm-step span {
  display: block !important;
  min-width: 0 !important;
  max-width: none !important;
  white-space: normal !important;
}
body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-info-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-bottom-grid {
  grid-template-columns: minmax(0, 1fr) minmax(270px, 320px) !important;
}
body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-card h2,
body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-side-card h2 {
  font-size: 18px !important;
}
body.fpm-user-area .fpm-bounty-v2 .fpm-guideline,
body.fpm-user-area .fpm-bounty-v2 .fpm-earner {
  word-break: normal !important;
  overflow-wrap: normal !important;
}
@media (max-width: 900px) {
  body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-action-row,
  body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-info-grid,
  body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-bottom-grid {
    grid-template-columns: 1fr !important;
  }
}

/* Bounty v3 console: reference-matched left rail, center board and right rail. */
body.fpm-user-area .fpm-bounty-v2 {
  width: min(1410px, calc(100% - 18px)) !important;
  margin-top: 10px !important;
}
.fpm-bounty-console {
  display: grid;
  grid-template-columns: 172px minmax(0, 1fr) 292px;
  gap: 10px;
  align-items: start;
}
.fpm-bounty-stage {
  min-width: 0;
}
.fpm-bounty-left-rail,
.fpm-bounty-right-rail .fpm-bounty-side-card,
.fpm-bounty-invite {
  border: 1px solid rgba(255,154,0,.38);
  border-radius: 8px;
  background:
    radial-gradient(circle at 50% 0%, rgba(255,184,0,.13), transparent 33%),
    linear-gradient(180deg, rgba(5,24,38,.98), rgba(1,10,18,.99));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 12px 26px rgba(0,0,0,.26);
}
.fpm-bounty-left-rail {
  position: sticky;
  top: 10px;
  padding: 14px 10px;
  text-align: center;
}
.fpm-bounty-user-medal {
  display: grid;
  width: 76px;
  height: 76px;
  margin: 0 auto 10px;
  place-items: center;
  border: 2px solid rgba(255,211,79,.88);
  border-radius: 50%;
  color: #ffd34f;
  background: radial-gradient(circle, rgba(255,184,0,.22), rgba(1,10,18,.72) 64%);
  box-shadow: 0 0 24px rgba(255,184,0,.28);
  font-size: 42px;
}
.fpm-bounty-left-rail strong {
  display: block;
  overflow: hidden;
  color: #fff;
  font-size: 13px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.fpm-bounty-left-rail > span {
  display: inline-block;
  margin: 6px 0 12px;
  padding: 3px 12px;
  border: 1px solid rgba(255,154,0,.55);
  border-radius: 5px;
  color: #fff;
  font-size: 11px;
}
.fpm-bounty-left-rail nav {
  display: grid;
  gap: 4px;
  text-align: left;
}
.fpm-bounty-left-rail nav a {
  display: flex;
  align-items: center;
  gap: 9px;
  min-height: 42px;
  padding: 0 10px;
  border-left: 3px solid transparent;
  border-radius: 6px;
  color: #f3f7fb;
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
  text-transform: uppercase;
}
.fpm-bounty-left-rail nav a i {
  color: #fff;
  font-size: 20px;
}
.fpm-bounty-left-rail nav a.active,
.fpm-bounty-left-rail nav a:hover {
  border-left-color: #ffb800;
  color: #ffd34f;
  background: linear-gradient(90deg, rgba(255,184,0,.22), rgba(255,184,0,.03));
}
.fpm-bounty-invite {
  margin-top: 12px;
  padding: 14px 10px;
}
.fpm-bounty-invite b {
  display: block;
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
}
.fpm-bounty-invite b span {
  color: #ffb800;
}
.fpm-bounty-invite i {
  display: block;
  margin: 9px 0;
  color: #ffb800;
  filter: drop-shadow(0 0 12px rgba(255,184,0,.45));
  font-size: 44px;
}
.fpm-bounty-invite p {
  margin: 0 0 10px;
  color: #e7f6ff;
  font-size: 11px;
  line-height: 1.35;
}
.fpm-bounty-invite a,
.fpm-bounty-leaderboard {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 16px;
  border: 1px solid rgba(255,237,132,.86);
  border-radius: 9px;
  color: #07111c;
  background: linear-gradient(180deg, #ffe980, #ffb400 58%, #ff9300);
  box-shadow: 0 8px 20px rgba(255,171,0,.24);
  font-size: 12px;
  font-weight: 1000;
  text-decoration: none;
  text-transform: uppercase;
}
.fpm-bounty-right-rail {
  display: grid;
  gap: 10px;
  min-width: 0;
}
.fpm-bounty-console .fpm-bounty-hero {
  min-height: 164px !important;
  padding: 24px 28px !important;
  border-color: rgba(255,154,0,.36) !important;
  border-radius: 8px !important;
  grid-template-columns: minmax(0, 1fr) 324px !important;
}
.fpm-bounty-console .fpm-bounty-hero h1 {
  font-size: clamp(28px, 3.1vw, 44px) !important;
  text-transform: uppercase;
}
.fpm-bounty-console .fpm-bounty-hero p {
  max-width: 520px;
  margin-top: 8px;
  color: #fff;
}
.fpm-bounty-console .fpm-bounty-kicker,
.fpm-bounty-console .fpm-bounty-hero-stats {
  display: none;
}
.fpm-bounty-console .fpm-bounty-prize {
  min-height: 118px;
  border-color: rgba(255,184,0,.75);
  border-radius: 8px;
  box-shadow: inset 0 0 24px rgba(255,184,0,.16), 0 0 18px rgba(255,184,0,.18);
}
.fpm-bounty-console .fpm-bounty-prize i {
  font-size: 48px;
}
.fpm-bounty-console .fpm-bounty-prize strong {
  color: #62d84a;
  font-size: 34px !important;
}
.fpm-bounty-console .fpm-bounty-action-row {
  grid-template-columns: 1fr !important;
  margin-top: 10px !important;
}
.fpm-bounty-console .fpm-bounty-action-row .fpm-bounty-how,
.fpm-bounty-console .fpm-bounty-info-grid > .fpm-bounty-side-card,
.fpm-bounty-console .fpm-bounty-bottom-grid > .fpm-bounty-earners {
  display: none;
}
.fpm-bounty-console .fpm-bounty-form,
.fpm-bounty-console .fpm-bounty-card,
.fpm-bounty-console .fpm-bounty-side-card {
  border-radius: 8px !important;
  border-color: rgba(42,167,235,.52) !important;
}
.fpm-bounty-console .fpm-bounty-form {
  padding: 26px 42px 14px !important;
}
.fpm-bounty-console .fpm-bounty-fields {
  grid-template-columns: 270px minmax(0, 1fr) !important;
  gap: 32px !important;
}
.fpm-bounty-console .fpm-bounty-field label {
  color: #fff;
}
.fpm-bounty-console .fpm-bounty-field select,
.fpm-bounty-console .fpm-bounty-field input {
  min-height: 46px;
  border-color: rgba(42,167,235,.86);
  border-radius: 8px;
  background: rgba(6,23,38,.92);
  box-shadow: 0 0 16px rgba(42,167,235,.18);
}
.fpm-bounty-console .fpm-bounty-button {
  min-width: 350px;
  min-height: 54px;
  border-radius: 10px;
  color: #fff;
  background: linear-gradient(180deg, #ffcf46, #ff8a00 68%, #df5a00);
  text-shadow: 0 1px 1px rgba(0,0,0,.45);
  box-shadow: 0 0 22px rgba(255,154,0,.48), inset 0 1px 0 rgba(255,255,255,.36);
}
.fpm-bounty-console .fpm-bounty-info-grid {
  grid-template-columns: .78fr .78fr 0 !important;
  gap: 12px !important;
  margin-top: 10px !important;
}
.fpm-bounty-console .fpm-bounty-bottom-grid {
  grid-template-columns: 1fr !important;
  margin-top: 10px !important;
}
.fpm-bounty-console .fpm-bounty-card h2,
.fpm-bounty-console .fpm-bounty-side-card h2 {
  color: #fff !important;
  font-size: 15px !important;
  text-transform: uppercase;
}
.fpm-bounty-console .fpm-submission {
  grid-template-columns: 58px 1fr 150px;
  min-height: 86px;
  border-radius: 8px;
}
.fpm-bounty-console .fpm-submission-icon {
  width: 48px;
  height: 48px;
  border-radius: 10px;
  font-size: 28px;
}
.fpm-bounty-console .fpm-bounty-right-rail .fpm-step {
  font-size: 13px !important;
}
.fpm-bounty-console .fpm-bounty-right-rail .fpm-earner {
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(126,214,255,.14);
}
.fpm-bounty-console .fpm-bounty-right-rail .fpm-earner:last-child {
  border-bottom: 0;
}
.fpm-bounty-leaderboard {
  width: 100%;
  margin-top: 12px;
  color: #fff;
  background: linear-gradient(180deg, rgba(255,184,0,.16), rgba(255,119,0,.12));
}
@media (max-width: 1180px) {
  .fpm-bounty-console {
    grid-template-columns: 1fr;
  }
  .fpm-bounty-left-rail {
    position: static;
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 10px;
    text-align: left;
  }
  .fpm-bounty-left-rail nav,
  .fpm-bounty-invite {
    grid-column: 1 / -1;
  }
  .fpm-bounty-left-rail nav {
    grid-template-columns: repeat(auto-fit, minmax(132px, 1fr));
  }
  .fpm-bounty-right-rail {
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  }
}
@media (max-width: 760px) {
  .fpm-bounty-console .fpm-bounty-hero,
  .fpm-bounty-console .fpm-bounty-fields,
  .fpm-bounty-console .fpm-bounty-info-grid {
    grid-template-columns: 1fr !important;
  }
  .fpm-bounty-console .fpm-bounty-form {
    padding: 18px !important;
  }
  .fpm-bounty-console .fpm-bounty-button {
    min-width: 0;
    width: 100%;
  }
  .fpm-bounty-console .fpm-submission {
    grid-template-columns: 48px 1fr;
  }
  .fpm-bounty-console .fpm-submission-date {
    grid-column: 1 / -1;
    text-align: left;
  }
}

/* Coinluva bounty console rebuild. */
body.clv-bounty-route {
  background:
    radial-gradient(circle at 20% 0%, rgba(0,129,255,.13), transparent 28%),
    radial-gradient(circle at 90% 18%, rgba(255,160,0,.08), transparent 30%),
    linear-gradient(180deg, #020912 0%, #03111d 52%, #020811 100%) !important;
}
body.clv-bounty-route .faucetpaymy-shell {
  width: min(1488px, 100%) !important;
  margin: 0 auto !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
body.clv-bounty-route .faucetpaymy-brandbar {
  min-height: 58px;
  padding: 10px 20px 4px;
  border-bottom: 1px solid rgba(255,255,255,.05);
  background: rgba(2,9,18,.86);
}
body.clv-bounty-route .faucetpaymy-brand span strong {
  color: #ffb400 !important;
  font-size: 25px !important;
  line-height: .95;
  text-transform: uppercase;
}
body.clv-bounty-route .faucetpaymy-brand span strong {
  font-size: 0 !important;
}
body.clv-bounty-route .faucetpaymy-brand span strong::after {
  content: "COINLUVA";
  font-size: 25px;
}
body.clv-bounty-route .faucetpaymy-brand span small {
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 900;
}
body.clv-bounty-route .faucetpaymy-brand span small {
  font-size: 0 !important;
}
body.clv-bounty-route .faucetpaymy-brand span small::after {
  content: "MINING PLATFORM";
  font-size: 12px;
}
body.clv-bounty-route .faucetpaymy-brand img {
  width: 58px !important;
  height: 58px !important;
  object-fit: contain;
}
body.clv-bounty-route .backsocblock {
  position: absolute !important;
  top: 16px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 5;
  gap: 6px;
  padding: 0 !important;
}
body.clv-bounty-route .backsocblock img {
  width: 28px;
  height: 18px;
  border: 1px solid rgba(255,255,255,.25);
  object-fit: cover;
}
body.clv-bounty-route header.bg-zinc-900 {
  width: min(1236px, calc(100% - 246px));
  height: 72px !important;
  margin: 0 10px 12px auto;
  padding: 5px 16px !important;
  border: 1px solid rgba(74,122,158,.48) !important;
  border-radius: 14px;
  background:
    linear-gradient(180deg, rgba(6,25,42,.97), rgba(1,9,16,.98)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 12px 30px rgba(0,0,0,.22);
  gap: 8px !important;
}
body.clv-bounty-route header.bg-zinc-900 a {
  min-width: 74px;
  border: 0 !important;
  background: transparent !important;
  color: #fff !important;
  font-size: 11px;
  font-weight: 900;
  text-shadow: 0 1px 2px rgba(0,0,0,.8);
}
body.clv-bounty-route header.bg-zinc-900 a[href="/user/rewards"] {
  color: #ffd34f !important;
  border: 1px solid rgba(255,184,0,.75) !important;
  border-radius: 9px;
  background: radial-gradient(circle at 50% 0%, rgba(255,184,0,.28), rgba(255,184,0,.05) 62%) !important;
  box-shadow: 0 0 22px rgba(255,184,0,.44), inset 0 0 18px rgba(255,184,0,.18);
}
body.clv-bounty-route header.bg-zinc-900 b {
  font-size: 22px !important;
}
.clv-bounty-page {
  --clv-bg: #020b14;
  --clv-panel: rgba(3, 17, 29, .94);
  --clv-panel-2: rgba(5, 24, 39, .92);
  --clv-blue: #138fe9;
  --clv-blue-soft: rgba(19,143,233,.46);
  --clv-gold: #ffb400;
  --clv-gold-2: #ff8a00;
  --clv-text: #ffffff;
  --clv-muted: #aab7c4;
  display: grid;
  grid-template-columns: 176px minmax(0, 1fr) 296px;
  gap: 10px;
  width: min(1450px, calc(100% - 20px));
  margin: 0 auto 0;
  color: var(--clv-text);
  font-family: Inter, Arial, sans-serif;
}
.clv-bounty-page * {
  box-sizing: border-box;
  letter-spacing: 0;
}
.clv-bounty-sidebar,
.clv-bounty-right,
.clv-bounty-main {
  min-width: 0;
}
.clv-bounty-sidebar {
  display: grid;
  gap: 12px;
}
.clv-bounty-user,
.clv-invite-card,
.clv-side-card,
.clv-hero-card,
.clv-submit-card,
.clv-rule-card,
.clv-submissions-card,
.clv-ai-strip {
  border: 1px solid rgba(255,137,0,.42);
  border-radius: 10px;
  background:
    radial-gradient(circle at 100% 0%, rgba(255,184,0,.08), transparent 29%),
    linear-gradient(145deg, rgba(6,25,42,.94), rgba(1,9,16,.98));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.055), 0 13px 30px rgba(0,0,0,.27);
}
.clv-bounty-user {
  min-height: 185px;
  padding: 20px 12px 12px;
  text-align: center;
}
.clv-crown-ring {
  display: grid;
  width: 76px;
  height: 76px;
  margin: 0 auto 12px;
  place-items: center;
  border: 3px solid #ffc12a;
  border-radius: 50%;
  color: #ffc12a;
  background: radial-gradient(circle, rgba(255,184,0,.22), rgba(0,0,0,.2) 55%, rgba(0,0,0,.58));
  box-shadow: 0 0 24px rgba(255,184,0,.45), inset 0 0 15px rgba(255,184,0,.22);
  font-size: 42px;
}
.clv-bounty-user strong {
  display: block;
  overflow: hidden;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.clv-bounty-user span {
  display: inline-block;
  min-width: 112px;
  margin-top: 8px;
  padding: 4px 10px;
  border: 1px solid rgba(255,137,0,.68);
  border-radius: 5px;
  color: #fff;
  background: rgba(4,15,26,.72);
  font-size: 12px;
}
.clv-side-nav {
  display: grid;
  overflow: hidden;
  border: 1px solid rgba(255,137,0,.28);
  border-radius: 10px;
  background: linear-gradient(180deg, rgba(6,25,42,.94), rgba(1,9,16,.96));
}
.clv-side-nav a {
  display: flex;
  align-items: center;
  gap: 11px;
  min-height: 45px;
  padding: 0 14px;
  border-left: 4px solid transparent;
  color: #fff;
  font-size: 12px;
  font-weight: 900;
  text-decoration: none;
  text-transform: uppercase;
}
.clv-side-nav a i {
  width: 22px;
  color: #e8f3ff;
  font-size: 22px;
  text-align: center;
}
.clv-side-nav a.active,
.clv-side-nav a:hover {
  border-left-color: var(--clv-gold);
  color: #ffd650;
  background: linear-gradient(90deg, rgba(255,184,0,.28), rgba(255,184,0,.04));
  box-shadow: inset 0 0 22px rgba(255,184,0,.08);
}
.clv-invite-card {
  min-height: 264px;
  padding: 20px 14px;
  text-align: center;
}
.clv-invite-card h2 {
  margin: 0;
  color: #fff;
  font-size: 15px;
  font-weight: 1000;
  line-height: 1.35;
  text-transform: uppercase;
}
.clv-invite-card h2 span {
  color: var(--clv-gold);
}
.clv-invite-card > i {
  display: block;
  margin: 20px 0 14px;
  color: #ff8b31;
  filter: drop-shadow(0 0 14px rgba(255,120,0,.7));
  font-size: 52px;
}
.clv-invite-card p {
  margin: 0 0 17px;
  color: #fff;
  font-size: 13px;
  line-height: 1.45;
}
.clv-invite-card a,
.clv-bounty-form button,
.clv-side-card.earners > a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  padding: 0 20px;
  border: 1px solid rgba(255,229,118,.96);
  border-radius: 10px;
  color: #fff;
  background: linear-gradient(180deg, #ffc13a, #ff8400 68%, #cf4c00);
  box-shadow: 0 0 22px rgba(255,137,0,.42), inset 0 1px 0 rgba(255,255,255,.42);
  font-size: 12px;
  font-weight: 1000;
  text-decoration: none;
  text-shadow: 0 1px 2px rgba(0,0,0,.58);
  text-transform: uppercase;
}
.clv-bounty-main {
  display: grid;
  gap: 10px;
}
.clv-hero-card {
  position: relative;
  display: grid;
  grid-template-columns: 190px minmax(0, 1fr) 324px;
  min-height: 164px;
  overflow: hidden;
  isolation: isolate;
  border-color: rgba(255,137,0,.34);
  background:
    linear-gradient(90deg, rgba(2,10,18,.15), rgba(2,10,18,.98) 28%, rgba(2,10,18,.98) 62%, rgba(2,10,18,.62)),
    url('/img/faucetpaymy-ai/bounty-console-hero-ai.png') left center / auto 100% no-repeat,
    linear-gradient(145deg, rgba(6,25,42,.94), rgba(1,9,16,.99));
}
.clv-hero-bg-img {
  position: absolute;
  inset: 0;
  z-index: -2;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  opacity: 1;
  pointer-events: none;
}
.clv-hero-card::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(90deg, rgba(2,10,18,.08), rgba(2,10,18,.74) 31%, rgba(2,10,18,.74) 58%, rgba(2,10,18,.18));
  pointer-events: none;
}
.clv-hero-art {
  min-height: 164px;
}
.clv-hero-copy {
  align-self: center;
  padding: 22px 8px;
}
.clv-hero-copy h1 {
  margin: 0 0 12px;
  color: #eaf4ff;
  font-size: 34px;
  font-weight: 1000;
  line-height: 1;
  text-transform: uppercase;
  text-shadow: 0 2px 12px rgba(0,0,0,.75);
}
.clv-hero-copy h1 span {
  color: var(--clv-gold);
}
.clv-hero-copy p {
  margin: 7px 0 0;
  color: #fff;
  font-size: 14px;
  line-height: 1.3;
  text-shadow: 0 2px 10px rgba(0,0,0,.8);
}
.clv-reward-card {
  display: flex;
  align-items: center;
  gap: 18px;
  align-self: center;
  min-height: 118px;
  margin-right: 26px;
  padding: 17px 24px;
  border: 2px solid rgba(255,184,0,.82);
  border-radius: 9px;
  background:
    radial-gradient(circle at 18% 18%, rgba(255,184,0,.25), transparent 34%),
    linear-gradient(180deg, rgba(28,20,6,.76), rgba(3,12,20,.82));
  box-shadow: 0 0 22px rgba(255,184,0,.35), inset 0 0 28px rgba(255,184,0,.13);
}
.clv-reward-card > i {
  color: var(--clv-gold);
  filter: drop-shadow(0 0 12px rgba(255,184,0,.6));
  font-size: 54px;
}
.clv-reward-card span {
  display: block;
  color: #fff;
  font-size: 16px;
  font-weight: 900;
  text-transform: uppercase;
}
.clv-reward-card strong {
  display: block;
  margin-top: 6px;
  color: #68d64b;
  font-size: 34px;
  font-weight: 1000;
  line-height: 1;
  white-space: nowrap;
}
.clv-submit-card {
  border-color: rgba(19,143,233,.72);
  background:
    radial-gradient(circle at 86% 6%, rgba(19,143,233,.12), transparent 34%),
    linear-gradient(180deg, rgba(3,18,31,.96), rgba(0,10,19,.99));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.055), 0 0 28px rgba(19,143,233,.12);
}
.clv-alert {
  margin: 16px 22px 0;
  padding: 11px 14px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 900;
}
.clv-alert.ok {
  color: #85ff74;
  border: 1px solid rgba(87,255,64,.34);
  background: rgba(17,72,24,.26);
}
.clv-alert.err {
  color: #ff8888;
  border: 1px solid rgba(255,87,87,.38);
  background: rgba(95,19,19,.28);
}
.clv-bounty-form {
  display: grid;
  grid-template-columns: 270px minmax(0, 1fr);
  gap: 24px 32px;
  padding: 28px 42px 12px;
}
.clv-bounty-form label {
  position: relative;
  display: grid;
  gap: 12px;
}
.clv-bounty-form label > span {
  display: flex;
  align-items: center;
  gap: 12px;
  color: #fff;
  font-size: 12px;
  font-weight: 1000;
  text-transform: uppercase;
}
.clv-bounty-form label > span i {
  color: #ff2525;
  font-size: 23px;
}
.clv-bounty-form select,
.clv-bounty-form input {
  width: 100%;
  height: 46px;
  padding: 0 16px;
  border: 1px solid rgba(19,143,233,.88);
  border-radius: 8px;
  outline: 0;
  color: #fff;
  background: rgba(6,25,42,.95);
  box-shadow: 0 0 17px rgba(19,143,233,.22), inset 0 1px 0 rgba(255,255,255,.04);
  font-size: 16px;
  font-weight: 800;
}
.clv-bounty-form select {
  appearance: auto;
}
.clv-bounty-form input {
  padding-left: 58px;
  color: #83c7ff;
}
.clv-bounty-form input::placeholder {
  color: #74aee2;
}
.clv-input-icon {
  position: absolute;
  bottom: 11px;
  left: 20px;
  color: #48aaf1;
  font-size: 25px;
  pointer-events: none;
}
.clv-bounty-form button {
  grid-column: 1 / -1;
  justify-self: center;
  min-width: 350px;
  min-height: 54px;
  border-radius: 10px;
  font-size: 17px;
  gap: 14px;
}
.clv-bounty-form button i {
  font-size: 27px;
}
.clv-bounty-form p {
  grid-column: 1 / -1;
  margin: -2px 0 0;
  color: #aeb9c5;
  font-size: 13px;
  text-align: center;
}
.clv-bounty-form p i {
  margin-right: 8px;
  color: #92a0ae;
}
.clv-mid-grid {
  display: grid;
  grid-template-columns: .82fr 1.03fr;
  gap: 12px;
}
.clv-rules-stack {
  display: grid;
  gap: 10px;
}
.clv-rule-card {
  position: relative;
  min-height: 162px;
  overflow: hidden;
  padding: 18px 18px 14px;
}
.clv-rule-card.good {
  border-color: rgba(112,218,74,.58);
  background:
    radial-gradient(circle at 86% 50%, rgba(64,195,57,.18), transparent 28%),
    linear-gradient(145deg, rgba(5,46,31,.78), rgba(1,13,20,.98));
}
.clv-rule-card.bad {
  border-color: rgba(255,64,64,.62);
  background:
    radial-gradient(circle at 86% 52%, rgba(255,64,64,.14), transparent 29%),
    linear-gradient(145deg, rgba(49,11,17,.76), rgba(1,13,20,.98));
}
.clv-rule-card h2,
.clv-submissions-card h2,
.clv-side-card h2 {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 10px;
  color: #fff;
  font-size: 16px;
  font-weight: 1000;
  text-transform: uppercase;
}
.clv-rule-card h2 i {
  font-size: 27px;
}
.clv-rule-card.good h2 i {
  color: #7cdc4f;
}
.clv-rule-card.bad h2 i {
  color: #ff5757;
}
.clv-rule-card ul,
.clv-side-card ul,
.clv-side-card ol {
  display: grid;
  gap: 7px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.clv-rule-card li,
.clv-side-card li {
  position: relative;
  color: #fff;
  font-size: 13px;
  line-height: 1.3;
}
.clv-rule-card li {
  padding-left: 25px;
}
.clv-rule-card.good li::before,
.clv-side-card.tips li::before {
  content: "\EB7B";
  position: absolute;
  left: 0;
  top: 0;
  color: #7cdc4f;
  font-family: remixicon;
  font-size: 17px;
}
.clv-rule-card.bad li::before {
  content: "\EB99";
  position: absolute;
  left: 0;
  top: 0;
  color: #ff5757;
  font-family: remixicon;
  font-size: 17px;
}
.clv-submissions-card {
  padding: 24px 16px 16px;
  border-color: rgba(19,143,233,.7);
  background:
    radial-gradient(circle at 100% 0%, rgba(19,143,233,.1), transparent 30%),
    linear-gradient(180deg, rgba(3,18,31,.96), rgba(0,10,19,.99));
}
.clv-submissions-card header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 18px;
}
.clv-submissions-card h2 {
  margin: 0;
}
.clv-submissions-card h2 i {
  color: #1598f2;
}
.clv-submissions-card header > a {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 20px;
  border: 1px solid rgba(19,143,233,.7);
  border-radius: 6px;
  color: #34a9ff;
  background: rgba(5,24,39,.75);
  font-size: 12px;
  font-weight: 900;
  text-decoration: none;
  text-transform: uppercase;
}
.clv-submission-list {
  display: grid;
  gap: 18px;
}
.clv-submission-item {
  display: grid;
  grid-template-columns: 58px minmax(140px, 1fr) minmax(150px, .72fr) 20px;
  align-items: center;
  gap: 16px;
  min-height: 100px;
  padding: 14px 16px;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 10px;
  color: #fff;
  background: linear-gradient(180deg, rgba(13,29,43,.8), rgba(4,16,27,.88));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035);
}
.clv-submission-icon {
  display: grid;
  width: 50px;
  height: 50px;
  place-items: center;
  border-radius: 12px;
  color: #fff;
  background: linear-gradient(145deg, #ff2e2e, #b90000);
  font-size: 30px;
}
.clv-submission-type strong {
  display: block;
  color: #fff;
  font-size: 16px;
}
.clv-submission-type strong span {
  color: #2d9cff;
}
.clv-submission-type b {
  display: block;
  margin-top: 6px;
  color: #ff5757;
  font-size: 16px;
}
.clv-submission-type b.approved {
  color: #7cdc4f;
}
.clv-submission-type b.pending {
  color: #f4d35c;
}
.clv-submission-date {
  min-height: 64px;
  padding-left: 20px;
  border-left: 1px solid rgba(255,255,255,.12);
}
.clv-submission-date span {
  display: flex;
  gap: 8px;
  color: #b9c6d4;
  font-size: 12px;
}
.clv-submission-date time {
  display: block;
  margin-top: 12px;
  color: #b9c6d4;
  font-size: 12px;
}
.clv-submission-item > a,
.clv-submission-item > i {
  color: #fff;
  font-size: 26px;
  text-decoration: none;
}
.clv-ai-strip {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  min-height: 54px;
  padding: 8px 22px;
  border-color: rgba(74,122,158,.4);
  border-radius: 12px;
}
.clv-ai-strip div {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 13px;
  border-right: 1px solid rgba(255,255,255,.12);
}
.clv-ai-strip div:last-child {
  border-right: 0;
}
.clv-ai-strip i {
  color: #149eea;
  font-size: 35px;
  filter: drop-shadow(0 0 8px rgba(20,158,234,.45));
}
.clv-ai-strip div:first-child i,
.clv-ai-strip div:nth-child(3) i {
  color: var(--clv-gold);
}
.clv-ai-strip span {
  color: #fff;
  font-size: 12px;
  font-weight: 900;
  line-height: 1.05;
  text-transform: uppercase;
}
.clv-ai-strip b {
  color: var(--clv-gold);
}
.clv-bounty-right {
  display: grid;
  gap: 10px;
  align-content: start;
}
.clv-side-card {
  padding: 18px 20px;
  border-color: rgba(255,137,0,.44);
}
.clv-side-card h2 {
  font-size: 16px;
}
.clv-side-card h2 i {
  color: var(--clv-gold);
  font-size: 25px;
}
.clv-side-card.how {
  min-height: 262px;
}
.clv-side-card.how ol {
  gap: 12px;
}
.clv-side-card.how li {
  display: grid;
  grid-template-columns: 28px 1fr;
  gap: 10px;
  align-items: start;
}
.clv-side-card.how li b {
  display: grid;
  width: 24px;
  height: 24px;
  place-items: center;
  border: 2px solid var(--clv-gold);
  border-radius: 50%;
  color: var(--clv-gold);
  font-size: 14px;
}
.clv-side-card.how li span {
  color: #fff;
  font-size: 13px;
  line-height: 1.45;
}
.clv-side-card.tips {
  min-height: 190px;
}
.clv-side-card.tips li {
  padding-left: 25px;
}
.clv-side-card.tips li::before {
  color: var(--clv-gold);
}
.clv-side-card.earners {
  min-height: 310px;
}
.clv-earner-list {
  display: grid;
  gap: 7px;
}
.clv-earner {
  display: grid;
  grid-template-columns: 25px minmax(0, 1fr) auto 18px;
  align-items: center;
  gap: 8px;
  min-height: 28px;
  border-bottom: 1px solid rgba(255,255,255,.08);
}
.clv-earner b {
  display: grid;
  width: 22px;
  height: 22px;
  place-items: center;
  border-radius: 50%;
  color: #1a2028;
  background: linear-gradient(180deg, #fff, #aeb6c0);
  font-size: 13px;
}
.clv-earner:nth-child(3) b {
  color: #fff;
  background: linear-gradient(180deg, #ffb46a, #b85000);
}
.clv-earner span {
  overflow: hidden;
  color: #fff;
  font-size: 13px;
  font-weight: 900;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.clv-earner strong {
  color: var(--clv-gold);
  font-size: 13px;
  font-weight: 1000;
}
.clv-earner i {
  color: var(--clv-gold);
}
.clv-side-card.earners > a {
  width: 100%;
  margin-top: 18px;
  border-color: rgba(255,137,0,.55);
  color: #fff;
  background: linear-gradient(180deg, rgba(255,137,0,.1), rgba(255,137,0,.05));
}
body.clv-bounty-route footer.bg-zinc-900 {
  width: min(1450px, calc(100% - 20px));
  height: 64px !important;
  margin: 0 auto;
  padding: 6px 20px !important;
  border-color: rgba(74,122,158,.32) !important;
  background: rgba(2,10,18,.9) !important;
}
body.clv-bounty-route footer.bg-zinc-900 a {
  color: #d8c7c7 !important;
}
@media (max-width: 1180px) {
  body.clv-bounty-route header.bg-zinc-900 {
    width: min(100% - 20px, 1236px);
    margin: 0 auto 12px;
    overflow-x: auto;
  }
  .clv-bounty-page {
    grid-template-columns: 1fr;
  }
  .clv-bounty-sidebar,
  .clv-bounty-right {
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  }
  .clv-side-nav {
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  }
}
@media (max-width: 780px) {
  body.clv-bounty-route .backsocblock {
    position: static !important;
    transform: none;
    margin: 0 auto 8px;
  }
  .clv-hero-card,
  .clv-bounty-form,
  .clv-mid-grid,
  .clv-ai-strip {
    grid-template-columns: 1fr;
  }
  .clv-hero-card {
    background:
      linear-gradient(180deg, rgba(2,10,18,.25), rgba(2,10,18,.96) 52%),
      url('/img/faucetpaymy-ai/bounty-console-hero-ai.png') top center / 100% auto no-repeat,
      linear-gradient(145deg, rgba(6,25,42,.94), rgba(1,9,16,.99));
  }
  .clv-hero-art {
    min-height: 170px;
  }
  .clv-hero-copy,
  .clv-reward-card {
    margin: 0 16px 16px;
  }
  .clv-reward-card {
    padding: 16px;
  }
  .clv-reward-card strong {
    font-size: 26px;
    white-space: normal;
  }
  .clv-bounty-form {
    padding: 18px;
  }
  .clv-bounty-form button {
    width: 100%;
    min-width: 0;
  }
  .clv-submission-item {
    grid-template-columns: 50px 1fr;
  }
  .clv-submission-date,
  .clv-submission-item > a,
  .clv-submission-item > i {
    grid-column: 1 / -1;
    border-left: 0;
    padding-left: 0;
  }
  .clv-ai-strip div {
    min-height: 48px;
    border-right: 0;
    border-bottom: 1px solid rgba(255,255,255,.1);
  }
  .clv-ai-strip div:last-child {
    border-bottom: 0;
  }
}

/* Rewards page integration: align with the rest of the user area. */
body.clv-bounty-route .faucetpaymy-shell {
  width: 100% !important;
  min-width: 0 !important;
}
body.clv-bounty-route .faucetpaymy-brandbar,
body.clv-bounty-route footer.bg-zinc-900 {
  width: 100% !important;
  min-width: 0 !important;
}
body.fpm-user-area main.clv-bounty-page {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 296px !important;
  align-items: start !important;
  width: min(1120px, calc(100% - 28px)) !important;
  min-width: 0 !important;
  max-width: 1120px !important;
  gap: 10px !important;
  margin: 18px auto 28px !important;
  padding: 0 !important;
}
body.fpm-user-area main.clv-bounty-page > .clv-bounty-main,
body.fpm-user-area main.clv-bounty-page > .clv-bounty-right {
  min-width: 0 !important;
  width: auto !important;
  max-width: none !important;
}
body.fpm-user-area main.clv-bounty-page > .clv-bounty-main {
  display: grid !important;
  gap: 10px !important;
}
body.fpm-user-area main.clv-bounty-page > .clv-bounty-right {
  display: grid !important;
  grid-template-columns: 1fr !important;
  align-content: start !important;
  gap: 10px !important;
}
body.fpm-user-area main.clv-bounty-page .clv-hero-card {
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(0, .9fr) minmax(220px, 324px) !important;
  min-height: 164px !important;
  overflow: hidden !important;
}
body.fpm-user-area main.clv-bounty-page .clv-hero-art {
  display: none !important;
}
body.fpm-user-area main.clv-bounty-page .clv-hero-bg-img {
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: -2 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
}
body.fpm-user-area main.clv-bounty-page .clv-hero-copy {
  padding-left: 34px !important;
}
body.fpm-user-area main.clv-bounty-page .clv-reward-card {
  margin: 22px 24px 22px 0 !important;
}
body.fpm-user-area main.clv-bounty-page .clv-bounty-form {
  grid-template-columns: minmax(210px, 270px) minmax(0, 1fr) !important;
}
body.fpm-user-area main.clv-bounty-page .clv-mid-grid {
  display: grid !important;
  grid-template-columns: .82fr 1.03fr !important;
}
body.fpm-user-area main.clv-bounty-page .clv-ai-strip {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
}
@media (max-width: 1050px) {
  body.fpm-user-area main.clv-bounty-page {
    grid-template-columns: 1fr !important;
  }
  body.fpm-user-area main.clv-bounty-page > .clv-bounty-right {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 760px) {
  body.fpm-user-area main.clv-bounty-page {
    width: min(100% - 16px, 1120px) !important;
    margin-top: 14px !important;
  }
  body.fpm-user-area main.clv-bounty-page .clv-hero-card,
  body.fpm-user-area main.clv-bounty-page .clv-bounty-form,
  body.fpm-user-area main.clv-bounty-page .clv-mid-grid,
  body.fpm-user-area main.clv-bounty-page .clv-ai-strip,
  body.fpm-user-area main.clv-bounty-page > .clv-bounty-right {
    grid-template-columns: 1fr !important;
  }
  body.fpm-user-area main.clv-bounty-page .clv-hero-copy,
  body.fpm-user-area main.clv-bounty-page .clv-reward-card {
    margin: 0 16px 16px !important;
    padding-left: 0 !important;
  }
}

/* /user/rewards aligned to the /user/bonus weekly layout. */
body.fpm-user-area main.fpm-rewards-page {
  width: min(1210px, 100%) !important;
  max-width: 1210px !important;
  margin: 0 auto !important;
  padding-top: 18px !important;
  color: var(--fpm-text) !important;
}
body.fpm-user-area .fpm-rewards-page .fpm-weekly-layout {
  grid-template-columns: minmax(0, 1fr) 270px !important;
  gap: 12px !important;
}
body.fpm-user-area .fpm-rewards-page .fpm-rewards-hero {
  position: relative !important;
  min-height: 330px !important;
  grid-template-columns: 1fr !important;
  padding: 30px 34px 22px !important;
  overflow: hidden !important;
  background:
    linear-gradient(90deg, rgba(2,10,18,.24), rgba(2,10,18,.9) 48%, rgba(2,10,18,.5)),
    url('/img/faucetpaymy-ai/bounty-hero-v4-ai.png') center / cover no-repeat !important;
}
body.fpm-user-area .fpm-rewards-page .fpm-rewards-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background: radial-gradient(circle at 50% 42%, rgba(255,176,0,.12), transparent 260px);
  pointer-events: none;
}
body.fpm-user-area .fpm-rewards-page .fpm-rewards-art {
  display: none !important;
}
body.fpm-user-area .fpm-rewards-page .fpm-weekly-center {
  position: relative !important;
  z-index: 2 !important;
  width: min(680px, 100%) !important;
  margin: 0 auto !important;
}
body.fpm-user-area .fpm-rewards-page .fpm-weekly-center h1 {
  color: #ffd867 !important;
  text-shadow: 0 0 16px rgba(255,176,0,.42), 0 2px 0 #000 !important;
}
body.fpm-user-area .fpm-rewards-form {
  display: grid !important;
  grid-template-columns: minmax(180px, 260px) minmax(0, 1fr) !important;
  gap: 12px !important;
  margin-top: 16px !important;
}
body.fpm-user-area .fpm-rewards-form label {
  display: grid !important;
  gap: 7px !important;
  text-align: left !important;
}
body.fpm-user-area .fpm-rewards-form label span {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}
body.fpm-user-area .fpm-rewards-form select,
body.fpm-user-area .fpm-rewards-form input {
  width: 100% !important;
  min-height: 42px !important;
  border: 1px solid rgba(72,181,255,.65) !important;
  border-radius: 9px !important;
  background: rgba(2,10,18,.78) !important;
}
body.fpm-user-area .fpm-rewards-form button {
  grid-column: 1 / -1 !important;
  justify-self: center !important;
  min-width: 240px !important;
  min-height: 46px !important;
  margin-top: 4px !important;
  border-radius: 999px !important;
}
body.fpm-user-area .fpm-rewards-cards {
  grid-template-columns: .92fr 1.08fr !important;
}
body.fpm-user-area .fpm-rewards-rules {
  padding: 20px !important;
}
body.fpm-user-area .fpm-rewards-rules ul {
  display: grid !important;
  gap: 8px !important;
  margin: 0 0 16px !important;
  padding: 0 !important;
  list-style: none !important;
}
body.fpm-user-area .fpm-rewards-rules li {
  position: relative !important;
  padding-left: 24px !important;
  color: #e8eef6 !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
}
body.fpm-user-area .fpm-rewards-rules li::before {
  content: "\EB7B";
  position: absolute;
  left: 0;
  top: 0;
  color: #66df52;
  font-family: remixicon;
}
body.fpm-user-area .fpm-rewards-rules h2.danger {
  margin-top: 12px !important;
}
body.fpm-user-area .fpm-rewards-rules ul.danger li::before {
  content: "\EB99";
  color: #ff6464;
}
body.fpm-user-area .fpm-rewards-submissions .fpm-recent-row {
  text-decoration: none !important;
}
body.fpm-user-area .fpm-rewards-submissions .avatar i {
  font-size: 19px !important;
}
body.fpm-user-area .fpm-rewards-sidebar article {
  min-height: auto !important;
}
@media (max-width: 1080px) {
  body.fpm-user-area .fpm-rewards-page .fpm-weekly-layout,
  body.fpm-user-area .fpm-rewards-page .fpm-rewards-cards {
    grid-template-columns: 1fr !important;
  }
  body.fpm-user-area .fpm-rewards-page .fpm-weekly-sidebar {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 720px) {
  body.fpm-user-area .fpm-rewards-page .fpm-rewards-form,
  body.fpm-user-area .fpm-rewards-page .fpm-weekly-sidebar,
  body.fpm-user-area .fpm-rewards-page .fpm-weekly-stats {
    grid-template-columns: 1fr !important;
  }
}

/* Bounty rewards console rebuild. */
body.fpm-user-area main.fpm-bounty-page {
  width: min(1210px, 100%) !important;
  max-width: 1210px !important;
  margin: 0 auto !important;
  padding: 10px 0 28px !important;
  color: var(--fpm-text) !important;
}
body.fpm-user-area .fpm-bounty-shell {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 290px !important;
  gap: 12px !important;
  align-items: start !important;
  min-width: 0 !important;
}
body.fpm-user-area .fpm-bounty-main {
  display: grid !important;
  gap: 12px !important;
  min-width: 0 !important;
}
body.fpm-user-area .fpm-bounty-hero,
body.fpm-user-area .fpm-bounty-submit,
body.fpm-user-area .fpm-bounty-rules article,
body.fpm-user-area .fpm-bounty-submissions,
body.fpm-user-area .fpm-bounty-side article {
  position: relative !important;
  overflow: hidden !important;
  border: 1px solid rgba(42, 167, 235, .44) !important;
  border-radius: 8px !important;
  background:
    radial-gradient(circle at 100% 0, rgba(255, 176, 0, .08), transparent 230px),
    linear-gradient(145deg, rgba(5, 23, 38, .96), rgba(1, 10, 18, .98)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 0 24px rgba(42,167,235,.12), 0 16px 38px rgba(0,0,0,.28) !important;
}
body.fpm-user-area .fpm-bounty-hero {
  min-height: 158px !important;
  display: grid !important;
  grid-template-columns: minmax(150px, 190px) minmax(250px, 1fr) minmax(250px, 322px) !important;
  align-items: center !important;
  gap: 18px !important;
  padding: 18px 22px !important;
  border-color: rgba(255, 176, 0, .48) !important;
  background:
    radial-gradient(circle at 10% 12%, rgba(255,176,0,.22), transparent 230px),
    radial-gradient(circle at 92% 22%, rgba(255,176,0,.12), transparent 210px),
    linear-gradient(145deg, rgba(5, 23, 38, .96), rgba(1, 10, 18, .98)) !important;
}
body.fpm-user-area .fpm-bounty-hero::before,
body.fpm-user-area .fpm-bounty-submit::before,
body.fpm-user-area .fpm-bounty-side article::before,
body.fpm-user-area .fpm-bounty-rules article::before,
body.fpm-user-area .fpm-bounty-submissions::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .45;
  background-image: radial-gradient(circle, rgba(255,176,0,.8) 0 1px, transparent 1.8px);
  background-size: 66px 52px;
}
body.fpm-user-area .fpm-bounty-submit::after,
body.fpm-user-area .fpm-bounty-submissions::after,
body.fpm-user-area .fpm-bounty-side article::after {
  content: "";
  position: absolute;
  inset: auto -18% -42% 38%;
  height: 150px;
  pointer-events: none;
  background: radial-gradient(circle, rgba(42,167,235,.17), transparent 62%);
}
body.fpm-user-area .fpm-bounty-hero-art {
  position: relative !important;
  z-index: 1 !important;
  width: 180px !important;
  height: 112px !important;
  background: url('/img/faucetpaymy-ai/bounty-hero-v4-ai.png') left center / auto 128% no-repeat !important;
  filter: drop-shadow(0 0 20px rgba(255,176,0,.34)) !important;
}
body.fpm-user-area .fpm-bounty-hero-copy,
body.fpm-user-area .fpm-bounty-range {
  position: relative !important;
  z-index: 1 !important;
}
body.fpm-user-area .fpm-bounty-hero-copy h1 {
  margin: 0 0 12px !important;
  color: #f4f7fb !important;
  font-size: 34px !important;
  line-height: 1 !important;
  font-weight: 1000 !important;
  text-transform: uppercase !important;
  text-shadow: 0 2px 0 #000, 0 0 18px rgba(255,176,0,.26) !important;
}
body.fpm-user-area .fpm-bounty-hero-copy h1 span {
  color: #ffbf15 !important;
}
body.fpm-user-area .fpm-bounty-hero-copy p {
  margin: 0 0 6px !important;
  color: #fff !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
}
body.fpm-user-area .fpm-bounty-range {
  min-height: 96px !important;
  display: grid !important;
  align-content: center !important;
  justify-items: center !important;
  padding: 16px 18px 16px 82px !important;
  border: 1px solid rgba(255,176,0,.62) !important;
  border-radius: 10px !important;
  background:
    radial-gradient(circle at 10% 48%, rgba(255,176,0,.28), transparent 72px),
    linear-gradient(145deg, rgba(7,24,38,.96), rgba(4,13,20,.98)) !important;
  box-shadow: inset 0 0 20px rgba(255,176,0,.11), 0 0 24px rgba(255,176,0,.18) !important;
}
body.fpm-user-area .fpm-bounty-range::before {
  content: "\EF63";
  position: absolute;
  left: 23px;
  top: 50%;
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  transform: translateY(-50%);
  color: #231000;
  border-radius: 50%;
  background: linear-gradient(180deg, #ffc229, #ff8a00);
  box-shadow: 0 0 18px rgba(255,176,0,.36);
  font-family: remixicon;
  font-size: 30px;
}
body.fpm-user-area .fpm-bounty-range span {
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 1000 !important;
  text-transform: uppercase !important;
}
body.fpm-user-area .fpm-bounty-range span i {
  color: var(--fpm-gold) !important;
  margin-right: 5px !important;
}
body.fpm-user-area .fpm-bounty-range strong {
  margin-top: 8px !important;
  color: #65ff37 !important;
  font-size: 31px !important;
  line-height: 1 !important;
  font-weight: 1000 !important;
  text-shadow: 0 0 14px rgba(101,255,55,.32) !important;
}
body.fpm-user-area .fpm-bounty-submit {
  padding: 22px 36px 18px !important;
  border-color: rgba(42,167,235,.58) !important;
}
body.fpm-user-area .fpm-bounty-form {
  position: relative !important;
  z-index: 1 !important;
  display: grid !important;
  grid-template-columns: minmax(180px, 265px) minmax(0, 1fr) !important;
  gap: 18px 28px !important;
}
body.fpm-user-area .fpm-bounty-form label {
  display: grid !important;
  gap: 8px !important;
}
body.fpm-user-area .fpm-bounty-form label span {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 1000 !important;
  text-transform: uppercase !important;
}
body.fpm-user-area .fpm-bounty-form label span i {
  color: #ff1f1f !important;
  font-size: 23px !important;
}
body.fpm-user-area .fpm-bounty-form input,
body.fpm-user-area .fpm-bounty-form select {
  width: 100% !important;
  height: 48px !important;
  color: #dfefff !important;
  border: 1px solid rgba(42,167,235,.8) !important;
  border-radius: 7px !important;
  background: rgba(1, 12, 22, .88) !important;
  box-shadow: inset 0 0 18px rgba(42,167,235,.18), 0 0 16px rgba(42,167,235,.15) !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  outline: 0 !important;
}
body.fpm-user-area .fpm-bounty-form input {
  padding: 0 18px 0 50px !important;
  background:
    linear-gradient(90deg, rgba(42,167,235,.18), transparent 54px),
    rgba(1, 12, 22, .88) !important;
}
body.fpm-user-area .fpm-bounty-form label:nth-child(2) {
  position: relative !important;
}
body.fpm-user-area .fpm-bounty-form label:nth-child(2)::after {
  content: "\EEB6";
  position: absolute;
  left: 18px;
  bottom: 12px;
  color: #3dbdff;
  font-family: remixicon;
  font-size: 22px;
  pointer-events: none;
}
body.fpm-user-area .fpm-bounty-form select {
  padding: 0 44px 0 18px !important;
  cursor: pointer !important;
}
body.fpm-user-area .fpm-bounty-form input:focus,
body.fpm-user-area .fpm-bounty-form select:focus {
  border-color: rgba(71,198,255,.96) !important;
  box-shadow: inset 0 0 20px rgba(42,167,235,.24), 0 0 20px rgba(42,167,235,.25) !important;
}
body.fpm-user-area .fpm-bounty-form button {
  grid-column: 1 / -1 !important;
  justify-self: center !important;
  min-width: 330px !important;
  height: 54px !important;
  margin-top: 6px !important;
  color: #fff !important;
  border: 1px solid rgba(255,202,77,.9) !important;
  border-radius: 8px !important;
  background: linear-gradient(180deg, #ffb21e, #f06c00) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.32), 0 0 24px rgba(255,145,0,.58) !important;
  font-size: 14px !important;
  font-weight: 1000 !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  transition: transform .16s ease, filter .16s ease, box-shadow .16s ease !important;
}
body.fpm-user-area .fpm-bounty-form button:hover {
  filter: brightness(1.08) !important;
  transform: translateY(-1px) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.35), 0 0 30px rgba(255,145,0,.68) !important;
}
body.fpm-user-area .fpm-bounty-form button i {
  margin-right: 8px !important;
  font-size: 20px !important;
}
body.fpm-user-area .fpm-bounty-note {
  position: relative !important;
  z-index: 1 !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 7px !important;
  margin-top: 12px !important;
  color: #c8d4e1 !important;
  font-size: 12px !important;
  font-weight: 750 !important;
}
body.fpm-user-area .fpm-bounty-note i {
  color: #e6f2ff !important;
}
body.fpm-user-area .fpm-bounty-bottom {
  display: grid !important;
  grid-template-columns: 350px minmax(0, 1fr) !important;
  gap: 12px !important;
}
body.fpm-user-area .fpm-bounty-rules {
  display: grid !important;
  gap: 10px !important;
}
body.fpm-user-area .fpm-bounty-rules article {
  min-height: 167px !important;
  padding: 18px 22px !important;
}
body.fpm-user-area .fpm-bounty-rules article.allowed {
  border-color: rgba(87, 229, 78, .55) !important;
  background:
    url('/img/faucetpaymy-ai/bounty-guidelines-v4-ai.png') right -28px center / 155px auto no-repeat,
    linear-gradient(145deg, rgba(5, 30, 22, .94), rgba(1, 11, 18, .98)) !important;
}
body.fpm-user-area .fpm-bounty-rules article.allowed::before {
  opacity: .22;
}
body.fpm-user-area .fpm-bounty-rules article.blocked {
  border-color: rgba(255, 71, 71, .58) !important;
  background:
    radial-gradient(circle at 100% 50%, rgba(255,71,71,.13), transparent 125px),
    linear-gradient(145deg, rgba(31, 8, 13, .94), rgba(1, 11, 18, .98)) !important;
}
body.fpm-user-area .fpm-bounty-rules article.blocked::after {
  content: "\EA1A";
  position: absolute;
  right: 28px;
  top: 50%;
  transform: translateY(-50%);
  color: rgba(255,71,71,.28);
  font-family: remixicon;
  font-size: 92px;
  line-height: 1;
  pointer-events: none;
}
body.fpm-user-area .fpm-bounty-rules h2,
body.fpm-user-area .fpm-bounty-submissions h2,
body.fpm-user-area .fpm-bounty-side h3 {
  position: relative !important;
  z-index: 1 !important;
  margin: 0 0 14px !important;
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  color: #fff !important;
  font-size: 15px !important;
  line-height: 1 !important;
  font-weight: 1000 !important;
  text-transform: uppercase !important;
}
body.fpm-user-area .fpm-bounty-rules h2 i,
body.fpm-user-area .fpm-bounty-submissions h2 i,
body.fpm-user-area .fpm-bounty-side h3 i {
  color: var(--fpm-gold) !important;
  font-size: 22px !important;
}
body.fpm-user-area .fpm-bounty-rules .allowed h2 i {
  color: #61ee5a !important;
}
body.fpm-user-area .fpm-bounty-rules .blocked h2 i {
  color: #ff5b5b !important;
}
body.fpm-user-area .fpm-bounty-rules ul,
body.fpm-user-area .fpm-bounty-tips ul {
  position: relative !important;
  z-index: 1 !important;
  display: grid !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
body.fpm-user-area .fpm-bounty-rules li,
body.fpm-user-area .fpm-bounty-tips li {
  position: relative !important;
  min-height: 16px !important;
  padding-left: 24px !important;
  color: #f3f8ff !important;
  font-size: 12px !important;
  line-height: 1.22 !important;
  font-weight: 850 !important;
}
body.fpm-user-area .fpm-bounty-rules li::before,
body.fpm-user-area .fpm-bounty-tips li::before {
  content: "\EB7B";
  position: absolute;
  left: 0;
  top: -1px;
  width: 15px;
  height: 15px;
  display: grid;
  place-items: center;
  color: #61ee5a;
  font-family: remixicon;
  font-size: 15px;
}
body.fpm-user-area .fpm-bounty-rules .blocked li::before {
  content: "\EB99";
  color: #ff5b5b;
}
body.fpm-user-area .fpm-bounty-submissions {
  min-height: 344px !important;
  padding: 22px 18px !important;
}
body.fpm-user-area .fpm-bounty-card-head {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 12px !important;
  margin-bottom: 16px !important;
}
body.fpm-user-area .fpm-bounty-card-head h2 {
  margin: 0 !important;
}
body.fpm-user-area .fpm-bounty-card-head a {
  min-width: 86px !important;
  height: 27px !important;
  display: inline-grid !important;
  place-items: center !important;
  color: #7fd8ff !important;
  border: 1px solid rgba(42,167,235,.62) !important;
  border-radius: 5px !important;
  background: rgba(2, 20, 34, .8) !important;
  font-size: 10px !important;
  font-weight: 1000 !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
}
body.fpm-user-area .fpm-bounty-list {
  display: grid !important;
  gap: 12px !important;
}
body.fpm-user-area .fpm-bounty-submission {
  min-height: 92px !important;
  display: grid !important;
  grid-template-columns: 58px minmax(122px, 1fr) 160px 24px !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 14px 12px !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 8px !important;
  background: linear-gradient(145deg, rgba(8, 24, 36, .92), rgba(3, 12, 20, .98)) !important;
  text-decoration: none !important;
  transition: border-color .16s ease, transform .16s ease, background .16s ease !important;
}
body.fpm-user-area .fpm-bounty-submission:hover {
  border-color: rgba(42,167,235,.36) !important;
  background: linear-gradient(145deg, rgba(10, 31, 47, .96), rgba(3, 12, 20, .98)) !important;
  transform: translateY(-1px) !important;
}
body.fpm-user-area .fpm-bounty-submission .platform {
  width: 46px !important;
  height: 46px !important;
  display: grid !important;
  place-items: center !important;
  color: #fff !important;
  border-radius: 10px !important;
  background: #ff1616 !important;
  box-shadow: 0 0 18px rgba(255,22,22,.22) !important;
}
body.fpm-user-area .fpm-bounty-submission .platform-youtube { background: #ff1616 !important; }
body.fpm-user-area .fpm-bounty-submission .platform-telegram { background: linear-gradient(180deg, #38c6ff, #1686c4) !important; }
body.fpm-user-area .fpm-bounty-submission .platform-trustpilot,
body.fpm-user-area .fpm-bounty-submission .platform-feedback { background: linear-gradient(180deg, #21d07a, #068b53) !important; }
body.fpm-user-area .fpm-bounty-submission .platform-blog,
body.fpm-user-area .fpm-bounty-submission .platform-forum { background: linear-gradient(180deg, #ffbf2e, #d97600) !important; }
body.fpm-user-area .fpm-bounty-submission .platform-reddit { background: linear-gradient(180deg, #ff6f3a, #d83c0b) !important; }
body.fpm-user-area .fpm-bounty-submission .platform-linkedin,
body.fpm-user-area .fpm-bounty-submission .platform-facebook,
body.fpm-user-area .fpm-bounty-submission .platform-twitter { background: linear-gradient(180deg, #318bff, #0d4ea8) !important; }
body.fpm-user-area .fpm-bounty-submission .platform i {
  font-size: 28px !important;
}
body.fpm-user-area .fpm-bounty-submission .submission-copy {
  display: grid !important;
  gap: 6px !important;
}
body.fpm-user-area .fpm-bounty-submission strong,
body.fpm-user-area .fpm-bounty-submission em {
  color: #fff !important;
  font-size: 13px !important;
  line-height: 1.1 !important;
  font-style: normal !important;
  font-weight: 900 !important;
}
body.fpm-user-area .fpm-bounty-submission strong b {
  color: #6dd2ff !important;
}
body.fpm-user-area .fpm-bounty-submission em b.approved {
  color: #61ee5a !important;
}
body.fpm-user-area .fpm-bounty-submission em b.rejected {
  color: #ff5d5d !important;
}
body.fpm-user-area .fpm-bounty-submission em b.pending {
  color: #ffbf15 !important;
}
body.fpm-user-area .fpm-bounty-submission .submitted {
  display: grid !important;
  gap: 7px !important;
  padding-left: 18px !important;
  border-left: 1px solid rgba(255,255,255,.1) !important;
}
body.fpm-user-area .fpm-bounty-submission small {
  color: #b8c7d8 !important;
  font-size: 10px !important;
  font-weight: 800 !important;
}
body.fpm-user-area .fpm-bounty-submission time {
  color: #dfe8f2 !important;
  font-size: 11px !important;
  line-height: 1.25 !important;
  font-weight: 700 !important;
}
body.fpm-user-area .fpm-bounty-submission > i {
  color: #fff !important;
  font-size: 24px !important;
  opacity: .82 !important;
}
body.fpm-user-area .fpm-bounty-empty {
  min-height: 210px !important;
  display: grid !important;
  place-items: center !important;
  align-content: center !important;
  gap: 9px !important;
  color: #dbe7f5 !important;
  text-align: center !important;
}
body.fpm-user-area .fpm-bounty-empty i {
  color: var(--fpm-gold) !important;
  font-size: 46px !important;
}
body.fpm-user-area .fpm-bounty-empty strong {
  color: #fff !important;
  font-size: 15px !important;
}
body.fpm-user-area .fpm-bounty-empty span {
  color: var(--fpm-muted) !important;
  font-size: 12px !important;
}
body.fpm-user-area .fpm-bounty-side {
  display: grid !important;
  gap: 10px !important;
}
body.fpm-user-area .fpm-bounty-side article {
  padding: 18px 18px !important;
  border-color: rgba(255,176,0,.36) !important;
}
body.fpm-user-area .fpm-bounty-side h3 {
  position: relative !important;
  z-index: 1 !important;
  font-size: 14px !important;
}
body.fpm-user-area .fpm-bounty-how ol {
  position: relative !important;
  z-index: 1 !important;
  display: grid !important;
  gap: 13px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
body.fpm-user-area .fpm-bounty-how li {
  display: grid !important;
  grid-template-columns: 24px 1fr !important;
  gap: 10px !important;
  align-items: start !important;
  color: #f2f7ff !important;
  font-size: 11px !important;
  line-height: 1.28 !important;
  font-weight: 820 !important;
}
body.fpm-user-area .fpm-bounty-how li span {
  width: 20px !important;
  height: 20px !important;
  display: grid !important;
  place-items: center !important;
  color: #111 !important;
  border-radius: 50% !important;
  background: linear-gradient(180deg, #ffc229, #ff8a00) !important;
  font-size: 11px !important;
  font-weight: 1000 !important;
}
body.fpm-user-area .fpm-bounty-tips ul {
  position: relative !important;
  z-index: 1 !important;
}
body.fpm-user-area .fpm-bounty-tips li::before {
  content: "\EB7B";
  color: #ffbf15;
}
body.fpm-user-area .fpm-bounty-earners {
  padding-bottom: 22px !important;
}
body.fpm-user-area .fpm-bounty-earner {
  position: relative !important;
  z-index: 1 !important;
  min-height: 30px !important;
  display: grid !important;
  grid-template-columns: 24px minmax(0, 1fr) 84px 18px !important;
  align-items: center !important;
  gap: 7px !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}
body.fpm-user-area .fpm-bounty-earner strong {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
body.fpm-user-area .fpm-bounty-earner span {
  width: 20px !important;
  height: 20px !important;
  display: grid !important;
  place-items: center !important;
  color: #16202c !important;
  border-radius: 50% !important;
  background: #e8eef6 !important;
  font-size: 11px !important;
  font-weight: 1000 !important;
}
body.fpm-user-area .fpm-bounty-earner:nth-of-type(1) span {
  color: #111 !important;
  background: linear-gradient(180deg, #fff7ad, #ffb000) !important;
}
body.fpm-user-area .fpm-bounty-earner:nth-of-type(2) span {
  color: #111 !important;
  background: linear-gradient(180deg, #f5f6ff, #aab6c8) !important;
}
body.fpm-user-area .fpm-bounty-earner:nth-of-type(3) span {
  color: #111 !important;
  background: linear-gradient(180deg, #ffd3a8, #ce6b20) !important;
}
body.fpm-user-area .fpm-bounty-earner b {
  color: #ffbf15 !important;
  text-align: right !important;
  font-size: 12px !important;
  font-weight: 1000 !important;
}
body.fpm-user-area .fpm-bounty-earner i {
  color: #ffbf15 !important;
  text-align: right !important;
}
body.fpm-user-area .fpm-bounty-earners > a {
  position: relative !important;
  z-index: 1 !important;
  height: 40px !important;
  display: grid !important;
  place-items: center !important;
  margin-top: 18px !important;
  color: #fff !important;
  border: 1px solid rgba(255,176,0,.64) !important;
  border-radius: 7px !important;
  background: linear-gradient(180deg, rgba(255,176,0,.15), rgba(255,138,0,.06)) !important;
  font-size: 12px !important;
  font-weight: 1000 !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
}
@media (max-width: 1120px) {
  body.fpm-user-area .fpm-bounty-shell,
  body.fpm-user-area .fpm-bounty-bottom {
    grid-template-columns: 1fr !important;
  }
  body.fpm-user-area .fpm-bounty-side {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  body.fpm-user-area .fpm-bounty-side article:last-child {
    grid-column: 1 / -1 !important;
  }
}
@media (max-width: 860px) {
  body.fpm-user-area main.fpm-bounty-page {
    width: min(100% - 16px, 1210px) !important;
  }
  body.fpm-user-area .fpm-bounty-hero,
  body.fpm-user-area .fpm-bounty-form,
  body.fpm-user-area .fpm-bounty-side {
    grid-template-columns: 1fr !important;
  }
  body.fpm-user-area .fpm-bounty-hero {
    text-align: center !important;
  }
  body.fpm-user-area .fpm-bounty-hero-art {
    margin: 0 auto !important;
  }
  body.fpm-user-area .fpm-bounty-form button {
    min-width: 100% !important;
  }
  body.fpm-user-area .fpm-bounty-range {
    width: min(430px, 100%) !important;
    justify-self: center !important;
  }
}
@media (max-width: 620px) {
  body.fpm-user-area .fpm-bounty-hero,
  body.fpm-user-area .fpm-bounty-submit,
  body.fpm-user-area .fpm-bounty-rules article,
  body.fpm-user-area .fpm-bounty-submissions,
  body.fpm-user-area .fpm-bounty-side article {
    border-radius: 8px !important;
  }
  body.fpm-user-area .fpm-bounty-hero-copy h1 {
    font-size: 27px !important;
  }
  body.fpm-user-area .fpm-bounty-hero {
    padding: 18px !important;
    gap: 14px !important;
  }
  body.fpm-user-area .fpm-bounty-hero-art {
    width: 156px !important;
    height: 98px !important;
  }
  body.fpm-user-area .fpm-bounty-range {
    padding-left: 18px !important;
  }
  body.fpm-user-area .fpm-bounty-range::before {
    position: static;
    transform: none;
    margin-bottom: 8px;
  }
  body.fpm-user-area .fpm-bounty-submit {
    padding: 18px !important;
  }
  body.fpm-user-area .fpm-bounty-side {
    grid-template-columns: 1fr !important;
  }
  body.fpm-user-area .fpm-bounty-side article:last-child {
    grid-column: auto !important;
  }
  body.fpm-user-area .fpm-bounty-submission {
    grid-template-columns: 48px 1fr 22px !important;
    gap: 10px !important;
  }
  body.fpm-user-area .fpm-bounty-submission .submitted {
    grid-column: 2 / -1 !important;
    padding-left: 0 !important;
    border-left: 0 !important;
  }
}

/* Bounty v2 hard overrides: keep this at the end so cached older bounty rules cannot win. */
body.fpm-user-area main.fpm-bounty-v2 {
  width: min(1240px, calc(100% - 18px)) !important;
  max-width: 1240px !important;
  padding: 10px 0 30px !important;
}
body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-shell {
  grid-template-columns: minmax(0, 1fr) 292px !important;
  gap: 10px !important;
}
body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-main {
  gap: 10px !important;
}
body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-hero {
  min-height: 178px !important;
  grid-template-columns: minmax(160px, 1fr) minmax(190px, 220px) !important;
  gap: 14px !important;
  padding: 18px 20px 18px 250px !important;
  border-color: rgba(255,176,0,.58) !important;
  background:
    linear-gradient(90deg, rgba(2,10,16,.04) 0, rgba(2,10,16,.28) 30%, rgba(2,10,16,.86) 43%, rgba(2,10,16,.9) 100%),
    radial-gradient(circle at 9% 18%, rgba(255,176,0,.3), transparent 245px),
    linear-gradient(145deg, rgba(5,22,36,.98), rgba(1,8,15,.98)) !important;
}
body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-bg-img {
  inset: 0 auto 0 0 !important;
  width: 275px !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: left center !important;
}
body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-hero-art {
  display: none !important;
}
body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-hero-copy h1 {
  margin-bottom: 9px !important;
  color: #ffd11a !important;
  font-size: 30px !important;
  text-shadow: 0 2px 0 #000, 0 0 18px rgba(255,176,0,.55) !important;
  letter-spacing: 0 !important;
}
body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-hero-copy p {
  color: #fff !important;
  font-size: 12px !important;
  line-height: 1.32 !important;
  font-weight: 900 !important;
  text-shadow: 0 2px 10px #000 !important;
}
body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-range {
  min-height: 98px !important;
  padding: 14px 16px 14px 70px !important;
  border-color: rgba(255,176,0,.78) !important;
  background:
    radial-gradient(circle at 16% 52%, rgba(255,176,0,.34), transparent 78px),
    linear-gradient(145deg, rgba(9,24,36,.97), rgba(5,13,18,.98)) !important;
  box-shadow: inset 0 0 24px rgba(255,176,0,.14), 0 0 26px rgba(255,176,0,.24) !important;
}
body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-range strong {
  color: #66ff37 !important;
  font-size: 26px !important;
  text-shadow: 0 0 14px rgba(102,255,55,.55) !important;
}
body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-submit {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  padding: 21px 34px 17px !important;
  border-color: rgba(29,161,242,.72) !important;
  background:
    radial-gradient(circle at 50% 0, rgba(29,161,242,.16), transparent 260px),
    linear-gradient(145deg, rgba(4,22,36,.97), rgba(1,10,18,.98)) !important;
}
body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-form {
  width: min(860px, 100%) !important;
  justify-self: center !important;
  grid-template-columns: minmax(220px, 280px) minmax(280px, 1fr) !important;
  gap: 16px 30px !important;
  align-items: end !important;
}
body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-form label {
  min-width: 0 !important;
}
body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-form label span {
  min-height: 28px !important;
  align-items: center !important;
  white-space: nowrap !important;
}
body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-form label:nth-child(2) span {
  justify-content: flex-start !important;
}
body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-form input,
body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-form select {
  height: 47px !important;
  border-color: rgba(29,161,242,.95) !important;
  border-radius: 7px !important;
}
body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-form select,
body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-form select option {
  color: #ff3b3b !important;
  background: #06121d !important;
  font-weight: 1000 !important;
}
body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-select-wrap {
  position: relative !important;
  display: block !important;
}
body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-select-wrap::before {
  content: attr(data-label) !important;
  position: absolute !important;
  left: 18px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 3 !important;
  color: #ff3030 !important;
  font-size: 14px !important;
  font-weight: 1000 !important;
  pointer-events: none !important;
}
body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-select-wrap::after {
  content: "\EA4E" !important;
  position: absolute !important;
  right: 15px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 3 !important;
  color: #fff !important;
  font-family: remixicon !important;
  font-size: 18px !important;
  pointer-events: none !important;
}
body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-form select {
  color: transparent !important;
  text-shadow: 0 0 0 transparent !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  padding-left: 18px !important;
  padding-right: 42px !important;
}
body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-submit,
body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-rules article,
body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-submissions,
body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-side article {
  border-width: 2px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 0 0 1px rgba(255,176,0,.12), 0 0 28px rgba(29,161,242,.18), 0 16px 38px rgba(0,0,0,.34) !important;
}
body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-form input,
body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-form select {
  border-width: 2px !important;
  background: linear-gradient(180deg, rgba(3,22,35,.98), rgba(0,8,15,.98)) !important;
  box-shadow: inset 0 0 20px rgba(29,161,242,.24), 0 0 18px rgba(29,161,242,.24) !important;
}
body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-form button {
  width: min(350px, 100%) !important;
  min-width: 0 !important;
  height: 53px !important;
  margin-top: 7px !important;
}
body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-note {
  width: min(860px, 100%) !important;
  justify-self: center !important;
  margin-top: 13px !important;
  text-align: center !important;
}
body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-bottom {
  grid-template-columns: 360px minmax(0, 1fr) !important;
  gap: 10px !important;
}
body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-rules {
  gap: 9px !important;
}
body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-rules article {
  min-height: 172px !important;
  padding: 17px 22px !important;
}
body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-rules article.allowed {
  background:
    linear-gradient(90deg, rgba(2,28,16,.97) 0 48%, rgba(2,28,16,.82) 66%, rgba(2,28,16,.48) 100%),
    url('/img/faucetpaymy-ai/bounty-guidelines-v4-ai.png') right center / cover no-repeat,
    linear-gradient(145deg, rgba(5, 30, 22, .94), rgba(1, 11, 18, .98)) !important;
}
body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-rules article.allowed::before {
  opacity: .16 !important;
}
body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-rules article.blocked {
  background:
    radial-gradient(circle at 86% 50%, rgba(255,71,71,.2), transparent 120px),
    linear-gradient(90deg, rgba(32,6,11,.98), rgba(32,6,11,.9) 68%, rgba(32,6,11,.7)),
    linear-gradient(145deg, rgba(31, 8, 13, .94), rgba(1, 11, 18, .98)) !important;
}
body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-submissions {
  min-height: 354px !important;
  padding: 21px 18px !important;
  border-color: rgba(29,161,242,.62) !important;
}
body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-submission {
  min-height: 95px !important;
  grid-template-columns: 58px minmax(120px, 1fr) 170px 24px !important;
  background:
    radial-gradient(circle at 0 50%, rgba(29,161,242,.1), transparent 90px),
    linear-gradient(145deg, rgba(8,25,37,.96), rgba(3,12,20,.99)) !important;
}
body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-side {
  gap: 9px !important;
}
body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-side article {
  padding: 17px 18px !important;
  border-color: rgba(255,176,0,.48) !important;
  background:
    radial-gradient(circle at 100% 0, rgba(255,176,0,.14), transparent 150px),
    linear-gradient(145deg, rgba(10,22,30,.97), rgba(2,10,15,.99)) !important;
}
body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-how li,
body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-tips li,
body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-earner {
  font-size: 11px !important;
}
@media (max-width: 1120px) {
  body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-shell,
  body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-bottom {
    grid-template-columns: 1fr !important;
  }
}
@media (max-width: 860px) {
  body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-hero,
  body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-form {
    grid-template-columns: 1fr !important;
  }
  body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-hero {
    padding: 22px !important;
    background:
      linear-gradient(180deg, rgba(2,10,16,.64), rgba(2,10,16,.88)),
      url('/img/faucetpaymy-ai/bounty-hero-v4-ai.png') left center / cover no-repeat,
      linear-gradient(145deg, rgba(5,22,36,.98), rgba(1,8,15,.98)) !important;
  }
}
@media (max-width: 620px) {
  body.fpm-user-area main.fpm-bounty-v2 {
    width: min(100% - 14px, 1240px) !important;
  }
  body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-bottom,
  body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-side {
    grid-template-columns: 1fr !important;
  }
  body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-form label span {
    white-space: normal !important;
  }
  body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-submission {
    grid-template-columns: 48px 1fr 20px !important;
  }
}

/* Final hero correction: separate visual, copy and reward columns. */
body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-hero {
  min-height: 174px !important;
  display: grid !important;
  grid-template-columns: 190px minmax(170px, 1fr) minmax(210px, 250px) !important;
  gap: 18px !important;
  align-items: center !important;
  padding: 18px 20px !important;
  background: radial-gradient(circle at 12% 35%, rgba(255,176,0,.12), transparent 210px), linear-gradient(145deg, rgba(4,22,36,.98), rgba(1,9,16,1)) !important;
}
body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-hero::after {
  display: none !important;
  content: none !important;
}
body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-bg-img {
  position: relative !important;
  inset: auto !important;
  grid-column: 1 !important;
  width: 190px !important;
  height: 122px !important;
  object-fit: cover !important;
  object-position: left center !important;
  z-index: 2 !important;
  border: 1px solid rgba(29,161,242,.55) !important;
  border-radius: 7px !important;
  box-shadow: 0 0 22px rgba(255,176,0,.22), 0 0 18px rgba(29,161,242,.18) !important;
}
body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-hero-copy {
  grid-column: 2 !important;
  align-self: center !important;
  min-width: 0 !important;
}
body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-range {
  grid-column: 3 !important;
  justify-self: stretch !important;
  min-width: 0 !important;
  min-height: 96px !important;
}
body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-hero-copy h1 {
  font-size: 32px !important;
  color: #ffbf15 !important;
  opacity: 1 !important;
}
body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-hero-copy p {
  max-width: 240px !important;
  color: #fff !important;
  opacity: 1 !important;
}
@media (max-width: 860px) {
  body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-hero {
    grid-template-columns: 1fr !important;
    padding: 18px !important;
  }
  body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-bg-img,
  body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-hero-copy,
  body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-range {
    grid-column: 1 !important;
  }
  body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-bg-img {
    width: min(260px, 100%) !important;
    margin: 0 auto !important;
  }
  body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-hero-copy {
    text-align: center !important;
  }
  body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-hero-copy p {
    max-width: none !important;
  }
  body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-range {
    width: min(320px, 100%) !important;
    justify-self: center !important;
  }
}

/* Unified user pages layer: bonusw visual system shared across /user/*. */
body.fpm-user-area {
  --fpm-user-bg: #020b14;
  --fpm-user-panel: linear-gradient(145deg, rgba(5, 24, 38, .97), rgba(1, 9, 17, .98));
  --fpm-user-panel-strong: linear-gradient(145deg, rgba(7, 34, 52, .98), rgba(1, 10, 18, 1));
  --fpm-user-border: rgba(42, 169, 239, .58);
  --fpm-user-border-soft: rgba(42, 169, 239, .32);
  --fpm-user-gold: #ffb400;
  --fpm-user-gold-soft: rgba(255, 180, 0, .24);
  --fpm-user-green: #69ff52;
  --fpm-user-red: #ff3d3d;
  --fpm-user-text: #ffffff;
  --fpm-user-muted: #b9d4eb;
  --fpm-user-shadow: 0 14px 38px rgba(0, 0, 0, .34), 0 0 26px rgba(42, 169, 239, .13);
  background:
    radial-gradient(circle at 18% 6%, rgba(255, 180, 0, .08), transparent 290px),
    radial-gradient(circle at 88% 14%, rgba(42, 169, 239, .09), transparent 310px),
    var(--fpm-user-bg) !important;
}

body.fpm-user-area main {
  position: relative !important;
  isolation: isolate !important;
}

body.fpm-user-area main:not(.fpm-bonusw-page)::before,
body.fpm-user-area main:not(.fpm-bonusw-page)::after {
  content: "" !important;
  position: fixed !important;
  z-index: -1 !important;
  pointer-events: none !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  opacity: .11 !important;
  filter: drop-shadow(0 0 22px rgba(255, 180, 0, .22)) !important;
}

body.fpm-user-area main:not(.fpm-bonusw-page)::before {
  width: 220px !important;
  height: 220px !important;
  left: max(14px, calc((100vw - 1240px) / 2)) !important;
  bottom: 24px !important;
  background-image: url('/img/faucetpaymy-ai/weekly-gift-ai.png') !important;
  background-position: left bottom !important;
}

body.fpm-user-area main:not(.fpm-bonusw-page)::after {
  width: 250px !important;
  height: 250px !important;
  right: max(10px, calc((100vw - 1240px) / 2)) !important;
  top: 122px !important;
  background-image: url('/img/faucetpaymy-ai/weekly-bee-ai.png') !important;
  background-position: right top !important;
  opacity: .08 !important;
}

body.fpm-user-area main:not(.fpm-bonusw-page),
body.fpm-user-area main.flex-1:not(.fpm-bonusw-page) {
  width: min(1240px, calc(100% - 28px)) !important;
  max-width: 1240px !important;
  color: var(--fpm-user-text) !important;
}

body.fpm-user-area main:not(.fpm-bonusw-page) > section,
body.fpm-user-area main:not(.fpm-bonusw-page) > article,
body.fpm-user-area main:not(.fpm-bonusw-page) .card,
body.fpm-user-area main:not(.fpm-bonusw-page) .card-body,
body.fpm-user-area main:not(.fpm-bonusw-page) .bonus-card,
body.fpm-user-area main:not(.fpm-bonusw-page) .bonus-card2,
body.fpm-user-area main:not(.fpm-bonusw-page) .bonus-card3,
body.fpm-user-area main:not(.fpm-bonusw-page) .rank-box,
body.fpm-user-area main:not(.fpm-bonusw-page) .search-section,
body.fpm-user-area main:not(.fpm-bonusw-page) .bg-zinc-800,
body.fpm-user-area main:not(.fpm-bonusw-page) .bg-zinc-700,
body.fpm-user-area main:not(.fpm-bonusw-page) .bg-gray-800,
body.fpm-user-area main:not(.fpm-bonusw-page) .bg-gray-900 {
  border: 1px solid var(--fpm-user-border) !important;
  border-radius: 8px !important;
  background: var(--fpm-user-panel) !important;
  box-shadow: var(--fpm-user-shadow) !important;
  color: var(--fpm-user-text) !important;
}

body.fpm-user-area main:not(.fpm-bonusw-page) h1,
body.fpm-user-area main:not(.fpm-bonusw-page) h2,
body.fpm-user-area main:not(.fpm-bonusw-page) h3,
body.fpm-user-area main:not(.fpm-bonusw-page) .card-header,
body.fpm-user-area main:not(.fpm-bonusw-page) .card-title {
  color: var(--fpm-user-gold) !important;
  text-shadow: 0 2px 0 rgba(0, 0, 0, .72), 0 0 16px rgba(255, 180, 0, .28) !important;
}

body.fpm-user-area main:not(.fpm-bonusw-page) p,
body.fpm-user-area main:not(.fpm-bonusw-page) li,
body.fpm-user-area main:not(.fpm-bonusw-page) small,
body.fpm-user-area main:not(.fpm-bonusw-page) label {
  color: var(--fpm-user-text) !important;
}

body.fpm-user-area main:not(.fpm-bonusw-page) .text-gray-300,
body.fpm-user-area main:not(.fpm-bonusw-page) .text-gray-400,
body.fpm-user-area main:not(.fpm-bonusw-page) .text-zinc-300,
body.fpm-user-area main:not(.fpm-bonusw-page) .text-zinc-400,
body.fpm-user-area main:not(.fpm-bonusw-page) .text-slate-300,
body.fpm-user-area main:not(.fpm-bonusw-page) .text-slate-400 {
  color: var(--fpm-user-muted) !important;
}

body.fpm-user-area main:not(.fpm-bonusw-page) input,
body.fpm-user-area main:not(.fpm-bonusw-page) select,
body.fpm-user-area main:not(.fpm-bonusw-page) textarea,
body.fpm-user-area main:not(.fpm-bonusw-page) .form-control {
  border: 1px solid var(--fpm-user-border) !important;
  border-radius: 8px !important;
  background: linear-gradient(180deg, rgba(3, 20, 32, .98), rgba(0, 8, 15, .98)) !important;
  box-shadow: inset 0 0 18px rgba(42, 169, 239, .16), 0 0 15px rgba(42, 169, 239, .12) !important;
  color: #fff !important;
}

body.fpm-user-area main:not(.fpm-bonusw-page) select option {
  color: var(--fpm-user-red) !important;
  background: #06121d !important;
  font-weight: 900 !important;
}

body.fpm-user-area main:not(.fpm-bonusw-page) table {
  min-width: 680px !important;
  border: 1px solid var(--fpm-user-border-soft) !important;
  border-radius: 8px !important;
  background: rgba(2, 10, 18, .58) !important;
  overflow: hidden !important;
}

body.fpm-user-area main:not(.fpm-bonusw-page) thead,
body.fpm-user-area main:not(.fpm-bonusw-page) th {
  background: linear-gradient(180deg, rgba(255, 180, 0, .18), rgba(255, 180, 0, .07)) !important;
  color: #ffd767 !important;
}

body.fpm-user-area main:not(.fpm-bonusw-page) td {
  color: #f5fbff !important;
}

body.fpm-user-area main:not(.fpm-bonusw-page) .table-responsive,
body.fpm-user-area main:not(.fpm-bonusw-page) .overflow-x-auto,
body.fpm-user-area main:not(.fpm-bonusw-page) .overflow-auto {
  border-radius: 8px !important;
  max-width: 100% !important;
  overflow-x: auto !important;
}

@keyframes fpmUserSoftPulse {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.06); }
}

body.fpm-user-area main:not(.fpm-bonusw-page) .animate-scaling-image img {
  animation: fpmUserSoftPulse 3s ease-in-out infinite !important;
}

body.fpm-user-area main:not(.fpm-bonusw-page) button,
body.fpm-user-area main:not(.fpm-bonusw-page) input[type="submit"],
body.fpm-user-area main:not(.fpm-bonusw-page) .btn,
body.fpm-user-area main:not(.fpm-bonusw-page) .css_knp,
body.fpm-user-area main:not(.fpm-bonusw-page) .quest-btn,
body.fpm-user-area main:not(.fpm-bonusw-page) .search-btn,
body.fpm-user-area main:not(.fpm-bonusw-page) a.bg-yellow-400,
body.fpm-user-area main:not(.fpm-bonusw-page) .bg-yellow-400,
body.fpm-user-area main:not(.fpm-bonusw-page) .bg-yellow-500,
body.fpm-user-area main:not(.fpm-bonusw-page) .bg-yellow-600 {
  border-radius: 8px !important;
  border: 1px solid rgba(255, 231, 116, .96) !important;
  background: linear-gradient(180deg, #ffe674, #ffab00 58%, #ff8500) !important;
  color: #0e0b03 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .45), 0 0 20px rgba(255, 145, 0, .38) !important;
}

body.fpm-user-area .fpm-bounty-page.fpm-bounty-v2 {
  width: min(1240px, calc(100% - 28px)) !important;
  padding: 14px 0 30px !important;
}

body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-shell {
  grid-template-columns: minmax(0, 1fr) 292px !important;
  gap: 10px !important;
}

body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-hero {
  grid-template-columns: 190px minmax(180px, 1fr) minmax(230px, 270px) !important;
  min-height: 176px !important;
  padding: 18px 20px !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 18% 34%, rgba(255, 180, 0, .14), transparent 210px),
    linear-gradient(145deg, rgba(5, 27, 43, .98), rgba(1, 9, 16, 1)) !important;
}

body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-bg-img {
  display: block !important;
  position: relative !important;
  grid-column: 1 !important;
  width: 190px !important;
  height: 124px !important;
  object-fit: cover !important;
  object-position: left center !important;
  opacity: 1 !important;
}

body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-hero-copy {
  grid-column: 2 !important;
  padding: 0 !important;
  text-align: left !important;
}

body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-hero-copy h1 {
  font-size: 30px !important;
  line-height: .94 !important;
  margin: 0 0 10px !important;
}

body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-hero-copy p {
  max-width: 245px !important;
  margin: 0 0 5px !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-range {
  grid-column: 3 !important;
  min-height: 100px !important;
  padding: 14px 18px 14px 70px !important;
  border-color: rgba(255, 180, 0, .86) !important;
  background:
    radial-gradient(circle at 17% 51%, rgba(255, 180, 0, .58), transparent 72px),
    var(--fpm-user-panel-strong) !important;
}

body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-form {
  width: min(880px, 100%) !important;
  grid-template-columns: minmax(220px, 1fr) minmax(280px, 1.22fr) !important;
  gap: 16px 28px !important;
}

body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-select-wrap::before {
  color: var(--fpm-user-red) !important;
  font-weight: 1000 !important;
  text-shadow: 0 0 11px rgba(255, 61, 61, .36) !important;
}

body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-form select option {
  color: var(--fpm-user-red) !important;
}

body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-rules article.allowed {
  background:
    linear-gradient(90deg, rgba(2, 28, 16, .99) 0 51%, rgba(2, 28, 16, .9) 67%, rgba(2, 28, 16, .28) 100%),
    url('/img/faucetpaymy-ai/bounty-guidelines-v4-ai.png') right center / cover no-repeat,
    linear-gradient(145deg, rgba(5, 30, 22, .94), rgba(1, 11, 18, .98)) !important;
}

body.fpm-user-area .fpm-bounty-v2 .fpm-guidelines-bg-img {
  object-position: right center !important;
  opacity: 1 !important;
}

@media (max-width: 1120px) {
  body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-shell,
  body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-bottom {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 860px) {
  body.fpm-user-area main:not(.fpm-bonusw-page) {
    width: min(100% - 18px, 1240px) !important;
  }
  body.fpm-user-area main:not(.fpm-bonusw-page)::before,
  body.fpm-user-area main:not(.fpm-bonusw-page)::after {
    opacity: .05 !important;
  }
  body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-hero,
  body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-form {
    grid-template-columns: 1fr !important;
  }
  body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-bg-img,
  body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-hero-copy,
  body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-range {
    grid-column: 1 !important;
  }
  body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-hero-copy {
    text-align: center !important;
  }
  body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-hero-copy p {
    max-width: none !important;
  }
}

/* Rewards visual QA fixes: hero uses the bounty artwork as the card background. */
body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-hero {
  grid-template-columns: minmax(185px, 1fr) minmax(170px, 220px) !important;
  min-height: 144px !important;
  gap: 14px !important;
  padding: 18px 18px 18px 155px !important;
  background:
    linear-gradient(90deg, rgba(1, 9, 16, .16) 0%, rgba(1, 9, 16, .48) 28%, rgba(1, 9, 16, .82) 54%, rgba(1, 9, 16, .7) 100%),
    url('/img/faucetpaymy-ai/bounty-rewards-hero-ai.png') center center / cover no-repeat !important;
}

body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-bg-img {
  display: none !important;
}

body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-hero-copy {
  grid-column: 1 !important;
  max-width: 225px !important;
  text-align: left !important;
}

body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-hero-copy h1 {
  margin: 0 0 8px !important;
  font-size: 24px !important;
  line-height: .96 !important;
  color: #ffc21a !important;
  text-shadow: 0 2px 0 #000, 0 0 14px rgba(255, 180, 0, .34) !important;
}

body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-hero-copy p {
  max-width: 210px !important;
  margin: 0 0 4px !important;
  font-size: 10.5px !important;
  line-height: 1.25 !important;
  font-weight: 900 !important;
}

body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-range {
  grid-column: 2 !important;
  min-height: 82px !important;
  padding: 12px 13px 12px 54px !important;
}

body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-range span {
  font-size: 9.5px !important;
  line-height: 1.05 !important;
}

body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-range strong {
  font-size: 22px !important;
  line-height: .96 !important;
}

body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-select-wrap {
  min-height: 44px !important;
  border: 1px solid var(--fpm-user-border) !important;
  border-radius: 8px !important;
  background: linear-gradient(180deg, rgba(3, 20, 32, .98), rgba(0, 8, 15, .98)) !important;
  box-shadow: inset 0 0 18px rgba(42, 169, 239, .16), 0 0 15px rgba(42, 169, 239, .12) !important;
}

body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-select-wrap select {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  opacity: 0 !important;
  cursor: pointer !important;
}

body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-select-wrap::before {
  left: 16px !important;
  font-size: 13px !important;
  color: var(--fpm-user-red) !important;
}

body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-form label:nth-child(2)::after {
  display: none !important;
  content: none !important;
}

body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-form label:nth-child(2) input {
  padding-left: 18px !important;
  background: linear-gradient(180deg, rgba(3, 20, 32, .98), rgba(0, 8, 15, .98)) !important;
}

@media (max-width: 860px) {
  body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-hero {
    grid-template-columns: 1fr !important;
    padding: 118px 16px 16px !important;
    background:
      linear-gradient(180deg, rgba(1, 9, 16, .22) 0%, rgba(1, 9, 16, .88) 54%, rgba(1, 9, 16, .94) 100%),
      url('/img/faucetpaymy-ai/bounty-rewards-hero-ai.png') left top / cover no-repeat !important;
  }
  body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-hero-copy,
  body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-range {
    grid-column: 1 !important;
    justify-self: center !important;
  }
  body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-hero-copy {
    max-width: 320px !important;
    text-align: center !important;
  }
}

/* Hard override: make the real bounty artwork the visible hero card background. */
body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-hero {
  position: relative !important;
  grid-template-columns: minmax(210px, 1fr) minmax(180px, 220px) !important;
  min-height: 132px !important;
  padding: 18px 18px 18px 170px !important;
  overflow: hidden !important;
  background: #020b14 !important;
}

body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-hero::before,
body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-hero::after {
  display: none !important;
  content: none !important;
  background: none !important;
}

body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-bg-img {
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  border: 0 !important;
  border-radius: 0 !important;
  object-fit: cover !important;
  object-position: left center !important;
  opacity: 1 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  box-shadow: none !important;
}

body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-hero-art {
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;
  background: linear-gradient(90deg, rgba(2, 11, 20, .18) 0%, rgba(2, 11, 20, .5) 24%, rgba(2, 11, 20, .88) 48%, rgba(2, 11, 20, .9) 100%) !important;
}

body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-hero-copy,
body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-range {
  position: relative !important;
  z-index: 2 !important;
}

body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-hero-copy {
  grid-column: 1 !important;
  max-width: 238px !important;
}

body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-hero-copy h1 {
  font-size: 25px !important;
  line-height: .94 !important;
  margin-bottom: 7px !important;
}

body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-hero-copy p {
  max-width: 220px !important;
  font-size: 10.5px !important;
  line-height: 1.2 !important;
}

body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-range {
  grid-column: 2 !important;
  min-height: 78px !important;
  align-self: center !important;
}

@media (max-width: 860px) {
  body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-hero {
    grid-template-columns: 1fr !important;
    padding: 104px 16px 16px !important;
  }
  body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-hero-art {
    background: linear-gradient(180deg, rgba(2, 11, 20, .16) 0%, rgba(2, 11, 20, .86) 52%, rgba(2, 11, 20, .94) 100%) !important;
  }
  body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-hero-copy,
  body.fpm-user-area .fpm-bounty-v2 .fpm-bounty-range {
    grid-column: 1 !important;
  }
}

/* Fresh Rewards page, rebuilt from scratch with isolated selectors. */
body.fpm-user-area .fpm-rewards-fresh {
  --rw-bg: #020b14;
  --rw-panel: rgba(2, 13, 23, .94);
  --rw-panel-2: rgba(3, 20, 34, .92);
  --rw-blue: #129df1;
  --rw-blue-soft: rgba(18, 157, 241, .5);
  --rw-gold: #ffb400;
  --rw-gold-2: #ffd76b;
  --rw-green: #56ff35;
  --rw-red: #ff4444;
  --rw-text: #ffffff;
  --rw-muted: #b7d3ea;
  width: min(1240px, calc(100% - 28px)) !important;
  max-width: 1240px !important;
  margin: 0 auto !important;
  padding: 12px 0 30px !important;
  color: var(--rw-text) !important;
  font-family: Arial, Helvetica, sans-serif !important;
  letter-spacing: 0 !important;
}

body.fpm-user-area .fpm-rewards-fresh,
body.fpm-user-area .fpm-rewards-fresh * {
  box-sizing: border-box !important;
  font-family: Arial, Helvetica, sans-serif !important;
  letter-spacing: 0 !important;
}

body.fpm-user-area .fpm-rewards-fresh-shell {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 292px !important;
  gap: 10px !important;
  align-items: start !important;
  padding: 0 !important;
  border: 1px solid rgba(18, 157, 241, .7) !important;
  border-radius: 8px !important;
  background: linear-gradient(145deg, rgba(3, 18, 31, .96), rgba(1, 9, 17, .98)) !important;
  box-shadow: 0 0 0 1px rgba(255, 180, 0, .08), 0 22px 45px rgba(0, 0, 0, .38) !important;
}

body.fpm-user-area .fpm-rewards-fresh-main {
  display: grid !important;
  gap: 10px !important;
  min-width: 0 !important;
  padding: 10px !important;
}

body.fpm-user-area .fpm-rewards-fresh-hero {
  position: relative !important;
  min-height: 154px !important;
  display: grid !important;
  grid-template-columns: minmax(260px, 1fr) minmax(260px, 318px) !important;
  align-items: center !important;
  gap: 18px !important;
  overflow: hidden !important;
  padding: 22px 22px 22px 220px !important;
  border: 1px solid rgba(18, 157, 241, .85) !important;
  border-radius: 8px !important;
  background: var(--rw-bg) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06), 0 0 24px rgba(18, 157, 241, .14) !important;
}

body.fpm-user-area .fpm-rewards-fresh-hero > img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: left center !important;
  z-index: 0 !important;
  opacity: 1 !important;
}

body.fpm-user-area .fpm-rewards-fresh-hero::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;
  background: linear-gradient(90deg, rgba(2, 11, 20, .1) 0%, rgba(2, 11, 20, .3) 27%, rgba(2, 11, 20, .82) 48%, rgba(2, 11, 20, .9) 100%) !important;
}

body.fpm-user-area .fpm-rewards-fresh-hero-copy,
body.fpm-user-area .fpm-rewards-fresh-range {
  position: relative !important;
  z-index: 2 !important;
}

body.fpm-user-area .fpm-rewards-fresh-hero-copy h1 {
  margin: 0 0 10px !important;
  color: #f7f7f7 !important;
  font-size: 34px !important;
  line-height: .98 !important;
  font-weight: 1000 !important;
  text-transform: uppercase !important;
  text-shadow: 0 2px 0 #000, 0 0 18px rgba(255, 180, 0, .34) !important;
}

body.fpm-user-area .fpm-rewards-fresh-hero-copy h1 span {
  color: var(--rw-gold) !important;
}

body.fpm-user-area .fpm-rewards-fresh-hero-copy p {
  width: min(100%, 355px) !important;
  margin: 0 0 6px !important;
  color: #fff !important;
  font-size: 13px !important;
  line-height: 1.34 !important;
  font-weight: 800 !important;
  text-shadow: 0 2px 12px rgba(0, 0, 0, .9) !important;
}

body.fpm-user-area .fpm-rewards-fresh-range {
  min-height: 108px !important;
  display: grid !important;
  grid-template-columns: 58px 1fr !important;
  grid-template-rows: auto auto !important;
  align-content: center !important;
  column-gap: 12px !important;
  padding: 16px 18px !important;
  border: 1px solid rgba(255, 180, 0, .9) !important;
  border-radius: 8px !important;
  background: radial-gradient(circle at 18% 50%, rgba(255, 180, 0, .4), transparent 76px), linear-gradient(145deg, rgba(4, 21, 34, .95), rgba(1, 9, 16, .96)) !important;
  box-shadow: inset 0 0 30px rgba(255, 180, 0, .18), 0 0 28px rgba(255, 166, 0, .24) !important;
}

body.fpm-user-area .fpm-rewards-fresh-range i {
  grid-row: 1 / 3 !important;
  width: 50px !important;
  height: 50px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  align-self: center !important;
  color: #171000 !important;
  border-radius: 50% !important;
  background: linear-gradient(180deg, #ffd85a, #ff9900) !important;
  font-size: 30px !important;
  box-shadow: 0 0 20px rgba(255, 180, 0, .46) !important;
}

body.fpm-user-area .fpm-rewards-fresh-range .fpm-rw-coin {
  grid-row: 1 / 3 !important;
  width: 50px !important;
  height: 50px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  align-self: center !important;
  color: #171000 !important;
  border-radius: 50% !important;
  background: linear-gradient(180deg, #ffd85a, #ff9900) !important;
  font-size: 29px !important;
  line-height: 1 !important;
  font-weight: 1000 !important;
  box-shadow: 0 0 20px rgba(255, 180, 0, .46) !important;
}

body.fpm-user-area .fpm-rewards-fresh-range span {
  align-self: end !important;
  color: #fff !important;
  font-size: 13px !important;
  line-height: 1.1 !important;
  font-weight: 1000 !important;
  text-transform: uppercase !important;
}

body.fpm-user-area .fpm-rewards-fresh-range strong {
  color: var(--rw-green) !important;
  font-size: 31px !important;
  line-height: 1 !important;
  font-weight: 1000 !important;
  text-shadow: 0 0 16px rgba(86, 255, 53, .5) !important;
}

body.fpm-user-area .fpm-rewards-fresh-submit {
  padding: 24px 34px 18px !important;
  border: 1px solid rgba(18, 157, 241, .78) !important;
  border-radius: 8px !important;
  background: radial-gradient(circle at 50% 0%, rgba(18, 157, 241, .24), transparent 280px), linear-gradient(145deg, rgba(4, 27, 45, .96), rgba(1, 10, 18, .98)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06), 0 0 26px rgba(18, 157, 241, .12) !important;
}

body.fpm-user-area .fpm-rewards-fresh-form {
  width: min(850px, 100%) !important;
  margin: 0 auto !important;
  display: grid !important;
  grid-template-columns: minmax(220px, 280px) minmax(280px, 1fr) !important;
  gap: 16px 28px !important;
  align-items: end !important;
}

body.fpm-user-area .fpm-rewards-fresh-form label {
  display: grid !important;
  gap: 9px !important;
  min-width: 0 !important;
}

body.fpm-user-area .fpm-rewards-fresh-form label > span:first-child {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 22px !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 1000 !important;
  line-height: 1.1 !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

body.fpm-user-area .fpm-rewards-fresh-form label > span:first-child i {
  color: #ff2424 !important;
  font-size: 18px !important;
}

body.fpm-user-area .fpm-rewards-fresh .fpm-rw-mark {
  position: relative !important;
  width: 18px !important;
  height: 14px !important;
  display: inline-flex !important;
  flex: 0 0 18px !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 4px !important;
  background: #ff2424 !important;
  box-shadow: 0 0 10px rgba(255, 36, 36, .26) !important;
}

body.fpm-user-area .fpm-rewards-fresh .fpm-rw-mark.video::after {
  content: "" !important;
  width: 0 !important;
  height: 0 !important;
  border-top: 4px solid transparent !important;
  border-bottom: 4px solid transparent !important;
  border-left: 7px solid #fff !important;
  margin-left: 2px !important;
}

body.fpm-user-area .fpm-rewards-fresh .fpm-rw-mark.link {
  width: 17px !important;
  height: 17px !important;
  border: 2px solid #ff2424 !important;
  border-left-color: transparent !important;
  background: transparent !important;
  border-radius: 50% !important;
  transform: rotate(-28deg) !important;
}

body.fpm-user-area .fpm-rewards-fresh .fpm-rw-mark.link::after {
  content: "" !important;
  width: 8px !important;
  height: 2px !important;
  background: #ff2424 !important;
  transform: rotate(28deg) !important;
}

body.fpm-user-area .fpm-rewards-fresh-select {
  position: relative !important;
  display: block !important;
}

body.fpm-user-area .fpm-rewards-fresh-select::after {
  content: "\EA4E" !important;
  position: absolute !important;
  right: 14px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  color: #fff !important;
  font-family: remixicon !important;
  font-size: 18px !important;
  pointer-events: none !important;
}

body.fpm-user-area .fpm-rewards-fresh-form select,
body.fpm-user-area .fpm-rewards-fresh-form input {
  width: 100% !important;
  height: 48px !important;
  min-height: 48px !important;
  border: 1px solid rgba(18, 157, 241, .9) !important;
  border-radius: 8px !important;
  background: linear-gradient(180deg, rgba(3, 23, 37, .98), rgba(0, 9, 16, .98)) !important;
  color: #fff !important;
  box-shadow: inset 0 0 18px rgba(18, 157, 241, .22), 0 0 17px rgba(18, 157, 241, .15) !important;
  font-size: 14px !important;
  font-weight: 850 !important;
  outline: 0 !important;
}

body.fpm-user-area .fpm-rewards-fresh-form select {
  appearance: none !important;
  -webkit-appearance: none !important;
  padding: 0 42px 0 17px !important;
  color: #ff3434 !important;
  text-transform: uppercase !important;
  text-shadow: 0 0 10px rgba(255, 52, 52, .32) !important;
}

body.fpm-user-area .fpm-rewards-fresh-form select option {
  color: #ff3434 !important;
  background: #06121d !important;
  font-weight: 1000 !important;
}

body.fpm-user-area .fpm-rewards-fresh-form input {
  padding: 0 18px !important;
  color: #d9ecff !important;
}

body.fpm-user-area .fpm-rewards-fresh-form input::placeholder {
  color: #7796b3 !important;
  opacity: 1 !important;
}

body.fpm-user-area .fpm-rewards-fresh-form button {
  grid-column: 1 / -1 !important;
  justify-self: center !important;
  width: min(360px, 100%) !important;
  height: 54px !important;
  min-height: 54px !important;
  margin-top: 6px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  border: 1px solid rgba(255, 231, 116, .98) !important;
  border-radius: 8px !important;
  background: linear-gradient(180deg, #ffe878 0%, #ffb000 55%, #f08300 100%) !important;
  color: #171000 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .5), 0 0 26px rgba(255, 148, 0, .55) !important;
  font-size: 14px !important;
  font-weight: 1000 !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
}

body.fpm-user-area .fpm-rewards-fresh-form button i {
  font-size: 22px !important;
}

body.fpm-user-area .fpm-rewards-fresh .fpm-rw-plane {
  width: 0 !important;
  height: 0 !important;
  display: inline-block !important;
  border-top: 7px solid transparent !important;
  border-bottom: 7px solid transparent !important;
  border-left: 16px solid #151000 !important;
  transform: rotate(-24deg) !important;
}

body.fpm-user-area .fpm-rewards-fresh-note {
  width: min(850px, 100%) !important;
  margin: 13px auto 0 !important;
  color: #d5e7f4 !important;
  text-align: center !important;
  font-size: 12px !important;
  font-weight: 750 !important;
}

body.fpm-user-area .fpm-rewards-fresh .fpm-rw-shield {
  width: 10px !important;
  height: 12px !important;
  display: inline-block !important;
  margin-right: 5px !important;
  border: 2px solid #cce9ff !important;
  border-top-left-radius: 5px !important;
  border-top-right-radius: 5px !important;
  clip-path: polygon(50% 100%, 0 62%, 0 0, 100% 0, 100% 62%) !important;
  vertical-align: -2px !important;
}

body.fpm-user-area .fpm-rewards-fresh-bottom {
  display: grid !important;
  grid-template-columns: 360px minmax(0, 1fr) !important;
  gap: 10px !important;
}

body.fpm-user-area .fpm-rewards-fresh-rules {
  display: grid !important;
  gap: 10px !important;
}

body.fpm-user-area .fpm-rewards-fresh-rules article,
body.fpm-user-area .fpm-rewards-fresh-submissions,
body.fpm-user-area .fpm-rewards-fresh-side article {
  position: relative !important;
  overflow: hidden !important;
  border-radius: 8px !important;
  background: var(--rw-panel) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06), 0 15px 32px rgba(0, 0, 0, .28) !important;
}

body.fpm-user-area .fpm-rewards-fresh-rules article {
  min-height: 172px !important;
  padding: 18px 20px !important;
}

body.fpm-user-area .fpm-rewards-fresh-rules article > img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: right center !important;
  z-index: 0 !important;
  opacity: 1 !important;
}

body.fpm-user-area .fpm-rewards-fresh-rules article::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

body.fpm-user-area .fpm-rewards-fresh-rules .is-allowed {
  border: 1px solid rgba(75, 230, 75, .72) !important;
}

body.fpm-user-area .fpm-rewards-fresh-rules .is-allowed::after {
  background: linear-gradient(90deg, rgba(0, 29, 15, .98) 0%, rgba(0, 29, 15, .94) 54%, rgba(0, 29, 15, .26) 100%) !important;
}

body.fpm-user-area .fpm-rewards-fresh-rules .is-blocked {
  border: 1px solid rgba(255, 66, 66, .72) !important;
}

body.fpm-user-area .fpm-rewards-fresh-rules .is-blocked::after {
  background: linear-gradient(90deg, rgba(34, 5, 10, .98) 0%, rgba(34, 5, 10, .92) 63%, rgba(34, 5, 10, .34) 100%) !important;
}

body.fpm-user-area .fpm-rewards-fresh-rules h2,
body.fpm-user-area .fpm-rewards-fresh-rules ul {
  position: relative !important;
  z-index: 2 !important;
}

body.fpm-user-area .fpm-rewards-fresh-rules h2,
body.fpm-user-area .fpm-rewards-fresh-card-head h2,
body.fpm-user-area .fpm-rewards-fresh-side h3 {
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  color: var(--rw-gold) !important;
  font-size: 15px !important;
  line-height: 1.15 !important;
  font-weight: 1000 !important;
  text-transform: uppercase !important;
}

body.fpm-user-area .fpm-rewards-fresh-rules h2 i {
  font-size: 22px !important;
}

body.fpm-user-area .fpm-rewards-fresh .fpm-rw-title-icon,
body.fpm-user-area .fpm-rewards-fresh .fpm-rw-side-icon {
  width: 20px !important;
  height: 20px !important;
  display: inline-flex !important;
  flex: 0 0 20px !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
  color: #07110b !important;
  font-size: 13px !important;
  font-weight: 1000 !important;
  line-height: 1 !important;
}

body.fpm-user-area .fpm-rewards-fresh .fpm-rw-title-icon.ok {
  background: #58ff49 !important;
}

body.fpm-user-area .fpm-rewards-fresh .fpm-rw-title-icon.ok::before {
  content: "\2713" !important;
}

body.fpm-user-area .fpm-rewards-fresh .fpm-rw-title-icon.danger {
  background: #ff5656 !important;
  color: #fff !important;
}

body.fpm-user-area .fpm-rewards-fresh .fpm-rw-title-icon.danger::before {
  content: "!" !important;
}

body.fpm-user-area .fpm-rewards-fresh .fpm-rw-title-icon.history {
  border: 2px solid var(--rw-gold) !important;
  background: transparent !important;
  color: var(--rw-gold) !important;
}

body.fpm-user-area .fpm-rewards-fresh .fpm-rw-title-icon.history::before {
  content: "" !important;
  width: 8px !important;
  height: 8px !important;
  border-left: 2px solid currentColor !important;
  border-bottom: 2px solid currentColor !important;
  transform: rotate(45deg) !important;
}

body.fpm-user-area .fpm-rewards-fresh-rules .is-allowed h2 i {
  color: #5bff4d !important;
}

body.fpm-user-area .fpm-rewards-fresh-rules .is-blocked h2 i {
  color: #ff5656 !important;
}

body.fpm-user-area .fpm-rewards-fresh-rules ul,
body.fpm-user-area .fpm-rewards-fresh-side ul,
body.fpm-user-area .fpm-rewards-fresh-side ol {
  list-style: none !important;
  margin: 13px 0 0 !important;
  padding: 0 !important;
  display: grid !important;
  gap: 8px !important;
}

body.fpm-user-area .fpm-rewards-fresh-rules li,
body.fpm-user-area .fpm-rewards-fresh-side li {
  position: relative !important;
  color: #fff !important;
  font-size: 12px !important;
  line-height: 1.24 !important;
  font-weight: 800 !important;
}

body.fpm-user-area .fpm-rewards-fresh-rules li {
  padding-left: 22px !important;
}

body.fpm-user-area .fpm-rewards-fresh-rules li::before,
body.fpm-user-area .fpm-rewards-fresh-tips li::before {
  content: "\EB7B" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  color: #5bff4d !important;
  font-family: remixicon !important;
  font-size: 15px !important;
}

body.fpm-user-area .fpm-rewards-fresh-rules .is-blocked li::before {
  content: "\EB99" !important;
  color: #ff5656 !important;
}

body.fpm-user-area .fpm-rewards-fresh-submissions {
  min-height: 350px !important;
  padding: 18px !important;
  border: 1px solid rgba(18, 157, 241, .8) !important;
}

body.fpm-user-area .fpm-rewards-fresh-card-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin-bottom: 18px !important;
}

body.fpm-user-area .fpm-rewards-fresh-card-head a,
body.fpm-user-area .fpm-rewards-fresh-earners > a {
  min-height: 28px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 7px 15px !important;
  border: 1px solid rgba(18, 157, 241, .75) !important;
  border-radius: 6px !important;
  color: #4fc4ff !important;
  background: rgba(2, 16, 28, .7) !important;
  font-size: 11px !important;
  font-weight: 1000 !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
}

body.fpm-user-area .fpm-rewards-fresh-list {
  display: grid !important;
  gap: 12px !important;
}

body.fpm-user-area .fpm-rewards-fresh-submission {
  min-height: 82px !important;
  display: grid !important;
  grid-template-columns: 54px minmax(0, 1fr) 150px 22px !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 13px 14px !important;
  border: 1px solid rgba(255, 255, 255, .08) !important;
  border-radius: 8px !important;
  background: linear-gradient(145deg, rgba(8, 25, 39, .9), rgba(3, 13, 22, .96)) !important;
  color: #fff !important;
  text-decoration: none !important;
}

body.fpm-user-area .fpm-rewards-fresh-submission .platform {
  width: 48px !important;
  height: 48px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 8px !important;
  color: #fff !important;
  background: #f51b1b !important;
  font-size: 27px !important;
}

body.fpm-user-area .fpm-rewards-fresh-submission .submission-copy {
  display: grid !important;
  gap: 5px !important;
  min-width: 0 !important;
}

body.fpm-user-area .fpm-rewards-fresh-submission strong,
body.fpm-user-area .fpm-rewards-fresh-submission em {
  color: #fff !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
  font-style: normal !important;
  font-weight: 900 !important;
}

body.fpm-user-area .fpm-rewards-fresh-submission b {
  color: #42baff !important;
}

body.fpm-user-area .fpm-rewards-fresh-submission b.rejected {
  color: var(--rw-red) !important;
}

body.fpm-user-area .fpm-rewards-fresh-submission b.approved {
  color: var(--rw-green) !important;
}

body.fpm-user-area .fpm-rewards-fresh-submission b.pending {
  color: var(--rw-gold) !important;
}

body.fpm-user-area .fpm-rewards-fresh-submission .submitted {
  display: grid !important;
  gap: 5px !important;
  padding-left: 14px !important;
  border-left: 1px solid rgba(255, 255, 255, .08) !important;
}

body.fpm-user-area .fpm-rewards-fresh-submission small {
  color: var(--rw-muted) !important;
  font-size: 11px !important;
}

body.fpm-user-area .fpm-rewards-fresh-submission time {
  color: #dce9f5 !important;
  font-size: 11px !important;
  line-height: 1.25 !important;
}

body.fpm-user-area .fpm-rewards-fresh-empty {
  min-height: 250px !important;
  display: grid !important;
  place-items: center !important;
  align-content: center !important;
  gap: 10px !important;
  text-align: center !important;
}

body.fpm-user-area .fpm-rewards-fresh-empty i {
  color: var(--rw-gold) !important;
  font-size: 45px !important;
}

body.fpm-user-area .fpm-rewards-fresh-empty .fpm-rw-empty-icon {
  position: relative !important;
  width: 42px !important;
  height: 34px !important;
  display: inline-block !important;
  border: 3px solid var(--rw-gold) !important;
  border-radius: 5px !important;
}

body.fpm-user-area .fpm-rewards-fresh-empty .fpm-rw-empty-icon::before {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 8px !important;
  width: 10px !important;
  height: 10px !important;
  border-right: 3px solid var(--rw-gold) !important;
  border-bottom: 3px solid var(--rw-gold) !important;
  transform: translateX(-50%) rotate(45deg) !important;
}

body.fpm-user-area .fpm-rewards-fresh-empty .fpm-rw-empty-icon::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 6px !important;
  width: 3px !important;
  height: 15px !important;
  background: var(--rw-gold) !important;
  transform: translateX(-50%) !important;
}

body.fpm-user-area .fpm-rewards-fresh-empty strong {
  color: #fff !important;
  font-size: 16px !important;
  font-weight: 1000 !important;
}

body.fpm-user-area .fpm-rewards-fresh-empty span {
  color: var(--rw-muted) !important;
  font-size: 12px !important;
}

body.fpm-user-area .fpm-rewards-fresh-side {
  display: grid !important;
  gap: 10px !important;
  padding: 10px 10px 10px 0 !important;
}

body.fpm-user-area .fpm-rewards-fresh-side article {
  padding: 18px !important;
  border: 1px solid rgba(255, 180, 0, .55) !important;
}

body.fpm-user-area .fpm-rewards-fresh .fpm-rw-side-icon {
  background: var(--rw-gold) !important;
  color: #171000 !important;
}

body.fpm-user-area .fpm-rewards-fresh .fpm-rw-side-icon.question::before {
  content: "?" !important;
}

body.fpm-user-area .fpm-rewards-fresh .fpm-rw-side-icon.tips::before {
  content: "i" !important;
  font-style: normal !important;
}

body.fpm-user-area .fpm-rewards-fresh .fpm-rw-side-icon.cup {
  border-radius: 5px 5px 9px 9px !important;
}

body.fpm-user-area .fpm-rewards-fresh .fpm-rw-side-icon.cup::before {
  content: "" !important;
  width: 10px !important;
  height: 8px !important;
  border: 3px solid #171000 !important;
  border-top: 0 !important;
  border-radius: 0 0 5px 5px !important;
}

body.fpm-user-area .fpm-rewards-fresh-how li {
  display: grid !important;
  grid-template-columns: 25px 1fr !important;
  gap: 9px !important;
  align-items: start !important;
}

body.fpm-user-area .fpm-rewards-fresh-how li span {
  width: 22px !important;
  height: 22px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
  color: #101000 !important;
  background: linear-gradient(180deg, #ffd75f, #ff9c00) !important;
  font-size: 12px !important;
  font-weight: 1000 !important;
}

body.fpm-user-area .fpm-rewards-fresh-tips li {
  padding-left: 23px !important;
}

body.fpm-user-area .fpm-rewards-fresh-earner {
  display: grid !important;
  grid-template-columns: 24px minmax(0, 1fr) auto 16px !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 31px !important;
  color: #fff !important;
}

body.fpm-user-area .fpm-rewards-fresh-earner span {
  width: 22px !important;
  height: 22px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
  color: #0c1218 !important;
  background: #e7eef5 !important;
  font-size: 12px !important;
  font-weight: 1000 !important;
}

body.fpm-user-area .fpm-rewards-fresh-earner:nth-of-type(1) span {
  background: #ffd75f !important;
}

body.fpm-user-area .fpm-rewards-fresh-earner:nth-of-type(2) span {
  background: #dce7ef !important;
}

body.fpm-user-area .fpm-rewards-fresh-earner:nth-of-type(3) span {
  background: #e6863b !important;
}

body.fpm-user-area .fpm-rewards-fresh-earner strong {
  min-width: 0 !important;
  overflow: hidden !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 1000 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.fpm-user-area .fpm-rewards-fresh-earner b,
body.fpm-user-area .fpm-rewards-fresh-earner i {
  color: var(--rw-gold) !important;
  font-size: 12px !important;
  font-weight: 1000 !important;
}

body.fpm-user-area .fpm-rewards-fresh .fpm-rw-medal {
  width: 10px !important;
  height: 10px !important;
  display: inline-block !important;
  border-radius: 50% !important;
  background: var(--rw-gold) !important;
  box-shadow: 0 0 8px rgba(255, 180, 0, .35) !important;
}

body.fpm-user-area .fpm-rewards-fresh-earners > a {
  width: 100% !important;
  min-height: 42px !important;
  margin-top: 14px !important;
  border-color: rgba(255, 180, 0, .58) !important;
  color: #fff !important;
}

body.fpm-user-area .fpm-rewards-alert {
  margin: 0 0 10px !important;
  padding: 12px 14px !important;
  border-radius: 8px !important;
  color: #fff !important;
  font-weight: 900 !important;
}

body.fpm-user-area .fpm-rewards-alert.success {
  border: 1px solid rgba(86, 255, 53, .55) !important;
  background: rgba(15, 82, 29, .78) !important;
}

body.fpm-user-area .fpm-rewards-alert.danger {
  border: 1px solid rgba(255, 68, 68, .55) !important;
  background: rgba(96, 18, 24, .8) !important;
}

@media (max-width: 1120px) {
  body.fpm-user-area .fpm-rewards-fresh-shell,
  body.fpm-user-area .fpm-rewards-fresh-bottom {
    grid-template-columns: 1fr !important;
  }
  body.fpm-user-area .fpm-rewards-fresh-side {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    padding: 0 10px 10px !important;
  }
}

@media (max-width: 860px) {
  body.fpm-user-area .fpm-rewards-fresh {
    width: min(100% - 16px, 1240px) !important;
  }
  body.fpm-user-area .fpm-rewards-fresh-hero {
    grid-template-columns: 1fr !important;
    padding: 150px 18px 18px !important;
  }
  body.fpm-user-area .fpm-rewards-fresh-hero::after {
    background: linear-gradient(180deg, rgba(2, 11, 20, .12) 0%, rgba(2, 11, 20, .86) 48%, rgba(2, 11, 20, .94) 100%) !important;
  }
  body.fpm-user-area .fpm-rewards-fresh-hero-copy {
    text-align: center !important;
  }
  body.fpm-user-area .fpm-rewards-fresh-hero-copy p {
    width: 100% !important;
  }
  body.fpm-user-area .fpm-rewards-fresh-range {
    width: min(330px, 100%) !important;
    justify-self: center !important;
  }
  body.fpm-user-area .fpm-rewards-fresh-form,
  body.fpm-user-area .fpm-rewards-fresh-side {
    grid-template-columns: 1fr !important;
  }
  body.fpm-user-area .fpm-rewards-fresh-bottom {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 640px) {
  body.fpm-user-area .fpm-rewards-fresh-main {
    padding: 8px !important;
  }
  body.fpm-user-area .fpm-rewards-fresh-hero-copy h1 {
    font-size: 29px !important;
  }
  body.fpm-user-area .fpm-rewards-fresh-submit {
    padding: 18px 14px !important;
  }
  body.fpm-user-area .fpm-rewards-fresh-submission {
    grid-template-columns: 48px 1fr 20px !important;
  }
  body.fpm-user-area .fpm-rewards-fresh-submission .submitted {
    display: none !important;
  }
}

/* Fresh Dashboard page: isolated rebuild for /user/dashboard. */
body.fpm-user-area .fpm-dashboard-fresh {
  --db-bg: #020b14;
  --db-panel: rgba(3, 17, 29, .94);
  --db-panel-2: rgba(4, 25, 41, .9);
  --db-blue: #129df1;
  --db-gold: #ffb400;
  --db-green: #5dff42;
  --db-red: #ff4b4b;
  --db-text: #fff;
  --db-muted: #b8d3e9;
  width: min(1240px, calc(100% - 28px)) !important;
  max-width: 1240px !important;
  margin: 0 auto !important;
  padding: 12px 0 32px !important;
  display: grid !important;
  gap: 12px !important;
  color: var(--db-text) !important;
  font-family: Arial, Helvetica, sans-serif !important;
  letter-spacing: 0 !important;
}

body.fpm-user-area .fpm-dashboard-fresh,
body.fpm-user-area .fpm-dashboard-fresh * {
  box-sizing: border-box !important;
  font-family: Arial, Helvetica, sans-serif !important;
  letter-spacing: 0 !important;
}

body.fpm-user-area .fpm-dashboard-hero {
  position: relative !important;
  min-height: 188px !important;
  display: grid !important;
  grid-template-columns: minmax(280px, 1fr) 280px !important;
  align-items: center !important;
  gap: 20px !important;
  overflow: hidden !important;
  padding: 24px 26px 24px 350px !important;
  border: 1px solid rgba(18, 157, 241, .76) !important;
  border-radius: 8px !important;
  background: #020b14 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06), 0 0 0 1px rgba(255, 180, 0, .08), 0 20px 42px rgba(0, 0, 0, .38) !important;
}

body.fpm-user-area .fpm-dashboard-hero > img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: left center !important;
  z-index: 0 !important;
}

body.fpm-user-area .fpm-dashboard-hero::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;
  background: linear-gradient(90deg, rgba(2, 11, 20, .08) 0%, rgba(2, 11, 20, .32) 28%, rgba(2, 11, 20, .84) 52%, rgba(2, 11, 20, .9) 100%) !important;
}

body.fpm-user-area .fpm-dashboard-hero-copy,
body.fpm-user-area .fpm-dashboard-wallet {
  position: relative !important;
  z-index: 2 !important;
}

body.fpm-user-area .fpm-dashboard-hero-copy h1 {
  margin: 0 0 10px !important;
  color: var(--db-gold) !important;
  font-size: 36px !important;
  line-height: 1 !important;
  font-weight: 1000 !important;
  text-transform: uppercase !important;
  text-shadow: 0 2px 0 #000, 0 0 18px rgba(255, 180, 0, .36) !important;
}

body.fpm-user-area .fpm-dashboard-hero-copy p {
  width: min(100%, 430px) !important;
  margin: 0 !important;
  color: #fff !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  font-weight: 850 !important;
  text-shadow: 0 2px 12px rgba(0, 0, 0, .88) !important;
}

body.fpm-user-area .fpm-dashboard-wallet {
  min-height: 104px !important;
  display: grid !important;
  align-content: center !important;
  gap: 6px !important;
  padding: 17px 18px !important;
  border: 1px solid rgba(255, 180, 0, .82) !important;
  border-radius: 8px !important;
  background: radial-gradient(circle at 18% 50%, rgba(255, 180, 0, .28), transparent 84px), linear-gradient(145deg, rgba(5, 25, 40, .96), rgba(1, 9, 16, .95)) !important;
  box-shadow: inset 0 0 28px rgba(255, 180, 0, .14), 0 0 25px rgba(255, 168, 0, .2) !important;
}

body.fpm-user-area .fpm-dashboard-wallet span,
body.fpm-user-area .fpm-dashboard-wallet small,
body.fpm-user-area .fpm-dashboard-stats small {
  color: var(--db-muted) !important;
  font-size: 11px !important;
  line-height: 1.1 !important;
  font-weight: 1000 !important;
  text-transform: uppercase !important;
}

body.fpm-user-area .fpm-dashboard-wallet strong {
  min-width: 0 !important;
  overflow: hidden !important;
  color: #fff !important;
  font-size: 21px !important;
  font-weight: 1000 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.fpm-user-area .fpm-dashboard-stats {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

body.fpm-user-area .fpm-dashboard-stats article,
body.fpm-user-area .fpm-dashboard-collector,
body.fpm-user-area .fpm-dashboard-speed,
body.fpm-user-area .fpm-dashboard-profile,
body.fpm-user-area .fpm-dashboard-history,
body.fpm-user-area .fpm-dashboard-login {
  position: relative !important;
  overflow: hidden !important;
  border: 1px solid rgba(18, 157, 241, .62) !important;
  border-radius: 8px !important;
  background: linear-gradient(145deg, rgba(4, 24, 39, .96), rgba(1, 9, 17, .98)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06), 0 15px 34px rgba(0, 0, 0, .3) !important;
}

body.fpm-user-area .fpm-dashboard-stats article {
  min-height: 104px !important;
  display: grid !important;
  grid-template-columns: 44px 1fr !important;
  grid-template-rows: auto auto !important;
  align-content: center !important;
  gap: 7px 12px !important;
  padding: 16px !important;
}

body.fpm-user-area .fpm-dash-icon {
  grid-row: 1 / 3 !important;
  width: 42px !important;
  height: 42px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
  background: linear-gradient(180deg, #ffd65a, #ff9c00) !important;
  box-shadow: 0 0 18px rgba(255, 180, 0, .34) !important;
}

body.fpm-user-area .fpm-dash-icon::before {
  color: #171000 !important;
  font-size: 19px !important;
  font-weight: 1000 !important;
}

body.fpm-user-area .fpm-dash-icon.wallet::before { content: "$" !important; }
body.fpm-user-area .fpm-dash-icon.speed::before { content: ">" !important; }
body.fpm-user-area .fpm-dash-icon.income::before { content: "+" !important; }
body.fpm-user-area .fpm-dash-icon.earned::before { content: "*" !important; }

body.fpm-user-area .fpm-dashboard-stats strong {
  min-width: 0 !important;
  overflow: hidden !important;
  color: var(--db-green) !important;
  font-size: 19px !important;
  line-height: 1.05 !important;
  font-weight: 1000 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  text-shadow: 0 0 14px rgba(93, 255, 66, .35) !important;
}

body.fpm-user-area .fpm-dashboard-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1.35fr) minmax(270px, .72fr) minmax(270px, .72fr) !important;
  gap: 10px !important;
}

body.fpm-user-area .fpm-dashboard-collector {
  min-height: 270px !important;
  padding: 22px !important;
}

body.fpm-user-area .fpm-dashboard-collector > img,
body.fpm-user-area .fpm-dashboard-history > img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: right center !important;
  z-index: 0 !important;
}

body.fpm-user-area .fpm-dashboard-collector::after,
body.fpm-user-area .fpm-dashboard-history::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  background: linear-gradient(90deg, rgba(2, 11, 20, .96) 0%, rgba(2, 11, 20, .86) 50%, rgba(2, 11, 20, .32) 100%) !important;
  pointer-events: none !important;
}

body.fpm-user-area .fpm-dashboard-collector-copy {
  position: relative !important;
  z-index: 2 !important;
  width: min(310px, 100%) !important;
  display: grid !important;
  gap: 12px !important;
  align-content: center !important;
  min-height: 226px !important;
}

body.fpm-user-area .fpm-dashboard-collector-copy span,
body.fpm-user-area .fpm-dashboard-speed h2,
body.fpm-user-area .fpm-dashboard-profile h2,
body.fpm-user-area .fpm-dashboard-section-head h2 {
  margin: 0 !important;
  color: var(--db-gold) !important;
  font-size: 16px !important;
  line-height: 1.15 !important;
  font-weight: 1000 !important;
  text-transform: uppercase !important;
}

body.fpm-user-area .fpm-dashboard-collector-copy strong {
  color: var(--db-green) !important;
  font-size: 35px !important;
  line-height: 1 !important;
  font-weight: 1000 !important;
  text-shadow: 0 0 17px rgba(93, 255, 66, .35) !important;
}

body.fpm-user-area .fpm-dashboard-collector-copy form {
  margin: 4px 0 0 !important;
}

body.fpm-user-area .fpm-dashboard-collector-copy button,
body.fpm-user-area .fpm-dashboard-speed a,
body.fpm-user-area .fpm-dashboard-login button {
  min-height: 48px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 12px 22px !important;
  border: 1px solid rgba(255, 231, 116, .98) !important;
  border-radius: 8px !important;
  background: linear-gradient(180deg, #ffe878 0%, #ffb000 55%, #f08300 100%) !important;
  color: #171000 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .5), 0 0 24px rgba(255, 148, 0, .42) !important;
  font-size: 13px !important;
  font-weight: 1000 !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
}

body.fpm-user-area .fpm-dashboard-speed,
body.fpm-user-area .fpm-dashboard-profile {
  padding: 20px !important;
  display: grid !important;
  align-content: start !important;
  gap: 14px !important;
}

body.fpm-user-area .fpm-dashboard-speed > strong {
  color: var(--db-green) !important;
  font-size: 32px !important;
  line-height: 1 !important;
  font-weight: 1000 !important;
}

body.fpm-user-area .fpm-dashboard-speed ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  gap: 9px !important;
}

body.fpm-user-area .fpm-dashboard-speed li {
  position: relative !important;
  padding-left: 20px !important;
  color: #fff !important;
  font-size: 12px !important;
  line-height: 1.28 !important;
  font-weight: 850 !important;
}

body.fpm-user-area .fpm-dashboard-speed li::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 5px !important;
  width: 8px !important;
  height: 8px !important;
  border-radius: 50% !important;
  background: var(--db-green) !important;
  box-shadow: 0 0 10px rgba(93, 255, 66, .4) !important;
}

body.fpm-user-area .fpm-dashboard-profile div {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  min-height: 38px !important;
  padding-bottom: 9px !important;
  border-bottom: 1px solid rgba(255, 180, 0, .2) !important;
}

body.fpm-user-area .fpm-dashboard-profile span {
  color: var(--db-muted) !important;
  font-size: 12px !important;
  font-weight: 850 !important;
}

body.fpm-user-area .fpm-dashboard-profile strong {
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 1000 !important;
}

body.fpm-user-area .fpm-dashboard-history {
  min-height: 260px !important;
  padding: 20px !important;
}

body.fpm-user-area .fpm-dashboard-history::after {
  background: linear-gradient(90deg, rgba(2, 11, 20, .94), rgba(2, 11, 20, .82)) !important;
}

body.fpm-user-area .fpm-dashboard-section-head,
body.fpm-user-area .fpm-dashboard-table-wrap {
  position: relative !important;
  z-index: 2 !important;
}

body.fpm-user-area .fpm-dashboard-section-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin-bottom: 14px !important;
}

body.fpm-user-area .fpm-dashboard-section-head span {
  color: var(--db-muted) !important;
  font-size: 12px !important;
  font-weight: 850 !important;
}

body.fpm-user-area .fpm-dashboard-table-wrap {
  max-width: 100% !important;
  overflow-x: auto !important;
  border: 1px solid rgba(18, 157, 241, .36) !important;
  border-radius: 8px !important;
  background: rgba(2, 10, 18, .48) !important;
}

body.fpm-user-area .fpm-dashboard-history table {
  width: 100% !important;
  min-width: 520px !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

body.fpm-user-area .fpm-dashboard-history th,
body.fpm-user-area .fpm-dashboard-history td {
  padding: 13px 14px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(255, 255, 255, .08) !important;
  color: #fff !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
  text-align: left !important;
}

body.fpm-user-area .fpm-dashboard-history th {
  color: var(--db-gold) !important;
  background: rgba(255, 180, 0, .08) !important;
  font-size: 11px !important;
  font-weight: 1000 !important;
  text-transform: uppercase !important;
}

body.fpm-user-area .fpm-dashboard-history td b {
  color: var(--db-green) !important;
}

body.fpm-user-area .fpm-dash-avatar {
  width: 22px !important;
  height: 22px !important;
  display: inline-block !important;
  margin-right: 8px !important;
  border-radius: 50% !important;
  background: linear-gradient(180deg, #ffd65a, #ff9c00) !important;
  vertical-align: middle !important;
}

body.fpm-user-area .fpm-dashboard-empty {
  text-align: center !important;
  color: var(--db-muted) !important;
}

body.fpm-user-area .fpm-dashboard-alert,
body.fpm-user-area .fpm-dashboard-login {
  padding: 18px !important;
}

body.fpm-user-area .fpm-dashboard-alert {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  border-radius: 8px !important;
  color: #fff !important;
  font-weight: 900 !important;
}

body.fpm-user-area .fpm-dashboard-alert.success {
  border: 1px solid rgba(93, 255, 66, .55) !important;
  background: rgba(15, 82, 29, .78) !important;
}

body.fpm-user-area .fpm-dashboard-alert.danger {
  border: 1px solid rgba(255, 75, 75, .55) !important;
  background: rgba(96, 18, 24, .8) !important;
}

body.fpm-user-area .fpm-dashboard-alert button {
  width: 28px !important;
  height: 28px !important;
  border: 1px solid rgba(255,255,255,.24) !important;
  border-radius: 6px !important;
  background: rgba(0,0,0,.22) !important;
  color: #fff !important;
  cursor: pointer !important;
}

body.fpm-user-area .fpm-dashboard-login {
  width: min(440px, 100%) !important;
  margin: 20px auto !important;
  display: grid !important;
  gap: 14px !important;
}

body.fpm-user-area .fpm-dashboard-login h1 {
  margin: 0 !important;
  color: var(--db-gold) !important;
  font-size: 30px !important;
  text-transform: uppercase !important;
}

body.fpm-user-area .fpm-dashboard-login p {
  margin: 0 !important;
  color: var(--db-muted) !important;
}

body.fpm-user-area .fpm-dashboard-login form {
  display: grid !important;
  gap: 12px !important;
}

body.fpm-user-area .fpm-dashboard-login input {
  width: 100% !important;
  min-height: 48px !important;
  padding: 0 16px !important;
  border: 1px solid rgba(18, 157, 241, .72) !important;
  border-radius: 8px !important;
  background: rgba(1, 10, 18, .94) !important;
  color: #fff !important;
  outline: 0 !important;
}

@media (max-width: 1120px) {
  body.fpm-user-area .fpm-dashboard-hero {
    grid-template-columns: 1fr !important;
    padding-right: 26px !important;
  }
  body.fpm-user-area .fpm-dashboard-wallet {
    width: min(320px, 100%) !important;
  }
  body.fpm-user-area .fpm-dashboard-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  body.fpm-user-area .fpm-dashboard-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 720px) {
  body.fpm-user-area .fpm-dashboard-fresh {
    width: min(100% - 16px, 1240px) !important;
  }
  body.fpm-user-area .fpm-dashboard-hero {
    padding: 155px 18px 18px !important;
  }
  body.fpm-user-area .fpm-dashboard-hero::after {
    background: linear-gradient(180deg, rgba(2, 11, 20, .06), rgba(2, 11, 20, .88) 55%, rgba(2, 11, 20, .95)) !important;
  }
  body.fpm-user-area .fpm-dashboard-hero-copy h1 {
    font-size: 30px !important;
  }
  body.fpm-user-area .fpm-dashboard-stats {
    grid-template-columns: 1fr !important;
  }
  body.fpm-user-area .fpm-dashboard-section-head {
    align-items: flex-start !important;
    flex-direction: column !important;
  }
}

/* Fresh user suite: partners, deposit, withdraw, promo. */
body.fpm-user-area .fpm-partners-fresh,
body.fpm-user-area .fpm-promo-fresh,
body.fpm-user-area .fpm-withdraw-fresh,
body.fpm-user-area .fpm-wallet-page,
body.fpm-user-area .fpm-pay-page {
  --suite-bg: #020b14;
  --suite-panel: rgba(3, 17, 29, .94);
  --suite-blue: #129df1;
  --suite-gold: #ffb400;
  --suite-green: #5dff42;
  --suite-red: #ff4b4b;
  --suite-text: #fff;
  --suite-muted: #b8d3e9;
  width: min(1240px, calc(100% - 28px)) !important;
  max-width: 1240px !important;
  margin: 0 auto !important;
  padding: 12px 0 32px !important;
  display: grid !important;
  gap: 12px !important;
  color: var(--suite-text) !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

body.fpm-user-area .fpm-partners-fresh *,
body.fpm-user-area .fpm-promo-fresh *,
body.fpm-user-area .fpm-withdraw-fresh *,
body.fpm-user-area .fpm-wallet-page *,
body.fpm-user-area .fpm-pay-page * {
  box-sizing: border-box !important;
  letter-spacing: 0 !important;
}

body.fpm-user-area .fpm-partners-hero,
body.fpm-user-area .fpm-promo-hero,
body.fpm-user-area .fpm-withdraw-hero,
body.fpm-user-area .fpm-wallet-hero,
body.fpm-user-area .fpm-pay-hero {
  position: relative !important;
  min-height: 188px !important;
  display: grid !important;
  grid-template-columns: minmax(280px, 1fr) minmax(280px, 360px) !important;
  align-items: center !important;
  gap: 20px !important;
  overflow: hidden !important;
  padding: 24px 26px 24px 350px !important;
  border: 1px solid rgba(18,157,241,.76) !important;
  border-radius: 8px !important;
  background: #020b14 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 20px 42px rgba(0,0,0,.38) !important;
}

body.fpm-user-area .fpm-partners-hero > img,
body.fpm-user-area .fpm-promo-hero > img,
body.fpm-user-area .fpm-withdraw-hero > img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: left center !important;
  z-index: 0 !important;
}

body.fpm-user-area .fpm-wallet-hero {
  background:
    linear-gradient(90deg, rgba(2,11,20,.06), rgba(2,11,20,.34) 30%, rgba(2,11,20,.88) 56%, rgba(2,11,20,.92)),
    url('/img/faucetpaymy-ai/deposit-hero-fresh-ai.png') left center / cover no-repeat !important;
}

body.fpm-user-area .fpm-pay-hero {
  background:
    linear-gradient(90deg, rgba(2,11,20,.06), rgba(2,11,20,.34) 30%, rgba(2,11,20,.88) 56%, rgba(2,11,20,.92)),
    url('/img/faucetpaymy-ai/withdraw-hero-fresh-ai.png') left center / cover no-repeat !important;
}

body.fpm-user-area .fpm-partners-hero::after,
body.fpm-user-area .fpm-promo-hero::after,
body.fpm-user-area .fpm-withdraw-hero::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;
  background: linear-gradient(90deg, rgba(2,11,20,.08), rgba(2,11,20,.34) 30%, rgba(2,11,20,.86) 55%, rgba(2,11,20,.92)) !important;
}

body.fpm-user-area .fpm-partners-copy,
body.fpm-user-area .fpm-promo-copy,
body.fpm-user-area .fpm-withdraw-copy,
body.fpm-user-area .fpm-partners-link-card,
body.fpm-user-area .fpm-promo-card,
body.fpm-user-area .fpm-withdraw-balance {
  position: relative !important;
  z-index: 2 !important;
}

body.fpm-user-area .fpm-partners-copy h1,
body.fpm-user-area .fpm-promo-copy h1,
body.fpm-user-area .fpm-withdraw-copy h1,
body.fpm-user-area .fpm-wallet-hero h1,
body.fpm-user-area .fpm-pay-hero h1 {
  margin: 0 0 10px !important;
  color: var(--suite-gold) !important;
  font-size: 36px !important;
  line-height: 1 !important;
  font-weight: 1000 !important;
  text-transform: uppercase !important;
  text-shadow: 0 2px 0 #000, 0 0 18px rgba(255,180,0,.36) !important;
}

body.fpm-user-area .fpm-partners-copy p,
body.fpm-user-area .fpm-promo-copy p,
body.fpm-user-area .fpm-withdraw-copy p,
body.fpm-user-area .fpm-wallet-hero p,
body.fpm-user-area .fpm-pay-hero p {
  margin: 0 !important;
  color: #fff !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  font-weight: 850 !important;
}

body.fpm-user-area .fpm-partners-link-card,
body.fpm-user-area .fpm-promo-card,
body.fpm-user-area .fpm-withdraw-balance {
  display: grid !important;
  gap: 10px !important;
  padding: 18px !important;
  border: 1px solid rgba(255,180,0,.82) !important;
  border-radius: 8px !important;
  background: radial-gradient(circle at 18% 50%, rgba(255,180,0,.24), transparent 84px), linear-gradient(145deg, rgba(5,25,40,.96), rgba(1,9,16,.95)) !important;
  box-shadow: inset 0 0 28px rgba(255,180,0,.14), 0 0 25px rgba(255,168,0,.2) !important;
}

body.fpm-user-area .fpm-partners-link-card span,
body.fpm-user-area .fpm-promo-card span,
body.fpm-user-area .fpm-withdraw-balance span {
  color: var(--suite-muted) !important;
  font-size: 11px !important;
  font-weight: 1000 !important;
  text-transform: uppercase !important;
}

body.fpm-user-area .fpm-partners-link-card input,
body.fpm-user-area .fpm-promo-card input,
body.fpm-user-area .fpm-withdraw-form-card input,
body.fpm-user-area .fpm-wallet-page input,
body.fpm-user-area .fpm-pay-page input {
  width: 100% !important;
  min-height: 48px !important;
  padding: 0 16px !important;
  border: 1px solid rgba(18,157,241,.72) !important;
  border-radius: 8px !important;
  background: rgba(1,10,18,.94) !important;
  color: #fff !important;
  font-weight: 850 !important;
  outline: 0 !important;
}

body.fpm-user-area .fpm-partners-link-card button,
body.fpm-user-area .fpm-promo-card button,
body.fpm-user-area .fpm-promo-card a,
body.fpm-user-area .fpm-withdraw-methods a span,
body.fpm-user-area .fpm-withdraw-form-card button,
body.fpm-user-area .fpm-wallet-page button,
body.fpm-user-area .fpm-pay-page button,
body.fpm-user-area .fpm-wallet-action,
body.fpm-user-area .fpm-pay-button {
  min-height: 44px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 11px 18px !important;
  border: 1px solid rgba(255,231,116,.98) !important;
  border-radius: 8px !important;
  background: linear-gradient(180deg, #ffe878 0%, #ffb000 55%, #f08300 100%) !important;
  color: #171000 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.5), 0 0 22px rgba(255,148,0,.38) !important;
  font-size: 12px !important;
  font-weight: 1000 !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
}

body.fpm-user-area .fpm-partners-stats,
body.fpm-user-area .fpm-partners-guide,
body.fpm-user-area .fpm-promo-rules,
body.fpm-user-area .fpm-withdraw-methods,
body.fpm-user-area .fpm-withdraw-panel,
body.fpm-user-area .fpm-wallet-stats,
body.fpm-user-area .fpm-pay-stats {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

body.fpm-user-area .fpm-partners-stats article,
body.fpm-user-area .fpm-partners-guide article,
body.fpm-user-area .fpm-promo-rules article,
body.fpm-user-area .fpm-partners-share,
body.fpm-user-area .fpm-partners-table-panel,
body.fpm-user-area .fpm-withdraw-history,
body.fpm-user-area .fpm-withdraw-methods a,
body.fpm-user-area .fpm-withdraw-method-card,
body.fpm-user-area .fpm-withdraw-form-card,
body.fpm-user-area .fpm-wallet-grid,
body.fpm-user-area .fpm-wallet-form,
body.fpm-user-area .fpm-history-panel,
body.fpm-user-area .fpm-pay-panel,
body.fpm-user-area .fpm-pay-form {
  border: 1px solid rgba(18,157,241,.62) !important;
  border-radius: 8px !important;
  background: linear-gradient(145deg, rgba(4,24,39,.96), rgba(1,9,17,.98)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 15px 34px rgba(0,0,0,.3) !important;
  color: #fff !important;
}

body.fpm-user-area .fpm-partners-stats article,
body.fpm-user-area .fpm-partners-guide article,
body.fpm-user-area .fpm-promo-rules article {
  min-height: 100px !important;
  display: grid !important;
  align-content: center !important;
  gap: 8px !important;
  padding: 17px !important;
}

body.fpm-user-area .fpm-partners-stats span,
body.fpm-user-area .fpm-partners-guide span,
body.fpm-user-area .fpm-promo-rules span {
  color: var(--suite-muted) !important;
  font-size: 12px !important;
  font-weight: 850 !important;
}

body.fpm-user-area .fpm-partners-stats strong,
body.fpm-user-area .fpm-partners-guide b,
body.fpm-user-area .fpm-promo-rules b,
body.fpm-user-area .fpm-withdraw-balance strong {
  color: var(--suite-green) !important;
  font-size: 28px !important;
  line-height: 1 !important;
  font-weight: 1000 !important;
  text-shadow: 0 0 14px rgba(93,255,66,.34) !important;
}

body.fpm-user-area .fpm-partners-share,
body.fpm-user-area .fpm-partners-table-panel,
body.fpm-user-area .fpm-withdraw-history {
  padding: 20px !important;
}

body.fpm-user-area .fpm-suite-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin-bottom: 14px !important;
}

body.fpm-user-area .fpm-suite-head h2,
body.fpm-user-area .fpm-partners-share h2,
body.fpm-user-area .fpm-withdraw-form-card h2 {
  margin: 0 !important;
  color: var(--suite-gold) !important;
  font-size: 17px !important;
  font-weight: 1000 !important;
  text-transform: uppercase !important;
}

body.fpm-user-area .fpm-suite-head span {
  color: var(--suite-muted) !important;
  font-size: 12px !important;
  font-weight: 850 !important;
}

body.fpm-user-area .fpm-suite-table-wrap {
  max-width: 100% !important;
  overflow-x: auto !important;
  border: 1px solid rgba(18,157,241,.36) !important;
  border-radius: 8px !important;
  background: rgba(2,10,18,.48) !important;
}

body.fpm-user-area .fpm-suite-table-wrap table {
  width: 100% !important;
  min-width: 620px !important;
  border: 0 !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  background: transparent !important;
}

body.fpm-user-area .fpm-suite-table-wrap th,
body.fpm-user-area .fpm-suite-table-wrap td {
  padding: 13px 14px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
  color: #fff !important;
  font-size: 13px !important;
  text-align: left !important;
}

body.fpm-user-area .fpm-suite-table-wrap th {
  color: var(--suite-gold) !important;
  background: rgba(255,180,0,.08) !important;
  font-size: 11px !important;
  font-weight: 1000 !important;
  text-transform: uppercase !important;
}

body.fpm-user-area .fpm-suite-table-wrap td b,
body.fpm-user-area .fpm-suite-status.approved { color: var(--suite-green) !important; }
body.fpm-user-area .fpm-suite-status.pending { color: var(--suite-gold) !important; }
body.fpm-user-area .fpm-suite-status.rejected { color: var(--suite-red) !important; }

body.fpm-user-area .fpm-suite-avatar {
  width: 22px !important;
  height: 22px !important;
  display: inline-block !important;
  margin-right: 8px !important;
  border-radius: 50% !important;
  background: linear-gradient(180deg, #ffd65a, #ff9c00) !important;
  vertical-align: middle !important;
}

body.fpm-user-area .fpm-suite-pay-logo,
body.fpm-user-area .fpm-withdraw-methods img,
body.fpm-user-area .fpm-withdraw-method-card img {
  width: 58px !important;
  height: 58px !important;
  object-fit: contain !important;
  padding: 8px !important;
  border-radius: 50% !important;
  background: rgba(1,10,18,.72) !important;
  border: 1px solid rgba(255,180,0,.4) !important;
}

body.fpm-user-area .fpm-withdraw-methods a,
body.fpm-user-area .fpm-withdraw-method-card,
body.fpm-user-area .fpm-withdraw-form-card {
  min-height: 170px !important;
  display: grid !important;
  place-items: center !important;
  align-content: center !important;
  gap: 12px !important;
  padding: 20px !important;
  text-align: center !important;
  text-decoration: none !important;
}

body.fpm-user-area .fpm-withdraw-panel {
  grid-template-columns: 300px minmax(0, 1fr) !important;
}

body.fpm-user-area .fpm-withdraw-form-card form {
  width: min(430px, 100%) !important;
  display: grid !important;
  gap: 12px !important;
}

body.fpm-user-area .fpm-suite-alert {
  padding: 12px 14px !important;
  border-radius: 8px !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}
body.fpm-user-area .fpm-suite-alert.success { border: 1px solid rgba(93,255,66,.55) !important; background: rgba(15,82,29,.78) !important; }
body.fpm-user-area .fpm-suite-alert.danger { border: 1px solid rgba(255,75,75,.55) !important; background: rgba(96,18,24,.8) !important; }
body.fpm-user-area .fpm-suite-empty { text-align: center !important; color: var(--suite-muted) !important; }

@media (max-width: 920px) {
  body.fpm-user-area .fpm-partners-hero,
  body.fpm-user-area .fpm-promo-hero,
  body.fpm-user-area .fpm-withdraw-hero,
  body.fpm-user-area .fpm-wallet-hero,
  body.fpm-user-area .fpm-pay-hero {
    grid-template-columns: 1fr !important;
    padding: 145px 18px 18px !important;
  }
  body.fpm-user-area .fpm-partners-hero::after,
  body.fpm-user-area .fpm-promo-hero::after,
  body.fpm-user-area .fpm-withdraw-hero::after {
    background: linear-gradient(180deg, rgba(2,11,20,.08), rgba(2,11,20,.88) 55%, rgba(2,11,20,.95)) !important;
  }
  body.fpm-user-area .fpm-partners-stats,
  body.fpm-user-area .fpm-partners-guide,
  body.fpm-user-area .fpm-promo-rules,
  body.fpm-user-area .fpm-withdraw-methods,
  body.fpm-user-area .fpm-withdraw-panel,
  body.fpm-user-area .fpm-wallet-stats,
  body.fpm-user-area .fpm-pay-stats {
    grid-template-columns: 1fr !important;
  }
}

/* Final visual QA pass: compact payment logos and rewards reward card. */
body.fpm-user-area .fpm-wallet-grid {
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)) !important;
  gap: 10px !important;
  padding: 16px !important;
}

body.fpm-user-area .fpm-wallet-method {
  min-height: 154px !important;
  padding: 14px !important;
  align-content: center !important;
  gap: 8px !important;
}

body.fpm-user-area .fpm-wallet-icon {
  width: 58px !important;
  height: 58px !important;
  margin: 0 auto 6px !important;
  border-radius: 8px !important;
}

body.fpm-user-area .fpm-wallet-icon img,
body.fpm-user-area .fpm-pay-logo img,
body.fpm-user-area .fpm-history-table img,
body.fpm-user-area .fpm-suite-pay-logo {
  width: 46px !important;
  height: 46px !important;
  max-width: 46px !important;
  max-height: 46px !important;
  padding: 5px !important;
  border-radius: 8px !important;
  object-fit: contain !important;
}

body.fpm-user-area .fpm-history-table td {
  height: auto !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

body.fpm-user-area .fpm-pay-form .fpm-pay-logo,
body.fpm-user-area .fpm-pay-logo {
  min-height: 120px !important;
  padding: 16px !important;
}

body.fpm-user-area .fpm-pay-form,
body.fpm-user-area .fpm-wallet-form {
  padding: 16px !important;
}

body.fpm-user-area .fpm-rewards-fresh-range {
  min-height: 74px !important;
  grid-template-columns: 42px 1fr !important;
  column-gap: 10px !important;
  padding: 11px 13px !important;
}

body.fpm-user-area .fpm-rewards-fresh-range .fpm-rw-coin {
  width: 38px !important;
  height: 38px !important;
  font-size: 22px !important;
}

body.fpm-user-area .fpm-rewards-fresh-range span {
  font-size: 10px !important;
  line-height: 1 !important;
}

body.fpm-user-area .fpm-rewards-fresh-range strong {
  font-size: 24px !important;
  line-height: .95 !important;
  white-space: normal !important;
}

body.fpm-user-area .fpm-rewards-fresh-hero {
  grid-template-columns: minmax(240px, 1fr) minmax(190px, 250px) !important;
  padding-right: 18px !important;
}

body.fpm-user-area .fpm-rewards-fresh-hero-copy h1 {
  font-size: 30px !important;
}

body.fpm-user-area .fpm-rewards-fresh-hero-copy p {
  font-size: 12px !important;
  max-width: 315px !important;
}

@media (max-width: 720px) {
  body.fpm-user-area .fpm-wallet-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  body.fpm-user-area .fpm-rewards-fresh-hero {
    grid-template-columns: 1fr !important;
  }
}

/* Payment pages final polish: compact history rows and balanced method cards. */
body.fpm-user-area .fpm-wallet-page,
body.fpm-user-area .fpm-pay-page {
  max-width: 940px !important;
}

body.fpm-user-area .fpm-wallet-grid {
  grid-template-columns: repeat(auto-fit, minmax(128px, 1fr)) !important;
  align-items: stretch !important;
  padding: 14px !important;
}

body.fpm-user-area .fpm-wallet-method {
  min-height: 132px !important;
  padding: 12px 8px !important;
  display: grid !important;
  justify-items: center !important;
  text-align: center !important;
}

body.fpm-user-area .fpm-wallet-method h2 {
  margin: 0 !important;
  font-size: 13px !important;
  line-height: 1.05 !important;
}

body.fpm-user-area .fpm-wallet-method-meta {
  gap: 4px !important;
  justify-content: center !important;
}

body.fpm-user-area .fpm-wallet-method .fpm-task-pill,
body.fpm-user-area .fpm-history-table .fpm-task-pill,
body.fpm-user-area .fpm-pay-page .fpm-task-pill {
  min-height: 18px !important;
  padding: 3px 7px !important;
  font-size: 9px !important;
  line-height: 1 !important;
}

body.fpm-user-area .fpm-wallet-action {
  min-height: 30px !important;
  padding: 7px 12px !important;
  font-size: 10px !important;
}

body.fpm-user-area .fpm-wallet-icon {
  width: 46px !important;
  height: 46px !important;
}

body.fpm-user-area .fpm-wallet-icon img {
  width: 38px !important;
  height: 38px !important;
  max-width: 38px !important;
  max-height: 38px !important;
  padding: 4px !important;
}

body.fpm-user-area .fpm-history-table-wrap,
body.fpm-user-area .fpm-history-table,
body.fpm-user-area .fpm-suite-table-wrap {
  overflow: hidden !important;
}

body.fpm-user-area .fpm-history-table th,
body.fpm-user-area .fpm-history-table td,
body.fpm-user-area .fpm-suite-table-wrap th,
body.fpm-user-area .fpm-suite-table-wrap td {
  height: auto !important;
  min-height: 0 !important;
  padding: 9px 12px !important;
  vertical-align: middle !important;
}

body.fpm-user-area .fpm-history-table td img,
body.fpm-user-area .fpm-pay-page .fpm-history-table td img,
body.fpm-user-area .fpm-suite-table-wrap td img,
body.fpm-user-area .fpm-suite-pay-logo {
  width: 34px !important;
  height: 34px !important;
  max-width: 34px !important;
  max-height: 34px !important;
  padding: 3px !important;
  border-radius: 7px !important;
}

body.fpm-user-area .fpm-history-table td,
body.fpm-user-area .fpm-suite-table-wrap td {
  font-size: 11px !important;
  line-height: 1.15 !important;
}

body.fpm-user-area .fpm-history-panel,
body.fpm-user-area .fpm-withdraw-history {
  padding: 14px !important;
}

body.fpm-user-area .fpm-history-panel .fpm-task-title,
body.fpm-user-area .fpm-withdraw-history .fpm-suite-head h2 {
  font-size: 16px !important;
}

body.fpm-user-area .fpm-pay-form .fpm-pay-logo,
body.fpm-user-area .fpm-pay-logo {
  min-height: 92px !important;
}

body.fpm-user-area .fpm-pay-logo img {
  width: 52px !important;
  height: 52px !important;
  max-width: 52px !important;
  max-height: 52px !important;
}

@media (max-width: 720px) {
  body.fpm-user-area .fpm-wallet-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* Clean rebuild for /user/insert and /user/pay without legacy payment images. */
body.fpm-user-area .fpm-deposit-clean,
body.fpm-user-area .fpm-withdraw-clean {
  --clean-blue: #129df1;
  --clean-gold: #ffb400;
  --clean-green: #5dff42;
  --clean-red: #ff4b4b;
  --clean-muted: #b8d3e9;
  width: min(1040px, calc(100% - 28px)) !important;
  margin: 0 auto !important;
  padding: 12px 0 32px !important;
  display: grid !important;
  gap: 12px !important;
  color: #fff !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

body.fpm-user-area .fpm-deposit-clean *,
body.fpm-user-area .fpm-withdraw-clean * {
  box-sizing: border-box !important;
  letter-spacing: 0 !important;
}

body.fpm-user-area .fpm-deposit-clean-hero,
body.fpm-user-area .fpm-withdraw-clean-hero {
  position: relative !important;
  min-height: 178px !important;
  display: grid !important;
  grid-template-columns: minmax(260px, 1fr) minmax(260px, 340px) !important;
  gap: 18px !important;
  align-items: center !important;
  overflow: hidden !important;
  padding: 22px 24px 22px 330px !important;
  border: 1px solid rgba(18,157,241,.76) !important;
  border-radius: 8px !important;
  background: #020b14 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 18px 40px rgba(0,0,0,.35) !important;
}

body.fpm-user-area .fpm-deposit-clean-hero > img,
body.fpm-user-area .fpm-withdraw-clean-hero > img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: left center !important;
  z-index: 0 !important;
}

body.fpm-user-area .fpm-deposit-clean-hero::after,
body.fpm-user-area .fpm-withdraw-clean-hero::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  background: linear-gradient(90deg, rgba(2,11,20,.06), rgba(2,11,20,.34) 32%, rgba(2,11,20,.86) 56%, rgba(2,11,20,.92)) !important;
}

body.fpm-user-area .fpm-deposit-clean-copy,
body.fpm-user-area .fpm-withdraw-clean-copy,
body.fpm-user-area .fpm-deposit-clean-stats,
body.fpm-user-area .fpm-withdraw-clean-stats {
  position: relative !important;
  z-index: 2 !important;
}

body.fpm-user-area .fpm-deposit-clean h1,
body.fpm-user-area .fpm-withdraw-clean h1 {
  margin: 0 0 9px !important;
  color: var(--clean-gold) !important;
  font-size: 33px !important;
  line-height: 1 !important;
  font-weight: 1000 !important;
  text-transform: uppercase !important;
  text-shadow: 0 2px 0 #000, 0 0 18px rgba(255,180,0,.34) !important;
}

body.fpm-user-area .fpm-deposit-clean p,
body.fpm-user-area .fpm-withdraw-clean p {
  margin: 0 !important;
  color: #fff !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  font-weight: 850 !important;
}

body.fpm-user-area .fpm-deposit-clean-stats,
body.fpm-user-area .fpm-withdraw-clean-stats {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

body.fpm-user-area .fpm-withdraw-clean-stats {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

body.fpm-user-area .fpm-deposit-clean-stats article,
body.fpm-user-area .fpm-withdraw-clean-stats article,
body.fpm-user-area .fpm-deposit-clean-method,
body.fpm-user-area .fpm-deposit-clean-selected,
body.fpm-user-area .fpm-deposit-clean-form,
body.fpm-user-area .fpm-deposit-clean-history,
body.fpm-user-area .fpm-withdraw-clean-panel,
body.fpm-user-area .fpm-withdraw-clean-form,
body.fpm-user-area .fpm-withdraw-clean-history {
  border: 1px solid rgba(18,157,241,.62) !important;
  border-radius: 8px !important;
  background: linear-gradient(145deg, rgba(4,24,39,.96), rgba(1,9,17,.98)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 15px 34px rgba(0,0,0,.3) !important;
}

body.fpm-user-area .fpm-deposit-clean-stats article,
body.fpm-user-area .fpm-withdraw-clean-stats article {
  min-height: 72px !important;
  display: grid !important;
  align-content: center !important;
  gap: 5px !important;
  padding: 12px !important;
}

body.fpm-user-area .fpm-deposit-clean-stats span,
body.fpm-user-area .fpm-withdraw-clean-stats span,
body.fpm-user-area .fpm-deposit-clean-method small,
body.fpm-user-area .fpm-withdraw-clean-status span {
  color: var(--clean-muted) !important;
  font-size: 10px !important;
  font-weight: 1000 !important;
  text-transform: uppercase !important;
}

body.fpm-user-area .fpm-deposit-clean-stats strong,
body.fpm-user-area .fpm-withdraw-clean-stats strong {
  color: var(--clean-green) !important;
  font-size: 17px !important;
  line-height: 1 !important;
  font-weight: 1000 !important;
}

body.fpm-user-area .fpm-deposit-clean-tabs {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 10px !important;
  border: 1px solid rgba(18,157,241,.42) !important;
  border-radius: 8px !important;
  background: rgba(3,17,29,.78) !important;
}

body.fpm-user-area .fpm-deposit-clean-tabs a {
  min-height: 28px !important;
  padding: 7px 14px !important;
  border: 1px solid rgba(18,157,241,.65) !important;
  border-radius: 999px !important;
  color: #fff !important;
  font-size: 10px !important;
  font-weight: 1000 !important;
  text-decoration: none !important;
}

body.fpm-user-area .fpm-deposit-clean-tabs a.active {
  color: #171000 !important;
  background: linear-gradient(180deg, #ffe878, #ffae00) !important;
  border-color: rgba(255,231,116,.96) !important;
}

body.fpm-user-area .fpm-deposit-clean-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(136px, 1fr)) !important;
  gap: 10px !important;
  padding: 14px !important;
  border: 1px solid rgba(18,157,241,.62) !important;
  border-radius: 8px !important;
  background: rgba(2,12,22,.9) !important;
}

body.fpm-user-area .fpm-deposit-clean-method {
  min-height: 144px !important;
  display: grid !important;
  justify-items: center !important;
  align-content: center !important;
  gap: 8px !important;
  padding: 12px !important;
  text-align: center !important;
  color: #fff !important;
  text-decoration: none !important;
}

body.fpm-user-area .fpm-pay-symbol {
  width: 48px !important;
  height: 48px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 12px !important;
  color: #171000 !important;
  background: radial-gradient(circle at 35% 25%, #fff0a0, #ffb400 55%, #c77700) !important;
  box-shadow: 0 0 20px rgba(255,180,0,.3) !important;
  font-size: 16px !important;
  font-weight: 1000 !important;
}

body.fpm-user-area .fpm-pay-logo {
  width: 54px !important;
  height: 54px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(18,157,241,.55) !important;
  border-radius: 12px !important;
  background: rgba(1,10,18,.72) !important;
  box-shadow: 0 0 20px rgba(18,157,241,.16), inset 0 1px 0 rgba(255,255,255,.06) !important;
}

body.fpm-user-area .fpm-pay-logo img {
  width: 42px !important;
  height: 42px !important;
  max-width: 42px !important;
  max-height: 42px !important;
  object-fit: contain !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

body.fpm-user-area .fpm-deposit-clean-method strong,
body.fpm-user-area .fpm-deposit-clean-selected strong,
body.fpm-user-area .fpm-withdraw-clean-brand strong {
  color: var(--clean-gold) !important;
  font-size: 13px !important;
  line-height: 1.05 !important;
  font-weight: 1000 !important;
}

body.fpm-user-area .fpm-deposit-clean-method b,
body.fpm-user-area .fpm-deposit-clean-form button,
body.fpm-user-area .fpm-deposit-clean-selected a,
body.fpm-user-area .fpm-withdraw-clean-form button,
body.fpm-user-area .fpm-withdraw-clean-form a {
  min-height: 32px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 8px 14px !important;
  border: 1px solid rgba(255,231,116,.96) !important;
  border-radius: 8px !important;
  background: linear-gradient(180deg, #ffe878, #ffae00 58%, #ef8700) !important;
  color: #171000 !important;
  box-shadow: 0 0 16px rgba(255,148,0,.32) !important;
  font-size: 10px !important;
  font-weight: 1000 !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
}

body.fpm-user-area .fpm-deposit-clean-form,
body.fpm-user-area .fpm-withdraw-clean-form {
  display: grid !important;
  grid-template-columns: 220px minmax(0, 1fr) !important;
  gap: 12px !important;
  padding: 16px !important;
}

body.fpm-user-area .fpm-deposit-clean-selected,
body.fpm-user-area .fpm-withdraw-clean-brand {
  display: grid !important;
  place-items: center !important;
  align-content: center !important;
  gap: 10px !important;
  min-height: 150px !important;
  padding: 16px !important;
}

body.fpm-user-area .fpm-deposit-clean-form form,
body.fpm-user-area .fpm-withdraw-clean-form form {
  display: grid !important;
  align-content: center !important;
  gap: 9px !important;
}

body.fpm-user-area .fpm-deposit-clean-form label,
body.fpm-user-area .fpm-withdraw-clean-form label {
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 1000 !important;
  text-transform: uppercase !important;
}

body.fpm-user-area .fpm-deposit-clean-form input,
body.fpm-user-area .fpm-withdraw-clean-form input {
  width: 100% !important;
  min-height: 44px !important;
  padding: 0 14px !important;
  border: 1px solid rgba(18,157,241,.8) !important;
  border-radius: 8px !important;
  background: rgba(1,10,18,.96) !important;
  color: #fff !important;
  font-weight: 850 !important;
}

body.fpm-user-area .fpm-withdraw-clean-panel {
  padding: 16px !important;
  display: grid !important;
  gap: 12px !important;
}

body.fpm-user-area .fpm-withdraw-clean-rules,
body.fpm-user-area .fpm-withdraw-clean-status {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

body.fpm-user-area .fpm-withdraw-clean-rules span,
body.fpm-user-area .fpm-withdraw-clean-status div {
  min-height: 46px !important;
  padding: 10px !important;
  border: 1px solid rgba(255,180,0,.34) !important;
  border-radius: 8px !important;
  background: rgba(1,10,18,.72) !important;
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 900 !important;
}

body.fpm-user-area .fpm-withdraw-clean-status div {
  display: grid !important;
  gap: 5px !important;
}

body.fpm-user-area .fpm-withdraw-clean-status strong {
  min-width: 0 !important;
  overflow: hidden !important;
  color: #fff !important;
  font-size: 12px !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.fpm-user-area .fpm-withdraw-clean-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
}

body.fpm-user-area .fpm-deposit-clean-history,
body.fpm-user-area .fpm-withdraw-clean-history {
  padding: 16px !important;
}

body.fpm-user-area .fpm-mini-symbol {
  width: 24px !important;
  height: 24px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-right: 8px !important;
  border-radius: 7px !important;
  background: linear-gradient(180deg, #ffd65a, #ff9c00) !important;
  color: #171000 !important;
  font-size: 9px !important;
  font-weight: 1000 !important;
  vertical-align: middle !important;
}

body.fpm-user-area .fpm-mini-logo {
  width: 26px !important;
  height: 26px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-right: 8px !important;
  border-radius: 7px !important;
  background: rgba(1,10,18,.72) !important;
  border: 1px solid rgba(255,180,0,.3) !important;
  vertical-align: middle !important;
}

body.fpm-user-area .fpm-mini-logo img {
  width: 20px !important;
  height: 20px !important;
  max-width: 20px !important;
  max-height: 20px !important;
  object-fit: contain !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

body.fpm-user-area .fpm-deposit-clean .fpm-suite-table-wrap td,
body.fpm-user-area .fpm-withdraw-clean .fpm-suite-table-wrap td {
  padding: 10px 12px !important;
  font-size: 12px !important;
}

/* Hard reset for clean payment history logos: no legacy pay-image overlap. */
body.fpm-user-area .fpm-deposit-clean .fpm-suite-table-wrap td {
  position: static !important;
  height: 44px !important;
  min-height: 44px !important;
  vertical-align: middle !important;
}

body.fpm-user-area .fpm-deposit-clean .fpm-suite-table-wrap td .fpm-mini-logo,
body.fpm-user-area .fpm-withdraw-clean .fpm-suite-table-wrap td .fpm-mini-logo {
  position: static !important;
  inset: auto !important;
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
  min-height: 24px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 8px 0 0 !important;
  transform: none !important;
  vertical-align: middle !important;
}

body.fpm-user-area .fpm-deposit-clean .fpm-suite-table-wrap td .fpm-mini-logo img,
body.fpm-user-area .fpm-withdraw-clean .fpm-suite-table-wrap td .fpm-mini-logo img {
  position: static !important;
  inset: auto !important;
  display: block !important;
  width: 18px !important;
  height: 18px !important;
  max-width: 18px !important;
  max-height: 18px !important;
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  object-fit: contain !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}

body.fpm-user-area .fpm-deposit-clean .fpm-method-name {
  min-width: 78px !important;
  min-height: 24px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 5px 10px !important;
  border: 1px solid rgba(255, 180, 0, .48) !important;
  border-radius: 999px !important;
  vertical-align: middle !important;
  color: #fff !important;
  background: rgba(1, 10, 18, .72) !important;
  font-size: 11px !important;
  font-weight: 1000 !important;
  line-height: 1 !important;
  text-align: center !important;
  text-transform: none !important;
}

body.fpm-user-area .fpm-deposit-clean-history {
  width: 100% !important;
  overflow: hidden !important;
}

body.fpm-user-area .fpm-deposit-clean-history .fpm-suite-table-wrap {
  overflow-x: auto !important;
  overflow-y: hidden !important;
}

body.fpm-user-area .fpm-deposit-clean-history table {
  table-layout: fixed !important;
  min-width: 680px !important;
}

body.fpm-user-area .fpm-deposit-clean-history th:nth-child(1),
body.fpm-user-area .fpm-deposit-clean-history td:nth-child(1) {
  width: 120px !important;
}

body.fpm-user-area .fpm-deposit-clean-history th:nth-child(2),
body.fpm-user-area .fpm-deposit-clean-history td:nth-child(2) {
  width: 210px !important;
  text-align: left !important;
}

body.fpm-user-area .fpm-deposit-clean-history th:nth-child(3),
body.fpm-user-area .fpm-deposit-clean-history td:nth-child(3) {
  width: 170px !important;
}

body.fpm-user-area .fpm-deposit-clean-history th:nth-child(4),
body.fpm-user-area .fpm-deposit-clean-history td:nth-child(4) {
  width: 150px !important;
}

body.fpm-user-area .fpm-deposit-clean-history td,
body.fpm-user-area .fpm-deposit-clean-history th {
  white-space: nowrap !important;
}

body.fpm-user-area .fpm-deposit-clean-history .fpm-mini-logo,
body.fpm-user-area .fpm-deposit-clean-history .fpm-mini-logo img {
  display: none !important;
}

@media (max-width: 820px) {
  body.fpm-user-area .fpm-deposit-clean,
  body.fpm-user-area .fpm-withdraw-clean {
    width: min(100% - 16px, 1040px) !important;
  }
  body.fpm-user-area .fpm-deposit-clean-hero,
  body.fpm-user-area .fpm-withdraw-clean-hero {
    grid-template-columns: 1fr !important;
    padding: 145px 18px 18px !important;
  }
  body.fpm-user-area .fpm-deposit-clean-hero::after,
  body.fpm-user-area .fpm-withdraw-clean-hero::after {
    background: linear-gradient(180deg, rgba(2,11,20,.08), rgba(2,11,20,.88) 55%, rgba(2,11,20,.95)) !important;
  }
  body.fpm-user-area .fpm-deposit-clean-stats,
  body.fpm-user-area .fpm-withdraw-clean-stats,
  body.fpm-user-area .fpm-withdraw-clean-rules,
  body.fpm-user-area .fpm-withdraw-clean-status,
  body.fpm-user-area .fpm-deposit-clean-form,
  body.fpm-user-area .fpm-withdraw-clean-form {
    grid-template-columns: 1fr !important;
  }
}