/* ==========================================================================
   KIEMMONEY V37 — NEO-BRUTALIST VISUAL SYSTEM (authoritative, loaded last)
   Palette : #ffe17c yellow · #171e19 charcoal · #b7c6c2 sage · #fff · #000
   Rules   : 2px borders · hard shadows (0 blur) · no soft shadows · no tilt
   Fonts   : Cabinet Grotesk (headings) · Satoshi (body) — Fontshare, with fallbacks
   ========================================================================== */

/* ---------- 1. Tokens ---------- */
:root{
  --nb-yellow:#ffe17c; --nb-charcoal:#171e19; --nb-sage:#b7c6c2;
  --nb-white:#fff; --nb-black:#000; --nb-gray:#f4f4f5; --nb-dark-card:#272727;
  --nb-red:#ff5f57; --nb-star:#ffbc2e;
  --nb-bg:#fff; --nb-surface:#fff; --nb-text:#000; --nb-muted:#4b5563;
  --nb-line:#000; --nb-input:#fff; --nb-focus:#171e19;
  --nb-sh:4px 4px 0 0 #000; --nb-sh-lg:8px 8px 0 0 #000; --nb-sh-xl:12px 12px 0 0 #000;
  --nb-r:10px; --nb-r-lg:14px;
  --nb-dots:radial-gradient(circle,rgba(0,0,0,.1) 2px,transparent 2.5px);
  --nb-head:'Cabinet Grotesk','Space Grotesk','Arial Black',system-ui,sans-serif;
  --nb-body:'Satoshi','Manrope','Segoe UI',system-ui,-apple-system,Arial,sans-serif;
  color-scheme:light;
}
html[data-theme="dark"]{
  --nb-bg:#171e19; --nb-surface:#272727; --nb-text:#fff; --nb-muted:#b7c6c2;
  --nb-line:#b7c6c2; --nb-input:#171e19; --nb-focus:#ffe17c;
  color-scheme:dark;
}

/* ---------- 2. Base ---------- */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--nb-bg)!important;overflow-x:clip;-webkit-text-size-adjust:100%}
body{font-family:var(--nb-body)!important;font-weight:500;color:var(--nb-text)!important;background:var(--nb-bg)!important;overflow-x:clip;min-height:100vh;min-height:100dvh;line-height:1.55}
body::before,body::after{display:none!important;content:none!important}
h1,h2,h3,h4,h5,h6,.title,.section-title,.hero-title{font-family:var(--nb-head)!important;font-weight:800!important;letter-spacing:-.04em!important;line-height:1.12;color:inherit!important;overflow-wrap:anywhere}
.logo,.brand{font-family:var(--nb-head)!important;font-weight:800!important;letter-spacing:-.04em!important}
a{color:inherit;text-underline-offset:3px}
img,svg,canvas,video,iframe{max-width:100%}
img{height:auto}
.muted,.subtle,.hint,.help-text,.description,small{color:var(--nb-muted)!important}
hr,.divider{border:0!important;border-top:2px solid var(--nb-line)!important;opacity:1!important;margin:16px 0}
::selection{background:var(--nb-yellow);color:#000}
:focus-visible{outline:3px solid var(--nb-focus)!important;outline-offset:3px}
.wrap{max-width:100%}
p,li,td,th,label,span,h1,h2,h3,h4{overflow-wrap:anywhere}

/* ---------- 3. Header ---------- */
header.top,.top{
  position:sticky!important;top:8px!important;z-index:30!important;
  background:var(--nb-yellow)!important;color:#000!important;
  border:2px solid #000!important;border-radius:var(--nb-r-lg)!important;
  box-shadow:var(--nb-sh)!important;transform:none!important;
  background-image:var(--nb-dots)!important;background-size:32px 32px!important;
}
.top::before,.top::after{display:none!important}
.top *{color:#000}
.top .menu-trigger{background:#000!important;color:var(--nb-yellow)!important;border:2px solid #000!important;border-radius:10px!important;box-shadow:2px 2px 0 0 #000!important}
.top .menu-trigger:hover{transform:translate(2px,2px)!important;box-shadow:none!important}
.top-balance{background:#fff!important;color:#000!important;border:2px solid #000!important;border-radius:999px!important;box-shadow:2px 2px 0 0 #000!important;font-weight:800}
.top .profile-btn{background:#fff!important;color:#000!important}
header:not(.top):not(.site-header):not(.topbar){background:transparent;border:0;box-shadow:none}
.profile-pop,.profile-wrap .profile-pop{background:var(--nb-surface)!important;color:var(--nb-text)!important;border:2px solid var(--nb-line)!important;border-radius:var(--nb-r)!important;box-shadow:var(--nb-sh)!important}
.profile-pop *{color:inherit}

/* ---------- 4. Cards & surfaces (no tilt, no soft shadow) ---------- */
.card,.panel,.box,.modal-content,.dialog,.sheet,.stat,.task-card,.task-item,.mission-card,.offerwall-card,
.withdraw-card,.history-card,.account-card,.account-stat-v18,.account-detail-v18,.account-hero-v18,
.guest-intro-card,.guest-intro-details,.guest-intro-closing,.guest-intro-how li,
.landing-stat,.landing-mini-card,.landing-side,.landing-note,.public-table-card,.section-card,.settings-card,
.form-card,.profile-card,.balance-card,.dashboard-card,.admin-card,.admin-panel,.admin-stat-box,.proof-card,
.home-money-card,.home-daily-card,.home-task-progress,.groups-home-card,.withdraw-live-card,.uiverse-card,
.uiverse-alert,.referral-box,.referral-total,.exchange-hero,.exchanged-card,.exchanged-row,.item-exchange-panel,
.game-choice-card,.game-package-option,.recent-task-activity-card,.lb-podium-card,.lb-me-card,.leaderboard-row,
.intro-feature,.intro-prize,.income-source,.cashback-history-row,.offerwall-stat-small,.security-account-row,
.withdraw-detail-grid>*,.rules-block,.task-stat,.public-proof-modal-box,.game-exchange-box,.withdraw-detail-box,
.auth-modal-v2,.security-overlay-card{
  background:var(--nb-surface)!important;color:var(--nb-text)!important;
  border:2px solid var(--nb-line)!important;border-radius:var(--nb-r)!important;
  box-shadow:var(--nb-sh)!important;transform:none!important;
}
.card:hover,.stat:hover,.uiverse-card:hover,.uiverse-alert:hover,.referral-total:hover,.landing-stat:hover,
.home-money-card:hover,.home-daily-card:hover,.withdraw-card:hover,.groups-home-card:hover,
.public-table-card:hover,.withdraw-live-card:hover,.acc-card:hover{transform:none!important;box-shadow:var(--nb-sh)!important}
.guest-intro-details,.exchange-hero,.account-hero-v18,.public-proof-modal-box,.game-exchange-box,.withdraw-detail-box,.auth-modal-v2{box-shadow:var(--nb-sh-lg)!important;border-radius:var(--nb-r-lg)!important}
.card *,.stat *{max-width:100%}
.card h1,.card h2,.card h3,.card h4{color:inherit!important}

/* colour cycle for grids: white → yellow → sage (text always black on coloured fills) */
:is(.task-grid,.exchange-grid,.exchanged-grid,.guest-intro-grid,.landing-stats,.groups-home-grid,.game-item-grid,.intro-grid,.intro-prizes,.offerwall-stats-grid)>*:nth-child(3n+2){background:var(--nb-yellow)!important;color:#000!important}
:is(.task-grid,.exchange-grid,.exchanged-grid,.guest-intro-grid,.landing-stats,.groups-home-grid,.game-item-grid,.intro-grid,.intro-prizes,.offerwall-stats-grid)>*:nth-child(3n){background:var(--nb-sage)!important;color:#000!important}
:is(.task-grid,.exchange-grid,.exchanged-grid,.guest-intro-grid,.landing-stats,.groups-home-grid,.game-item-grid,.intro-grid,.intro-prizes,.offerwall-stats-grid)>:nth-child(3n+2) :is(.muted,small,p,span),
:is(.task-grid,.exchange-grid,.exchanged-grid,.guest-intro-grid,.landing-stats,.groups-home-grid,.game-item-grid,.intro-grid,.intro-prizes,.offerwall-stats-grid)>:nth-child(3n) :is(.muted,small,p,span){color:#000!important}

/* yellow hero surfaces: 32px dot pattern @ 10% (the only permitted gradient) */
.hero,.intro,.welcome,.highlight,.primary-panel,.landing-hero,.home-cosmic-hero,.exchange-hero,
.guest-intro-heading,.intro-highlight,.account-hero-v18,.account-hero-balance{
  background-color:var(--nb-yellow)!important;background-image:var(--nb-dots)!important;background-size:32px 32px!important;
  color:#000!important;border:2px solid #000!important;border-radius:var(--nb-r-lg)!important;box-shadow:var(--nb-sh-lg)!important;transform:none!important
}
.hero *,.landing-hero *,.home-cosmic-hero *,.exchange-hero *,.guest-intro-heading *,.account-hero-v18 *{color:inherit}
.hero .btn.ghost,.landing-hero .btn.ghost,.guest-intro-heading .btn.ghost{color:#000!important;background:#fff!important}

/* ---------- 5. Buttons (physical press) ---------- */
button,.btn,a.btn,.button,[role=button],input[type=button],input[type=submit],input[type=reset],.cta,.action-btn,.profile-btn,.game-choice-btn,.card-network-btn{
  font-family:var(--nb-body)!important;font-weight:800!important;
  border:2px solid #000!important;border-radius:var(--nb-r)!important;
  box-shadow:var(--nb-sh)!important;cursor:pointer;touch-action:manipulation;
  transition:transform .2s cubic-bezier(.175,.885,.32,1.275),box-shadow .2s ease,background-color .15s ease!important;
}
button:not(.ghost):not(.secondary):not(.tab):not(.menu-trigger):not(.profile-btn):not(.danger):not(.auth-close-v2):not(.guest-menu-close):not(.menu-close),
.btn:not(.ghost):not(.secondary):not(.tab):not(.danger),input[type=submit],input[type=button]{
  background:var(--nb-yellow)!important;color:#000!important}
.btn.ghost,button.ghost,.btn.secondary,button.secondary,.tab,.btn.tab{
  background:var(--nb-surface)!important;color:var(--nb-text)!important;border-color:var(--nb-line)!important}
.tab.active,.btn.tab.active,.btn.ghost.active,.tab[aria-selected=true]{background:var(--nb-yellow)!important;color:#000!important;border-color:#000!important}
.btn.danger,button.danger,.danger.btn,.withdraw-reject{background:var(--nb-red)!important;color:#000!important}
.withdraw-approve{background:var(--nb-sage)!important;color:#000!important}
.auth-close-v2,.guest-menu-close,.menu-close{background:#fff!important;color:#000!important;border:2px solid #000!important;border-radius:8px!important;box-shadow:2px 2px 0 0 #000!important}
.btn.ghost.tab,.btn.tab{text-align:left}
@media (hover:hover){
  button:hover,.btn:hover,a.btn:hover,.button:hover,[role=button]:hover,input[type=button]:hover,input[type=submit]:hover,.cta:hover,.action-btn:hover,.profile-btn:hover,.card-network-btn:hover{
    transform:translate(4px,4px)!important;box-shadow:0 0 0 0 #000!important}
  .btn.tab:hover:not(.active){background:var(--nb-sage)!important;color:#000!important}
}
button:active,.btn:active,a.btn:active,input[type=submit]:active{transform:translate(4px,4px)!important;box-shadow:0 0 0 0 #000!important}
button:disabled,.btn:disabled,[disabled],.btn.disabled,[aria-disabled=true]{opacity:.55!important;cursor:not-allowed!important;transform:none!important;box-shadow:2px 2px 0 0 #000!important;filter:none!important}
.auth-main-btn,.btn.lg{box-shadow:var(--nb-sh-lg)!important}
@media (hover:hover){.auth-main-btn:hover,.btn.lg:hover{transform:translate(4px,4px)!important;box-shadow:var(--nb-sh)!important}}

/* ---------- 6. Forms ---------- */
.field,.field-wrap{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:0!important;color:inherit!important}
.field>label,label{font-weight:800;color:inherit}
input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=hidden]):not([type=color]):not([type=button]):not([type=submit]):not([type=reset]),
select:not(.game-package-select-hidden),textarea{
  background:var(--nb-input)!important;color:var(--nb-text)!important;
  border:2px solid var(--nb-line)!important;border-radius:8px!important;
  box-shadow:3px 3px 0 0 #000!important;font-family:var(--nb-body)!important;font-weight:600;max-width:100%;
  transition:box-shadow .15s ease,transform .15s ease}
input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=hidden]):not([type=color]):focus,
select:focus,textarea:focus{outline:3px solid var(--nb-focus)!important;outline-offset:2px;box-shadow:0 0 0 0 #000!important;transform:translate(3px,3px)}
::placeholder{color:var(--nb-muted);opacity:.85}
textarea{min-height:96px;resize:vertical}
input[type=checkbox],input[type=radio]{accent-color:var(--nb-charcoal);cursor:pointer}
html[data-theme="dark"] input[type=checkbox],html[data-theme="dark"] input[type=radio]{accent-color:var(--nb-yellow)}
input[type=file]{max-width:100%;font-family:var(--nb-body)}
input:disabled,select:disabled,textarea:disabled{opacity:.6;cursor:not-allowed}
@media (max-width:700px){input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:16px!important}}

/* ---------- 7. Badges, labels, messages ---------- */
.pill,.badge,.tag,.chip,.status,.notification-badge,.offerwall-status,.item-request-status{
  border:2px solid #000!important;border-radius:999px!important;background:var(--nb-sage)!important;color:#000!important;font-weight:800!important;line-height:1.2}
.kicker,.choice-label,.withdraw-kicker,.landing-kicker,.auth-kicker,.menu-label{
  background:#fff!important;color:#000!important;border:2px solid #000!important;border-radius:999px!important;
  padding:3px 10px;font-weight:800!important;font-size:12px;letter-spacing:.06em;display:inline-block;width:fit-content;max-width:100%}
:is(.pill,.badge,.status,.offerwall-status,.item-request-status)[class*=pending],
:is(.pill,.badge,.status,.offerwall-status,.item-request-status)[class*=wait],
:is(.pill,.badge,.status,.offerwall-status,.item-request-status)[class*=process]{background:var(--nb-yellow)!important}
:is(.pill,.badge,.status,.offerwall-status,.item-request-status)[class*=reject],
:is(.pill,.badge,.status,.offerwall-status,.item-request-status)[class*=fail],
:is(.pill,.badge,.status,.offerwall-status,.item-request-status)[class*=cancel],
:is(.pill,.badge,.status,.offerwall-status,.item-request-status)[class*=error]{background:var(--nb-red)!important}
.notification-badge{background:var(--nb-red)!important;min-width:22px;text-align:center}

.msg{min-height:20px;background:transparent;color:var(--nb-text);font-weight:700}
.msg:empty{border:0!important;box-shadow:none!important;padding:0!important;background:transparent!important}
.msg:not(:empty){padding:10px 12px;background:#fff!important;color:#000!important;border:2px solid #000!important;border-radius:8px!important;box-shadow:3px 3px 0 0 #000!important}
.msg.ok,.success,.ok{background:var(--nb-sage)!important;color:#000!important}
.msg.err,.msg.error,.msg.bad,.msg.fail,.error,.alert,.warning{background:#ffd9d6!important;color:#000!important}
.error,.alert,.warning,.success{border:2px solid #000;border-radius:8px;box-shadow:3px 3px 0 0 #000}
.empty,.public-empty,.exchange-empty,.lb-empty,.withdraw-live-empty{
  background:transparent!important;color:var(--nb-muted)!important;border:2px dashed var(--nb-line)!important;border-radius:var(--nb-r)!important;box-shadow:none!important;padding:18px;text-align:center}

/* ---------- 8. Tables ---------- */
.public-table-scroll,.table-wrap,.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}
table{border-collapse:separate!important;border-spacing:0!important;background:var(--nb-surface)!important;color:var(--nb-text)!important;border:2px solid var(--nb-line)!important;border-radius:8px;width:100%}
th,td{border:0!important;border-right:2px solid var(--nb-line)!important;border-bottom:2px solid var(--nb-line)!important;padding:10px 12px!important;text-align:left;vertical-align:middle}
th:last-child,td:last-child{border-right:0!important}
tbody tr:last-child td,tr:last-child>td{border-bottom:0!important}
th{background:var(--nb-yellow)!important;color:#000!important;font-family:var(--nb-head);font-weight:800;white-space:nowrap}
.table-wrap table,.public-table-scroll table{border:0!important;border-radius:0}

/* ---------- 9. Menu, modals, overlays ---------- */
.menu-drawer,.guest-menu{background:var(--nb-surface)!important;color:var(--nb-text)!important;border:0!important;border-right:2px solid var(--nb-line)!important;border-radius:0!important;box-shadow:var(--nb-sh-lg)!important;transform-origin:left}
.menu-drawer *,.guest-menu *{max-width:100%}
.menu-theme-box{background:var(--nb-sage)!important;color:#000!important;border:2px solid #000!important;border-radius:var(--nb-r)!important;box-shadow:var(--nb-sh)!important}
.menu-theme-box *{color:#000!important}
.menu-backdrop,.guest-menu-backdrop,.modal,.game-exchange-modal,.withdraw-detail-modal,.public-proof-modal,.security-overlay{background-color:rgba(23,30,25,.78)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
.modal{overflow-y:auto;overscroll-behavior:contain}
.modal.show{display:grid}
.modal .card,.game-exchange-box,.withdraw-detail-box,.public-proof-modal-box,.auth-modal-v2{max-height:calc(100vh - 28px);max-height:calc(100dvh - 28px);overflow-y:auto;overscroll-behavior:contain}
#authModal .auth-modal-v2{transform:none!important;width:min(440px,calc(100% - 28px))!important;max-width:calc(100vw - 28px)!important;padding:28px!important}
#authModal .auth-modal-v2:hover{transform:none!important}
#authModal .auth-modal-v2::before{transform:none!important;position:static!important;display:none!important}
.security-overlay-card{background:var(--nb-yellow)!important;color:#000!important}

/* ---------- 10. Leaderboard / progress / misc ---------- */
.lb-podium-card:nth-child(2){background:var(--nb-yellow)!important;color:#000!important}
.lb-podium-card:nth-child(3){background:var(--nb-sage)!important;color:#000!important}
.lb-avatar,.lb-medal,.intro-icon,.choice-icon,.game-choice-icon{border:2px solid #000!important;border-radius:50%!important;background:#fff!important;color:#000!important;box-shadow:2px 2px 0 0 #000!important}
.xpbar,.task-progress-track,.progress,.progress-track{background:#fff!important;border:2px solid #000!important;border-radius:999px!important;box-shadow:none!important;overflow:hidden}
.xpfill,.task-progress-fill,.progress-fill,.progress>span{background:var(--nb-charcoal)!important;border-radius:0!important;box-shadow:none!important}
html[data-theme="dark"] .xpfill,html[data-theme="dark"] .task-progress-fill{background:var(--nb-yellow)!important}
.qr-preview img,.public-proof-thumb,.withdraw-detail-qr img{border:2px solid #000;border-radius:8px;background:#fff;box-shadow:var(--nb-sh)}
.offerwall-frame{border:2px solid #000!important;border-radius:var(--nb-r)!important;box-shadow:var(--nb-sh)!important;background:#fff}
.stars,.star,.rating{color:var(--nb-star)!important}
nav a,.nav a,.menu a,.sidebar a{font-weight:700}

/* ---------- 11. Never allow: tilt, blur, soft shadow ---------- */
.card,.panel,.stat,.uiverse-card,.uiverse-alert,.uiverse-value,.referral-total,.referral-box,.landing-stat,.home-money-card,.home-daily-card,.groups-home-card,.withdraw-card,.withdraw-live-card,.public-table-card,.exchange-hero,.acc-card,.auth-modal-v2{transform:none!important;filter:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}

/* ---------- 12. Responsive ---------- */
@media (max-width:900px){
  .guest-intro-grid,.landing-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:700px){
  :root{--nb-sh:3px 3px 0 0 #000;--nb-sh-lg:5px 5px 0 0 #000;--nb-sh-xl:6px 6px 0 0 #000}
  .wrap{padding-left:10px!important;padding-right:10px!important}
  .top{top:6px!important}
  button,.btn,a.btn,[role=button]{max-width:100%;white-space:normal}
  .guest-intro-grid,.landing-stats,.guest-intro-how ol{grid-template-columns:1fr!important}
  th,td{padding:8px 10px!important;font-size:13px}
  .modal{padding:10px!important}
}
@media (max-width:380px){
  .top{gap:6px!important;padding:6px 8px!important}
  h1{font-size:clamp(26px,9vw,34px)!important}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}


/* ==========================================================================
   13. V39 SYNC — cover every card-like block the JS renders (withdraw, transfer,
   history, cashback, notifications, referral, account, admin, destination…)
   Same recipe as section 4: surface · 2px border · hard shadow · no tilt.
   ========================================================================== */
.withdraw-overview-card,.withdraw-action-panel,.transfer-v18,.withdraw-history-v18,.withdraw-form,
.withdraw-history-item,.withdraw-live-item,.withdraw-live-more,.withdraw-card-info,.withdraw-code-cell,
.withdraw-detail-row,.withdraw-detail-section,.withdraw-balance-mini,.withdraw-balance-inline,.withdraw-note,.withdraw-transfer,
.item-exchange-panel,.item-exchange-head,.item-history,.game-item-card,.acc-card,.exchange-card,.group-acc,
.payment-card,.account-v18,.account-profile-v18,.account-payment-v18,.account-stats-v18>*,.account-detail-grid-v18>*,.account-form-grid>.field,
.cashback-page,.cashback-history-card,.cashback-widget-shell,.cashback-rules,.cashback-pill,.cashback-income,.money-history-card,
.notifications-card,.notification-item,.referral-page,.referral-stat,.referral-grid>*,.referral-total-grid>*,.referral-copy-row,
.home-money-strip,.home-intro-link-card,.telegram-account-link-card,.telegram-link-notice,.qr-required-box,.offerwall-panel,.offerwall-page,
.task-card-inner,.task-stats>*,.task-help-video-button,.uiverse-value,.uiverse-card-list>*,.uiverse-referral-list>*,
.public-landing-wrap .landing-tables>*,.rules-page,.intro-page,.main-income,.offerwall-income,.mini,.item{
  background:var(--nb-surface)!important;color:var(--nb-text)!important;
  border:2px solid var(--nb-line)!important;border-radius:var(--nb-r)!important;
  box-shadow:var(--nb-sh)!important;transform:none!important;filter:none!important;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
}
/* wrappers that contain other cards: keep the frame, bigger shadow, real padding */
.withdraw-overview-card,.withdraw-action-panel,.transfer-v18,.withdraw-history-v18,.item-exchange-panel,.account-v18,.cashback-page,.referral-page{
  border-radius:var(--nb-r-lg)!important;box-shadow:var(--nb-sh-lg)!important;padding:18px;margin-top:16px}
.withdraw-overview-card{margin-top:0}
.withdraw-action-panel{background:var(--nb-surface)!important}
/* the form inside the action panel is just a layout region, not a second card */
.withdraw-form{background:transparent!important;border:0!important;border-top:2px dashed var(--nb-line)!important;border-radius:0!important;box-shadow:none!important;padding:16px 0 0!important}
.withdraw-form.hidden,.item-exchange-panel.hidden{display:none!important}
.withdraw-detail-section{box-shadow:none!important;padding:12px!important}
.withdraw-detail-row,.withdraw-code-cell{box-shadow:2px 2px 0 0 #000!important;padding:10px!important}

/* head rows inside those cards */
.withdraw-overview-head,.withdraw-action-head,.transfer-v18-head,.withdraw-history-head,.item-exchange-head,.groups-home-head,.referral-head,.section-v18-head{
  display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;margin-bottom:12px;
  background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
.item-exchange-head{border-radius:0!important}
.withdraw-balance-mini,.withdraw-balance-inline{background:var(--nb-yellow)!important;color:#000!important;padding:8px 14px;box-shadow:var(--nb-sh)!important;border-radius:999px!important;font-weight:800;display:inline-flex;flex-direction:column;gap:2px;align-items:center}
.withdraw-balance-mini *,.withdraw-balance-inline *{color:#000!important}
.transfer-v18-icon,.withdraw-live-icon,.group-home-icon,.task-icon,.uiverse-icon,.withdraw-more-icon,.account-avatar-v18,.history-arrow,.task-arrow{
  background:#fff!important;color:#000!important;border:2px solid #000!important;border-radius:50%!important;box-shadow:2px 2px 0 0 #000!important;display:inline-grid;place-items:center}
.transfer-v18-grid,.withdraw-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}

/* selectable tiles (buttons that behave like cards) */
.withdraw-choice-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px}
.withdraw-method-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.withdraw-amount-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.card-network-grid,.game-package-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}
button.withdraw-choice,button.withdraw-method-tile,button.withdraw-amount-btn,.game-package-option,button.card-network-btn,button.group-home-btn{
  background:var(--nb-surface)!important;color:var(--nb-text)!important;border:2px solid var(--nb-line)!important;
  border-radius:var(--nb-r)!important;box-shadow:var(--nb-sh)!important;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center;padding:14px 10px;min-height:96px}
button.withdraw-amount-btn{min-height:0;padding:12px 8px;display:block}
button.withdraw-choice small,button.withdraw-method-tile small{color:var(--nb-muted)!important;font-weight:600}
button.withdraw-choice.active,button.withdraw-method-tile.active,button.withdraw-amount-btn.active,button.withdraw-amount-btn.selected,button.withdraw-amount-btn[aria-pressed=true],
.game-package-option.active,.game-package-option.selected,button.card-network-btn.active,button.card-network-btn.selected{
  background:var(--nb-yellow)!important;color:#000!important;border-color:#000!important}
button.withdraw-choice.active small,button.withdraw-method-tile.active small,.game-package-option.active small,.game-package-option.selected small{color:#000!important}
@media (hover:hover){
  button.withdraw-choice:not(.active):hover,button.withdraw-method-tile:not(.active):hover,button.withdraw-amount-btn:not(.active):not(.selected):hover,
  .game-package-option:not(.active):not(.selected):hover{background:var(--nb-sage)!important;color:#000!important}
  button.withdraw-choice:not(.active):hover small,button.withdraw-method-tile:not(.active):hover small{color:#000!important}
}
.withdraw-choice .choice-icon{width:44px;height:44px;display:grid;place-items:center;font-size:22px}

/* history & live lists: card rows with real spacing */
.withdraw-history-list,.withdraw-live-list,.notification-list,.uiverse-card-list,.uiverse-referral-list{display:grid;gap:12px;margin-top:12px}
.withdraw-history-item{padding:14px 120px 14px 14px!important;position:relative}
.withdraw-history-item .wh-detail{position:absolute;right:12px;top:12px}
.withdraw-history-item .wh-status,.withdraw-live-status,.cashback-pill{display:inline-flex;border:2px solid #000!important;border-radius:999px!important;background:var(--nb-sage)!important;color:#000!important;font-weight:800;padding:4px 10px}
.withdraw-history-item .wh-status[class*=pending],.withdraw-history-item .wh-status[class*=wait]{background:var(--nb-yellow)!important}
.withdraw-history-item .wh-status[class*=reject],.withdraw-history-item .wh-status[class*=fail]{background:var(--nb-red)!important}
.withdraw-history-item *{color:inherit}
.withdraw-history-item .wh-meta{color:var(--nb-muted)!important}
.withdraw-live-card{height:auto!important;min-height:0;overflow:visible!important}
.withdraw-live-list{height:auto!important;grid-template-rows:none!important;overflow:visible!important}
#overview .withdraw-live-item{background:var(--nb-surface)!important;border:2px solid var(--nb-line)!important;box-shadow:2px 2px 0 0 #000!important;border-radius:var(--nb-r)!important;overflow:visible!important;min-height:52px!important;padding:8px 10px!important}
#overview .withdraw-live-item:hover{transform:none!important}
.withdraw-live-more{justify-content:center;background:var(--nb-yellow)!important;color:#000!important;text-align:center}
.withdraw-live-more *{color:#000!important}
.withdraw-live-meta,.withdraw-live-sub{color:var(--nb-muted)!important}
.withdraw-page{margin:0!important;padding:16px 0 40px!important}
.withdraw-page::before{display:none!important}
.withdraw-shell{display:grid;gap:16px}
.withdraw-shell>*{margin-top:0}

/* sibling colour cycle for stacked sections (white → yellow → sage) */
.withdraw-shell>.transfer-v18{background:var(--nb-sage)!important;color:#000!important}
.withdraw-shell>.transfer-v18 :is(.muted,small,p,span,label){color:#000!important}
.withdraw-shell>.transfer-v18 .transfer-v18-icon{background:#fff!important}

/* cashback / notification / referral / account sub-blocks */
.notification-item.unread,.notification-item[class*=unread]{background:var(--nb-yellow)!important;color:#000!important}
.notification-unread-dot{background:var(--nb-red)!important;border:2px solid #000!important;border-radius:50%!important}
.cashback-history-card,.notification-item,.money-history-card,.referral-stat{padding:14px}
.cashback-history-amount{font-weight:800}
.referral-stat,.referral-total-grid>*{background:var(--nb-yellow)!important;color:#000!important}
.referral-total-grid>:nth-child(2n){background:var(--nb-sage)!important}
.referral-stat *,.referral-total-grid>* *{color:#000!important}
.account-v18,.cashback-page,.referral-page{display:block}
.account-stats-v18>*:nth-child(3n+2){background:var(--nb-yellow)!important;color:#000!important}
.account-stats-v18>*:nth-child(3n){background:var(--nb-sage)!important;color:#000!important}
.telegram-link-notice,.home-intro-link-card,.qr-required-box{background:var(--nb-yellow)!important;color:#000!important;padding:14px}
.telegram-link-notice *,.home-intro-link-card *,.qr-required-box *{color:#000}
.qr-required-modal{background-color:rgba(23,30,25,.78)!important}
.task-help-video-button{padding:10px 14px;display:inline-flex;gap:8px;align-items:center}
.home-money-strip{padding:12px 14px;display:flex;gap:12px;flex-wrap:wrap}

/* nested-card hygiene: a card directly inside a surface shrinks its shadow */
:is(.withdraw-overview-card,.withdraw-action-panel,.transfer-v18,.withdraw-history-v18,.item-exchange-panel) :is(.card,.withdraw-card,.game-item-card,.exchange-card,.acc-card){box-shadow:3px 3px 0 0 #000!important}

/* menu groups (sidebar) */
.history-menu-group,.task-menu-group{background:transparent!important;border:0!important;box-shadow:none!important}
.history-submenu,.task-submenu{border-left:2px solid var(--nb-line);margin-left:10px;padding-left:8px;background:transparent!important}
.history-subitem,.task-subitem{background:transparent!important;border:2px solid transparent!important;box-shadow:none!important}
.history-subitem:hover,.task-subitem:hover{background:var(--nb-sage)!important;color:#000!important;border-color:#000!important}

/* ---------- admin.html ---------- */
.admin-nav{display:flex;gap:10px;flex-wrap:wrap;background:var(--nb-surface)!important;border:2px solid var(--nb-line)!important;border-radius:var(--nb-r-lg)!important;box-shadow:var(--nb-sh)!important;padding:12px;margin:12px 0}
.admin-nav-group{background:transparent!important;border:0!important;box-shadow:none!important;display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.admin-nav-title{background:#fff!important;color:#000!important;border:2px solid #000!important;border-radius:999px!important;padding:3px 10px;font-weight:800;font-size:12px;letter-spacing:.06em}
.item-admin-create,.item-admin-form-grid>*,.item-admin-list-head,.item-admin-presets,.item-image-note,.member-detail,.member-money-entry,.member-result,
.security-account-group,.security-account-tools,.online-stat,.proof-admin-thumb,.withdraw-action-bar,.quick,.scan,.lb-rank{
  background:var(--nb-surface)!important;color:var(--nb-text)!important;border:2px solid var(--nb-line)!important;border-radius:var(--nb-r)!important;box-shadow:var(--nb-sh)!important;transform:none!important}
.item-admin-form-grid,.item-admin-presets{background:transparent!important;border:0!important;box-shadow:none!important}
.item-admin-form-grid>*{box-shadow:none!important;border:0!important;background:transparent!important}
.member-money-plus{background:var(--nb-sage)!important;color:#000!important}
.member-money-minus{background:var(--nb-red)!important;color:#000!important}
.admin-stat-icon{background:#fff!important;border:2px solid #000!important;border-radius:50%!important;box-shadow:2px 2px 0 0 #000!important}
.proof-viewer{background:rgba(23,30,25,.85)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
.proof-viewer-box{background:var(--nb-surface)!important;color:var(--nb-text)!important;border:2px solid var(--nb-line)!important;border-radius:var(--nb-r-lg)!important;box-shadow:var(--nb-sh-lg)!important}
.proof-viewer-head{background:var(--nb-yellow)!important;color:#000!important;border-bottom:2px solid #000!important}
.proof-viewer-close,.detail-close{background:#fff!important;color:#000!important}
.head{display:flex;gap:14px;align-items:center;background:var(--nb-yellow)!important;background-image:var(--nb-dots)!important;background-size:32px 32px!important;color:#000!important;border:2px solid #000!important;border-radius:var(--nb-r-lg)!important;box-shadow:var(--nb-sh-lg)!important;padding:14px 16px;margin-bottom:16px}
.head *{color:#000!important}
.head img{border:2px solid #000;border-radius:50%;background:#fff;max-height:56px;width:auto}

/* ---------- destination.html ---------- */
.task,.reward{background:var(--nb-surface)!important;color:var(--nb-text)!important;border:2px solid var(--nb-line)!important;border-radius:var(--nb-r)!important;box-shadow:var(--nb-sh)!important;padding:12px 14px;margin-top:12px;display:block}
.reward{background:var(--nb-yellow)!important;color:#000!important}
.reward *{color:#000!important}
.spinner{width:34px;height:34px;margin:14px auto;border:4px solid var(--nb-line);border-top-color:var(--nb-yellow);border-radius:50%;animation:nb-spin .8s linear infinite;background:transparent!important;box-shadow:none!important}
@keyframes nb-spin{to{transform:rotate(360deg)}}
.footer{color:var(--nb-muted)!important;text-align:center;font-size:12px;margin-top:14px}
.status{margin-top:12px}

/* ---------- responsive for the new blocks ---------- */
@media (max-width:900px){.withdraw-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:650px){
  .withdraw-method-grid{grid-template-columns:1fr}
  .withdraw-amount-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .transfer-v18-grid,.withdraw-detail-grid,.withdraw-code-row{grid-template-columns:1fr}
  .withdraw-overview-card,.withdraw-action-panel,.transfer-v18,.withdraw-history-v18,.item-exchange-panel{padding:14px}
  .withdraw-history-item{padding:52px 14px 14px!important}
  .withdraw-history-item .wh-detail{right:12px;top:10px}
}
@media (max-width:380px){.withdraw-choice-grid{grid-template-columns:1fr}}


/* ==========================================================================
   14. V39 — LANDING (guest) + HOME (member) REDESIGN
   Hero · marquee · feature grid · dark steps · live data · CTA · footer
   Only #ffe17c / #171e19 / #b7c6c2 for branded bands. 0-blur shadows. No gradients
   (the 32px dot pattern is the only permitted background-image).
   ========================================================================== */

/* ---- shared building blocks ---- */
.public-landing-wrap{display:grid;gap:22px!important;padding:12px 0 36px!important}
.nb-section{position:relative;border:2px solid var(--nb-line)!important;border-radius:var(--nb-r-lg)!important;box-shadow:var(--nb-sh-lg)!important;padding:clamp(18px,3.5vw,44px)!important;margin:0!important;transform:none!important}
.nb-yellow{background-color:var(--nb-yellow)!important;background-image:var(--nb-dots)!important;background-size:32px 32px!important;color:#000!important}
.nb-yellow :is(h2,h3,h4,p,span:not(.landing-kicker),li,b,small){color:#000!important}
.nb-dark{background:#171e19!important;color:#fff!important;border-color:var(--nb-line)!important}
html:not([data-theme="dark"]) .nb-dark{border-color:#000!important}
.nb-sage{background:var(--nb-sage)!important;color:#000!important}
.nb-sage :is(h2,h3,h4,p,small,.muted){color:#000!important}
.nb-plain{background:var(--nb-surface)!important;color:var(--nb-text)!important}
.nb-head{max-width:760px;margin:0 0 24px}
.nb-head h2{font-size:clamp(28px,4.6vw,52px)!important;margin:12px 0 10px}
.nb-head p{font-size:clamp(15px,1.6vw,18px);margin:0}
.nb-sub{font-size:clamp(18px,2.2vw,24px);margin:0 0 14px}
.nb-dark .nb-head :is(h2,p){color:#fff!important}
.nb-dark .landing-kicker{background:var(--nb-yellow)!important;color:#000!important;border-color:#000!important}
.btn.nb-btn-dark.nb-btn-dark.nb-btn-dark.nb-btn-dark.nb-btn-dark.nb-btn-dark.nb-btn-dark.nb-btn-dark.nb-btn-dark.nb-btn-dark,button.nb-btn-dark.nb-btn-dark.nb-btn-dark.nb-btn-dark.nb-btn-dark.nb-btn-dark.nb-btn-dark.nb-btn-dark.nb-btn-dark.nb-btn-dark{background:#000!important;color:#fff!important;border:2px solid #000!important;box-shadow:var(--nb-sh-lg)!important;border-radius:12px!important;padding:14px 24px}
@media (hover:hover){.btn.nb-btn-dark:hover,button.nb-btn-dark:hover{transform:translate(4px,4px)!important;box-shadow:var(--nb-sh)!important}}
.nb-btn-dark.lg{font-size:16px}
.landing-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:22px}
.landing-actions .btn{min-height:48px}

/* ---- hero ---- */
.public-landing-wrap .landing-hero.nb-hero{display:grid!important;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(20px,4vw,52px);align-items:center;padding:clamp(20px,4.5vw,56px)!important;margin:0!important}
.nb-hero .landing-copy{display:flex;flex-direction:column;align-items:flex-start;gap:14px;min-width:0}
.nb-hero .kiemmoney-new-logo{max-height:64px;width:auto;border:2px solid #000;border-radius:12px;background:#fff;padding:4px;box-shadow:var(--nb-sh)}
.nb-hero h1{font-size:clamp(40px,7.4vw,92px)!important;line-height:.98!important;letter-spacing:-.05em!important;margin:4px 0 0;color:#000!important}
.nb-hero h1 .nb-outline,.nb-outline{color:transparent!important;-webkit-text-stroke:2px #000;text-stroke:2px #000;display:inline-block}
.nb-hero p{font-size:clamp(16px,1.7vw,20px);max-width:560px;margin:0;color:#000!important;font-weight:600}
.nb-hero .landing-kicker{background:#fff!important}
.nb-trust{list-style:none;display:flex;gap:8px 18px;flex-wrap:wrap;margin:6px 0 0;padding:0;font-weight:800;font-size:14px;color:#000}
.nb-trust li{color:#000!important}

/* browser mockup */
.nb-mock{background:#fff!important;color:#000!important;border:2px solid #000!important;border-radius:16px!important;box-shadow:var(--nb-sh-xl)!important;overflow:hidden;padding:0!important;display:block!important;min-width:0}
.nb-mock-bar{display:flex;align-items:center;gap:7px;background:#000;color:#fff;padding:11px 14px}
.nb-mock-bar i{width:12px;height:12px;border-radius:50%;display:block;background:#ff5f57}
.nb-mock-bar i:nth-child(2){background:#febc2e}
.nb-mock-bar i:nth-child(3){background:#28c840}
.nb-mock-bar span{margin-left:10px;font-size:12px;font-weight:700;opacity:.8;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nb-mock-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px;background:#fff}
.nb-mock-body .landing-mini-card{display:flex;flex-direction:column;gap:6px;padding:14px!important;box-shadow:3px 3px 0 0 #000!important;border:2px solid #000!important;border-radius:12px!important}
.nb-mock-body .landing-mini-card b{font-family:var(--nb-head);font-size:16px}
.nb-mock-body .landing-mini-card span{font-size:13px;font-weight:600;line-height:1.45}
.nb-mock-body .landing-mini-card:nth-child(1){grid-column:1/-1;background:var(--nb-sage)!important;color:#000!important}
.nb-mock-body .landing-mini-card:nth-child(2){background:var(--nb-charcoal)!important;color:#fff!important}
.nb-mock-body .landing-mini-card:nth-child(2) *{color:#fff!important}
.nb-mock-body .landing-mini-card:nth-child(3){background:var(--nb-yellow)!important;color:#000!important}
.nb-mock-body .landing-mini-card:nth-child(1) *,.nb-mock-body .landing-mini-card:nth-child(3) *{color:#000!important}

/* ---- marquee ---- */
.nb-marquee{overflow:hidden;background:#171e19;border:2px solid var(--nb-line);border-radius:var(--nb-r);box-shadow:var(--nb-sh);padding:16px 0}
html:not([data-theme="dark"]) .nb-marquee{border-color:#000}
.nb-marquee-track{display:flex;width:max-content;animation:nb-marquee 40s linear infinite}
.nb-marquee-set{display:flex;align-items:center;gap:36px;padding-right:36px}
.nb-marquee-set span{font-family:var(--nb-head);font-weight:800;font-size:clamp(16px,2vw,22px);letter-spacing:-.02em;color:#b7c6c2;opacity:.5;white-space:nowrap}
@keyframes nb-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ---- stats ---- */
.public-landing-wrap .landing-stats{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:0!important}
.landing-stat{padding:20px 22px!important;display:flex;flex-direction:column;gap:6px}
.landing-stat small{font-weight:800;letter-spacing:.06em;color:inherit!important;opacity:.8}
.landing-stat b{font-family:var(--nb-head);font-size:clamp(28px,5vw,48px);line-height:1;letter-spacing:-.04em}
.landing-stat span{font-size:13px;font-weight:600}
.landing-stats>:nth-child(1){background:var(--nb-yellow)!important;color:#000!important}
.landing-stats>:nth-child(2){background:var(--nb-sage)!important;color:#000!important}
.landing-stats>* *{color:#000!important}

/* ---- feature + prize grids ---- */
.nb-section .guest-intro-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0!important}
.guest-intro-card{display:flex;flex-direction:column;gap:10px;padding:22px!important;min-width:0}
.guest-intro-card h4{font-size:clamp(18px,1.9vw,24px);margin:0}
.guest-intro-card p{margin:0;font-size:14px;line-height:1.6;font-weight:500}
.guest-intro-card>span:first-child{width:64px;height:64px;flex:0 0 64px;display:grid;place-items:center;font-size:30px;background:var(--nb-sage);color:#000;border:2px solid #000;border-radius:12px;box-shadow:2px 2px 0 0 #000;transition:background-color .2s ease,transform .2s cubic-bezier(.175,.885,.32,1.275)}
.guest-intro-card:hover>span:first-child{background:var(--nb-yellow);transform:translate(2px,2px);box-shadow:none}
/* features: all white cards (spec) */
.nb-features .guest-intro-grid>.guest-intro-card:nth-child(n){background:#fff!important;color:#000!important}
.nb-features .guest-intro-grid>.guest-intro-card *{color:#000}
/* prizes: sage / yellow / charcoal bento */
.nb-prizes .guest-intro-grid>.guest-intro-card:nth-child(3n+1){background:var(--nb-sage)!important;color:#000!important}
.nb-prizes .guest-intro-grid>.guest-intro-card:nth-child(3n+2){background:var(--nb-yellow)!important;color:#000!important;box-shadow:var(--nb-sh-lg)!important}
.nb-prizes .guest-intro-grid>.guest-intro-card:nth-child(3n){background:var(--nb-dark-card)!important;color:#fff!important;border-color:#000!important}
.nb-prizes .guest-intro-grid>.guest-intro-card:nth-child(3n+1) *,.nb-prizes .guest-intro-grid>.guest-intro-card:nth-child(3n+2) *{color:#000!important}
.nb-prizes .guest-intro-grid>.guest-intro-card:nth-child(3n) :is(h4,p){color:#fff!important}
.nb-prizes .guest-intro-grid>.guest-intro-card:nth-child(3n)>span:first-child{background:#fff;color:#000}

/* ---- dark steps ---- */
.nb-dark.guest-intro-how{background:#171e19!important;box-shadow:var(--nb-sh-lg)!important;border-radius:var(--nb-r-lg)!important}
.guest-intro-how ol{list-style:none;counter-reset:nbstep;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:8px 0 0;padding:0;position:relative}
.guest-intro-how ol::before{content:"";position:absolute;left:12.5%;right:12.5%;top:46px;height:4px;background:var(--nb-dark-card);z-index:0}
.nb-dark.guest-intro-how ol>li{counter-increment:nbstep;position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;background:transparent!important;border:0!important;box-shadow:none!important;padding:0 6px!important;color:#fff!important}
.nb-dark.guest-intro-how ol>li::before{content:counter(nbstep);width:92px;height:92px;display:grid;place-items:center;border-radius:50%;background:#171e19;color:#fff;font-family:var(--nb-head);font-weight:800;font-size:34px;border:4px solid var(--nb-sage);margin-bottom:8px}
.nb-dark.guest-intro-how ol>li:nth-child(2)::before{border-color:var(--nb-yellow)}
.nb-dark.guest-intro-how ol>li:nth-child(3)::before{border-color:#fff}
.nb-dark.guest-intro-how ol>li b{font-family:var(--nb-head);font-size:19px;color:#fff!important}
.nb-dark.guest-intro-how ol>li span{font-size:14px;color:var(--nb-sage)!important;line-height:1.55}
.guest-intro-closing{margin:28px 0 0!important;padding:14px 18px!important;background:var(--nb-yellow)!important;color:#000!important;border:2px solid #000!important;border-radius:var(--nb-r)!important;box-shadow:var(--nb-sh)!important;font-weight:700}
.guest-intro-closing *{color:#000!important}

/* ---- live data ---- */
.nb-live .landing-section-title{margin:0 0 18px}
.nb-live .landing-section-title h2{font-size:clamp(26px,4vw,44px)!important;margin:0 0 6px}
.nb-live .landing-section-title p{margin:0;font-weight:600}
.nb-live .landing-tables{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:0!important}
.nb-live .public-table-card{padding:16px!important;min-width:0}
.nb-live .public-table-card+.public-table-card{margin-top:0}
.nb-live>.public-table-card{margin-top:20px!important}
.public-table-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}
.public-table-head h3{font-size:clamp(17px,2vw,22px);margin:0}
.public-table-head>span{background:var(--nb-yellow);color:#000;border:2px solid #000;border-radius:999px;padding:2px 12px;font-weight:800;box-shadow:2px 2px 0 0 #000}
.landing-note{background:var(--nb-surface)!important;color:var(--nb-text)!important;border:2px dashed var(--nb-line)!important;border-radius:var(--nb-r)!important;padding:14px 18px!important;font-weight:600;font-size:14px;box-shadow:none!important}

/* ---- final CTA + footer ---- */
.nb-cta{text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px}
.nb-cta h2{font-size:clamp(30px,5.4vw,64px)!important;max-width:880px;margin:0}
.nb-cta p{max-width:620px;font-size:clamp(15px,1.7vw,19px);font-weight:600;margin:6px 0 0}
.nb-cta .landing-actions{justify-content:center}
.nb-footer{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:28px;background:#171e19;color:#fff;border:2px solid var(--nb-line);border-radius:var(--nb-r-lg);box-shadow:var(--nb-sh-lg);padding:clamp(20px,3.5vw,40px)}
html:not([data-theme="dark"]) .nb-footer{border-color:#000}
.nb-footer h4{font-size:15px;margin:0 0 12px;color:var(--nb-yellow)!important;letter-spacing:.02em}
.nb-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.nb-footer li,.nb-footer p{color:var(--nb-sage)!important;font-size:14px;margin:0;font-weight:500}
.nb-footer a{color:#fff;font-weight:700;text-decoration:underline}
.nb-footer a:hover{color:var(--nb-yellow)}
.nb-foot-brand{display:flex;flex-direction:column;gap:10px}
.nb-foot-brand b{font-family:var(--nb-head);font-size:22px;color:#fff!important}
.nb-logo-sq{width:40px;height:40px;display:grid;place-items:center;background:#000;color:var(--nb-yellow);border:2px solid var(--nb-sage);border-radius:10px;font-size:20px}

/* ==========================================================================
   HOME (member) — #overview
   ========================================================================== */
#overview>*{margin-top:0!important;margin-bottom:0!important}
#overview{display:grid;gap:22px}
#overview:not(.active){display:none}
#overview .telegram-link-notice{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;background:var(--nb-sage)!important;color:#000!important;padding:14px 18px!important}
#overview .telegram-link-notice[data-linked="1"]{background:var(--nb-yellow)!important}
#overview .telegram-link-notice p{margin:4px 0 0;color:#000!important;font-size:14px}
#overview .home-cosmic-hero.nb-home-hero{display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(18px,3vw,40px);align-items:center;padding:clamp(18px,3.4vw,44px)!important;margin:0!important;background-color:var(--nb-yellow)!important;color:#000!important}
.nb-home-copy{display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-width:0}
.nb-home-copy h2{font-size:clamp(30px,5vw,60px)!important;line-height:1.02!important;margin:0;color:#000!important}
.nb-home-copy p{margin:0;font-size:clamp(15px,1.6vw,18px);font-weight:600;color:#000!important;max-width:520px}
.nb-home-copy .landing-kicker{background:#fff!important}
#overview .home-cosmic-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:10px}
#overview .nb-home-hero .withdraw-live-card{width:100%!important;margin:0!important;padding:16px!important;background:#fff!important;color:#000!important;border:2px solid #000!important;border-radius:16px!important;box-shadow:var(--nb-sh-lg)!important;overflow:visible!important;height:auto!important}
#overview .nb-home-hero .withdraw-live-card *{color:inherit}
#overview .withdraw-live-head{padding:0 0 12px!important;margin:0 0 12px!important;border-bottom:2px solid #000!important}
#overview .withdraw-live-title{font-family:var(--nb-head);color:#000!important}
#overview .withdraw-live-sub,#overview .withdraw-live-meta{color:#4b5563!important}
#overview .withdraw-live-list{max-height:none!important;overflow:visible!important;gap:10px!important}
#overview .withdraw-live-item{background:#fff!important;color:#000!important;box-shadow:2px 2px 0 0 #000!important}
#overview .withdraw-live-item:nth-child(2n){background:var(--nb-sage)!important}
#overview .withdraw-live-item:nth-child(2n) .withdraw-live-meta{color:#000!important}
#overview .withdraw-live-amount{background:var(--nb-yellow);color:#000!important;border:2px solid #000;border-radius:999px;padding:2px 10px}
#overview .withdraw-live-user{color:#000!important;text-overflow:ellipsis}
#overview .withdraw-live-more{background:var(--nb-yellow)!important;color:#000!important}
#overview .withdraw-live-empty{color:#4b5563!important}

/* money strip: 4 colour-cycled stat cards */
#overview .home-money-strip{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
#overview .home-money-card{display:flex;flex-direction:column;gap:6px;padding:18px 20px!important;min-width:0}
#overview .home-money-card small{font-weight:800;letter-spacing:.06em;font-size:12px;color:inherit!important}
#overview .home-money-card b{font-family:var(--nb-head);font-size:clamp(24px,3.4vw,38px);line-height:1.05;letter-spacing:-.04em;color:inherit!important;word-break:break-word}
#overview .home-money-card span{font-size:13px;font-weight:600;color:inherit!important;opacity:.85}
#overview .home-money-strip>:nth-child(1){background:var(--nb-yellow)!important;color:#000!important;box-shadow:var(--nb-sh-lg)!important}
#overview .home-money-strip>:nth-child(2){background:var(--nb-surface)!important;color:var(--nb-text)!important}
#overview .home-money-strip>:nth-child(3){background:var(--nb-sage)!important;color:#000!important}
#overview .home-money-strip>:nth-child(4){background:var(--nb-dark-card)!important;color:#fff!important;border-color:#000!important}
html[data-theme="dark"] #overview .home-money-strip>:nth-child(4){border-color:var(--nb-line)!important}

/* progress + level side by side */
.nb-home-row{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:22px;align-items:stretch}
#overview .home-task-progress{display:flex!important;align-items:center;gap:clamp(16px,3vw,32px);padding:clamp(16px,2.6vw,28px)!important;margin:0!important}
#overview .home-task-ring-wrap{flex:0 0 auto!important;width:auto!important}
#overview .home-task-ring{width:clamp(120px,16vw,164px)!important;height:clamp(120px,16vw,164px)!important;padding:0!important;background:var(--nb-yellow)!important;border:2px solid #000!important;border-radius:50%!important;box-shadow:var(--nb-sh)!important;display:grid;place-items:center;color:#000}
#overview .home-task-ring-inner{width:76%!important;height:76%!important;background:#fff;border:2px solid #000;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#000}
#overview .home-task-ring-inner strong{font-family:var(--nb-head);font-size:clamp(26px,4vw,40px)!important;color:#000!important}
#overview .home-task-ring-inner small{font-size:11px!important;letter-spacing:.08em;color:#000!important;margin-top:4px}
#overview .home-task-progress-copy{display:flex;flex-direction:column;gap:8px;min-width:0}
#overview .home-task-progress-copy h3{margin:2px 0;font-size:clamp(20px,2.6vw,28px)}
#overview .home-task-progress-copy p{margin:0;font-size:14px}
#overview .home-task-progress-copy>b{font-family:var(--nb-head);font-size:18px}
.income-source-legend{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}
.income-source{display:inline-flex!important;align-items:center;gap:6px;padding:4px 10px!important;border-radius:999px!important;font-size:12px;font-weight:800;box-shadow:2px 2px 0 0 #000!important}
.income-source i{width:12px;height:12px;border-radius:50%;border:2px solid #000;display:block;background:var(--nb-sage)}
.income-source.main-income i{background:var(--nb-yellow)}
.income-source.offerwall-income i{background:var(--nb-sage)}
.income-source.cashback-income i{background:#fff}

.nb-level-card{display:flex;flex-direction:column;justify-content:center;gap:4px;padding:clamp(16px,2.6vw,28px)!important;background:var(--nb-sage)!important;color:#000!important}
.nb-level-card *{color:#000!important}
.nb-level-card .row{display:flex;justify-content:space-between;align-items:center;gap:10px;font-family:var(--nb-head);font-size:clamp(18px,2.2vw,24px)}
.nb-level-card .pill{background:#fff!important}
.nb-level-card .xpbar{height:22px;margin-top:14px!important}
.nb-level-card .xpfill{background:#000!important;height:100%}
.nb-level-card .muted{font-weight:700;font-size:13px}

/* welcome note + community groups */
.nb-note{padding:clamp(16px,2.6vw,26px)!important;border-style:solid!important}
.nb-note h2{font-size:clamp(20px,2.6vw,28px)!important;margin:0 0 8px}
.nb-note p{margin:0;font-size:14px;line-height:1.7}
#overview .groups-home-card{padding:clamp(16px,2.6vw,28px)!important;background:var(--nb-surface)!important}
#overview .groups-home-card h2{font-size:clamp(22px,3vw,34px)!important}
#overview .groups-home-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:16px}
#overview .group-home-btn{display:flex!important;flex-direction:row!important;align-items:center;justify-content:flex-start!important;gap:14px;text-align:left!important;text-decoration:none;min-height:84px;padding:14px 16px!important}
#overview .group-home-btn>span:nth-child(2){display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}
#overview .group-home-btn b{font-family:var(--nb-head);font-size:17px}
#overview .group-home-btn small{font-weight:600}
#overview .group-home-btn strong{font-size:22px}
#overview .group-home-btn .group-home-icon{width:48px;height:48px;font-size:22px;flex:0 0 48px}
#overview .group-home-btn.group-earn{background:var(--nb-yellow)!important;color:#000!important}
#overview .group-home-btn.group-acc{background:var(--nb-sage)!important;color:#000!important}
#overview .group-home-btn *{color:#000!important}

/* ---- responsive ---- */
@media (max-width:1000px){
  .nb-section .guest-intro-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .guest-intro-how ol{grid-template-columns:repeat(2,minmax(0,1fr))!important;row-gap:28px}
  .guest-intro-how ol::before{display:none}
  .nb-footer{grid-template-columns:1fr 1fr}
  #overview .home-money-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .nb-home-row{grid-template-columns:1fr}
}
@media (max-width:820px){
  .public-landing-wrap .landing-hero.nb-hero{grid-template-columns:1fr!important}
  #overview .home-cosmic-hero.nb-home-hero{grid-template-columns:1fr}
  .nb-live .landing-tables{grid-template-columns:1fr}
}
@media (max-width:620px){
  .nb-section .guest-intro-grid{grid-template-columns:1fr!important}
  .guest-intro-how ol{grid-template-columns:1fr!important}
  .public-landing-wrap .landing-stats{grid-template-columns:1fr!important}
  .nb-mock-body{grid-template-columns:1fr}
  .nb-mock-body .landing-mini-card:nth-child(1){grid-column:auto}
  .nb-footer{grid-template-columns:1fr}
  .landing-actions .btn,#overview .home-cosmic-actions .btn{flex:1 1 100%}
  #overview .groups-home-grid{grid-template-columns:1fr}
  #overview .home-task-progress{flex-direction:column;text-align:center}
  #overview .home-task-progress-copy{align-items:center}
  .income-source-legend{justify-content:center}
  .nb-hero h1{font-size:clamp(36px,12vw,52px)!important}
}
@media (max-width:420px){#overview .home-money-strip{grid-template-columns:1fr!important}}
@media (prefers-reduced-motion:reduce){.nb-marquee-track{animation:none!important}}

/* kill legacy decorative glows on hero blocks */
.landing-hero::before,.landing-hero::after,.home-cosmic-hero::before,.home-cosmic-hero::after{display:none!important;content:none!important;animation:none!important}

/* ---- polish (after visual review) ---- */
.nb-hero h1{font-size:clamp(34px,5.4vw,70px)!important}
a.group-home-btn,#overview a.group-home-btn{border:2px solid #000!important;border-radius:var(--nb-r)!important;box-shadow:var(--nb-sh)!important;cursor:pointer;transition:transform .2s cubic-bezier(.175,.885,.32,1.275),box-shadow .2s ease!important}
@media (hover:hover){a.group-home-btn:hover,#overview a.group-home-btn:hover{transform:translate(4px,4px)!important;box-shadow:0 0 0 0 #000!important}}
#overview .withdraw-live-head{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:10px}
#overview .home-task-progress-copy .pill,#overview .groups-home-card .pill{width:fit-content;align-self:flex-start}
#overview .telegram-link-notice .btn{flex:0 0 auto}
.nb-hero .btn.ghost,.nb-home-hero .btn.ghost,.nb-cta .btn.ghost{background:#fff!important;color:#000!important;border-color:#000!important}

/* ---- landing alignment fixes (real-page review) ---- */
/* legacy .landing-side rules turned the mockup into a 2-column grid on tablets: force a plain stacked block */
.public-landing-wrap .landing-hero .landing-side.nb-mock{display:block!important;grid-template-columns:none!important;align-self:center!important;gap:0!important;width:100%}
.public-landing-wrap .landing-hero .landing-side.nb-mock>.nb-mock-bar{width:100%}
.public-landing-wrap .landing-hero .landing-side.nb-mock>.nb-mock-body{width:100%}
/* same left/right edge as the sticky header on every width */
.public-landing-wrap{padding-left:0!important;padding-right:0!important}
/* CTA rows: always a flex row that wraps, buttons never split their label */
.public-landing-wrap .landing-actions{display:flex!important;flex-wrap:wrap;gap:14px}
.public-landing-wrap .landing-actions .btn{white-space:nowrap;max-width:100%}
/* an odd last card spans the row when the grid drops to 2 columns */
@media (max-width:1000px) and (min-width:621px){
  .nb-section .guest-intro-grid>.guest-intro-card:last-child:nth-child(odd){grid-column:1/-1}
}
@media (max-width:620px){
  .public-landing-wrap .landing-actions .btn{flex:1 1 100%;white-space:normal}
  .nb-hero .landing-copy{align-items:stretch}
  .nb-hero .landing-kicker{align-self:flex-start}
  .nb-trust{flex-direction:column;gap:6px}
}
html body .public-landing-wrap{padding:12px 0 36px!important;gap:22px!important}
.nb-hero .kiemmoney-new-logo{align-self:flex-start;width:auto;max-width:100%}

/* ==========================================================================
   V42 — PUBLIC INTRO PAGE (.kp-*) — rebuilt, one consistent grid/container
   ========================================================================== */
html body .public-landing-wrap.kp{display:grid!important;grid-template-columns:minmax(0,1fr);gap:28px!important;width:100%;max-width:none;margin:0;padding:14px 0 40px!important;box-sizing:border-box}
.kp>*{min-width:0;margin:0}
.kp h1,.kp h2,.kp h3,.kp h4{margin:0;text-wrap:balance}
.kp p{margin:0}
.kp-kicker{display:inline-flex;align-items:center;width:fit-content;padding:5px 12px;font:800 12px/1 var(--nb-body);letter-spacing:.08em;text-transform:uppercase;background:#fff;color:#000!important;border:2px solid #000;border-radius:999px;box-shadow:2px 2px 0 0 #000}
.kp-ico{flex:0 0 52px;width:52px;height:52px;display:grid;place-items:center;font-size:26px;line-height:1;background:var(--nb-sage);color:#000;border:2px solid #000;border-radius:12px;box-shadow:2px 2px 0 0 #000}
.kp-actions{display:flex;flex-wrap:wrap;gap:12px}
.kp-actions .btn{white-space:nowrap;max-width:100%}

/* hero */
.kp-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(20px,3vw,44px);align-items:center;padding:clamp(22px,3.4vw,52px);background:var(--nb-yellow)!important;background-image:var(--nb-dots)!important;background-size:32px 32px!important;color:#000!important;border:2px solid #000;border-radius:var(--nb-r-lg);box-shadow:var(--nb-sh)}
.kp-hero *{color:#000}
.kp-hero-copy{display:flex;flex-direction:column;align-items:flex-start;gap:18px}
.kp-logo{width:auto!important;max-width:min(100%,300px)!important;max-height:64px;margin:0!important;animation:none!important;object-fit:contain}
.kp-hero h1{font-size:clamp(32px,4.8vw,62px);line-height:1.05}
.kp-lead{font-size:clamp(15px,1.5vw,18px);line-height:1.65;max-width:56ch;font-weight:600}
.kp-trust{display:flex;flex-wrap:wrap;gap:8px 18px;margin:0;padding:0;list-style:none;font-weight:800;font-size:14px}
.kp-trust li::before{content:"✔ "}
.kp-panel{background:#fff;border:2px solid #000;border-radius:var(--nb-r-lg);box-shadow:var(--nb-sh);overflow:hidden}
.kp-panel-bar{display:flex;align-items:center;gap:6px;padding:10px 14px;background:var(--nb-charcoal);border-bottom:2px solid #000}
.kp-panel-bar i{width:11px;height:11px;border-radius:50%;background:var(--nb-red);border:1px solid #000}
.kp-panel-bar i:nth-child(2){background:var(--nb-star)}.kp-panel-bar i:nth-child(3){background:var(--nb-sage)}
.kp-panel-bar span{margin-left:8px;font:700 12px var(--nb-body);color:#fff!important}
.kp-panel-row{display:flex;align-items:center;gap:14px;padding:16px;border-bottom:2px solid #000}
.kp-panel-row:last-child{border-bottom:0}
.kp-panel-row b{display:block;font:800 16px var(--nb-head)}
.kp-panel-row div>span{display:block;margin-top:2px;font-size:13.5px;line-height:1.5;font-weight:500}

/* stats */
.kp-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.kp-stat{display:flex;flex-direction:column;gap:6px;padding:22px 24px;background:var(--nb-surface);color:var(--nb-text);border:2px solid var(--nb-line);border-radius:var(--nb-r);box-shadow:var(--nb-sh)}
.kp-stat small{font:800 12px var(--nb-body);letter-spacing:.08em;text-transform:uppercase}
.kp-stat b{font:800 clamp(28px,3.6vw,44px)/1.1 var(--nb-head);letter-spacing:-.04em}
.kp-stat>span{font-size:13.5px;line-height:1.5;color:var(--nb-muted)}

/* sections */
.kp-sec{display:flex;flex-direction:column;gap:24px;padding:clamp(20px,3vw,40px);background:var(--nb-surface);color:var(--nb-text);border:2px solid var(--nb-line);border-radius:var(--nb-r-lg);box-shadow:var(--nb-sh)}
.kp-sec-alt{background:var(--nb-sage)!important;color:#000!important}
.kp-sec-alt *{color:#000}
.kp-head{display:flex;flex-direction:column;align-items:flex-start;gap:12px;max-width:760px}
.kp-head h2{font-size:clamp(26px,3.4vw,42px)}
.kp-head p{font-size:15.5px;line-height:1.65;color:var(--nb-muted)}
.kp-sec-alt .kp-head p{color:#1f2a24!important}
.kp-grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}
.kp-card,.kp-prize{background:#fff;color:#000;border:2px solid #000;border-radius:var(--nb-r);box-shadow:var(--nb-sh);min-width:0}
.kp-card *,.kp-prize *{color:#000}
.kp-card{display:flex;flex-direction:column;gap:12px;padding:22px}
.kp-card-top{display:flex;align-items:center;justify-content:space-between}
.kp-num{font:800 34px/1 var(--nb-head);letter-spacing:-.04em;opacity:.18}
.kp-card h3,.kp-prize h3{font-size:19px}
.kp-card p,.kp-prize p{font-size:14.5px;line-height:1.65}
.kp-tags{display:flex;flex-wrap:wrap;gap:8px;margin:auto 0 0;padding:6px 0 0;list-style:none}
.kp-tags li{padding:4px 10px;font:700 12px var(--nb-body);background:var(--nb-yellow);border:2px solid #000;border-radius:999px}
.kp-prize{display:flex;align-items:flex-start;gap:14px;padding:18px}
.kp-prize .kp-ico{background:var(--nb-yellow)}
.kp-prize h3{margin-bottom:4px}

/* steps */
.kp-steps{display:flex;flex-direction:column;gap:28px;padding:clamp(22px,3vw,40px);background:var(--nb-charcoal);color:#fff;border:2px solid #000;border-radius:var(--nb-r-lg);box-shadow:var(--nb-sh)}
.kp-steps .kp-head h2{color:#fff}
.kp-steps ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:0;padding:0;list-style:none}
.kp-steps li{display:flex;flex-direction:column;gap:8px;padding:20px;background:#272727;border:2px solid var(--nb-sage);border-radius:var(--nb-r)}
.kp-steps li b{font:800 18px var(--nb-head);color:#fff}
.kp-steps li>span:last-child{font-size:14px;line-height:1.55;color:var(--nb-sage)}
.kp-step-n{display:grid;place-items:center;width:42px;height:42px;margin-bottom:6px;font:800 20px var(--nb-head);color:#000;background:var(--nb-yellow);border:2px solid #000;border-radius:50%}

/* live */
.kp-tables{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.kp-proofs{margin:0}
.kp-proof-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.kp-note{padding:14px 18px;font-size:13.5px;line-height:1.6;font-weight:600;background:var(--nb-surface);color:var(--nb-text);border:2px dashed var(--nb-line);border-radius:var(--nb-r)}

/* cta */
.kp-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:clamp(22px,3.2vw,44px);background:var(--nb-yellow)!important;color:#000!important;border:2px solid #000;border-radius:var(--nb-r-lg);box-shadow:var(--nb-sh)}
.kp-cta *{color:#000}
.kp-cta>div:first-child{flex:1 1 380px;display:flex;flex-direction:column;gap:10px}
.kp-cta h2{font-size:clamp(24px,3vw,38px)}
.kp-cta p{font-size:15.5px;line-height:1.65;max-width:60ch;font-weight:600}

/* footer */
.kp-footer{display:grid;grid-template-columns:1.4fr repeat(3,minmax(0,1fr));gap:24px;padding:clamp(20px,3vw,36px);background:var(--nb-charcoal);color:#fff;border:2px solid #000;border-radius:var(--nb-r-lg);box-shadow:var(--nb-sh)}
.kp-footer *{color:#fff}
.kp-foot-brand b{font:800 20px var(--nb-head)}
.kp-foot-brand p{margin-top:8px;font-size:14px;line-height:1.6;color:var(--nb-sage)}
.kp-footer h4{margin-bottom:10px;font:800 14px var(--nb-head);color:var(--nb-yellow)}
.kp-footer ul{margin:0;padding:0;list-style:none;display:grid;gap:8px;font-size:14px}
.kp-footer a{text-decoration:underline}

@media (max-width:1000px){
  .kp-hero{grid-template-columns:minmax(0,1fr)}
  .kp-grid3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kp-grid3>:last-child:nth-child(odd){grid-column:1/-1}
  .kp-steps ol{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kp-footer{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:700px){.kp-tables{grid-template-columns:minmax(0,1fr)}}
@media (max-width:620px){
  html body .public-landing-wrap.kp{gap:20px!important}
  .kp-stats,.kp-grid3,.kp-steps ol,.kp-footer{grid-template-columns:minmax(0,1fr)}
  .kp-grid3>:last-child:nth-child(odd){grid-column:auto}
  .kp-actions .btn{flex:1 1 100%;white-space:normal}
  .kp-cta{flex-direction:column;align-items:stretch}
}

/* ==========================================================================
   V43 — APP PAGES (all pages except Home & Intro): one page system
   banner header -> separate content blocks -> uniform grids, no card-in-card
   ========================================================================== */
:is(#tasks,#offerwall,#shopping-cashback,#referral,#notifications,#leaderboard,#history,#moneyhistory,#exchanged,#rules)>.card{
  display:grid!important;gap:18px!important;align-content:start;padding:0!important;
  background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important}
:is(#tasks,#offerwall,#shopping-cashback,#referral,#notifications,#leaderboard,#history,#moneyhistory,#exchanged,#rules,#exchange,#account,#withdraw){padding-top:4px}

/* --- banner header (same on every page) --- */
:is(#tasks,#offerwall,#shopping-cashback,#referral,#notifications,#leaderboard,#history,#moneyhistory,#exchanged,#rules)>.card>:is(.task-view-head,.referral-head,h2:first-child,.row:first-child),
#exchange>.exchange-hero,#account .account-hero-v18{
  display:flex!important;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:0!important;
  padding:clamp(18px,2.6vw,30px)!important;background:var(--nb-charcoal)!important;background-image:none!important;color:#fff!important;
  border:2px solid var(--nb-line)!important;border-radius:var(--nb-r-lg)!important;box-shadow:var(--nb-sh)!important;transform:none!important}
html[data-theme="dark"] :is(#tasks,#offerwall,#shopping-cashback,#referral,#notifications,#leaderboard,#history,#moneyhistory,#exchanged,#rules)>.card>:is(.task-view-head,.referral-head,h2:first-child,.row:first-child),
html[data-theme="dark"] #exchange>.exchange-hero,html[data-theme="dark"] #account .account-hero-v18{background:#272727!important}
:is(#tasks,#offerwall,#shopping-cashback,#referral,#notifications,#leaderboard,#history,#moneyhistory,#exchanged,#rules)>.card>:is(.task-view-head,.referral-head,.row:first-child) :is(h1,h2,h3),
:is(#tasks,#offerwall,#shopping-cashback,#referral,#notifications,#leaderboard,#history,#moneyhistory,#exchanged,#rules)>.card>h2:first-child,
#exchange>.exchange-hero h2,#account .account-hero-v18 :is(h1,h2,h3,b){color:#fff!important;margin:6px 0 4px!important;font-size:clamp(24px,3vw,34px)}
:is(#tasks,#offerwall,#shopping-cashback,#referral,#notifications,#leaderboard,#history,#moneyhistory,#exchanged,#rules)>.card>:is(.task-view-head,.referral-head,.row:first-child) :is(.muted,p,small),
#exchange>.exchange-hero :is(.muted,p),#account .account-hero-v18 :is(.muted,p,small,span){color:var(--nb-sage)!important;margin:0}
:is(#tasks,#offerwall,#shopping-cashback,#referral,#notifications,#leaderboard,#history,#moneyhistory,#exchanged,#rules)>.card>:is(.task-view-head,.referral-head,.row:first-child) :is(.kicker,.pill,.referral-kicker){
  background:var(--nb-yellow)!important;color:#000!important;border:2px solid #000!important;box-shadow:none!important;width:fit-content}
:is(#tasks,#offerwall,#shopping-cashback,#referral,#notifications,#leaderboard,#moneyhistory)>.card>:is(.task-view-head,.referral-head,.row:first-child) .btn{background:#fff!important;color:#000!important}
#account .account-hero-balance,#account .account-hero-balance *{color:#000!important}
#account .account-hero-balance{background:var(--nb-yellow)!important}
#exchanged>.card>p.muted,#history>.card>p.muted{margin:-6px 0 0!important}

/* --- uniform grids & tiles (no rainbow nth-child colours) --- */
:is(#tasks,#exchange,#referral,#offerwall,#moneyhistory,#leaderboard) :is(.task-grid,.exchange-grid,.offerwall-stats-grid,.referral-total-grid,.referral-grid)>*{
  background:var(--nb-surface)!important;color:var(--nb-text)!important;border:2px solid var(--nb-line)!important;box-shadow:var(--nb-sh)!important}
:is(#tasks,#exchange,#referral,#offerwall) :is(.task-grid,.exchange-grid,.offerwall-stats-grid,.referral-total-grid,.referral-grid)>* :is(.muted,small,p,span){color:var(--nb-muted)!important}
:is(#tasks,#exchange,#referral,#offerwall) :is(.task-grid,.exchange-grid,.offerwall-stats-grid,.referral-total-grid,.referral-grid)>* :is(h3,h4,b,strong){color:var(--nb-text)!important}
#tasks .task-grid,#exchange .exchange-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(270px,1fr))!important;gap:18px!important}
#tasks .offerwall-stats-grid,#offerwall .offerwall-stats-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important;margin:0!important}
#referral .referral-total-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important;margin:0!important}
#referral .referral-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))!important;gap:18px!important;margin:0!important}
#tasks .task-help-video-button{margin:0!important}
:is(#tasks,#moneyhistory,#notifications,#history,#exchanged,#leaderboard) :is(.uiverse-card-list,.notification-list){gap:14px!important;margin:0!important}
#tasks .public-table-card,#shopping-cashback .cashback-history-card,#shopping-cashback .cashback-widget-shell,#offerwall .offerwall-panel{margin:0!important;padding:clamp(16px,2vw,24px)!important}
#referral .referral-box,#referral .referral-copy-row{margin:0!important}

/* --- rules: two-column reading layout --- */
#rules .rules-page{grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:start}
#rules .rules-page>h2:first-child{grid-column:1/-1}
#rules .rules-block{margin:0!important;padding:clamp(16px,2vw,24px)!important;background:var(--nb-surface);color:var(--nb-text);border:2px solid var(--nb-line);border-radius:var(--nb-r);box-shadow:var(--nb-sh)}
#rules .rules-block h3{margin:0 0 10px;font-size:19px}
#rules .rules-block :is(ol,ul){margin:0;padding-left:20px;display:grid;gap:8px;line-height:1.6}

/* --- withdraw: form left, transfer right, history full --- */
#withdraw .withdraw-shell{display:grid!important;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)!important;gap:20px!important;align-items:start}
#withdraw .withdraw-history-v18{grid-column:1/-1}
#withdraw :is(.withdraw-overview-card,.transfer-v18,.withdraw-history-v18){margin:0!important;background:var(--nb-surface)!important;color:var(--nb-text)!important;border:2px solid var(--nb-line)!important;border-radius:var(--nb-r-lg)!important;box-shadow:var(--nb-sh)!important;padding:clamp(16px,2vw,26px)!important}
#withdraw :is(.withdraw-action-panel,.item-exchange-panel){background:transparent!important;box-shadow:none!important;border:2px dashed var(--nb-line)!important}

/* --- account: hero, stats, progress full; profile + payment side by side --- */
#account .account-v18{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px!important;align-items:start;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
#account .account-v18>:is(.account-hero-v18,.account-stats-v18,.account-progress-v18){grid-column:1/-1}
#account .account-stats-v18{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important;gap:16px!important}
#account :is(.account-progress-v18,.account-profile-v18,.account-payment-v18){margin:0!important;background:var(--nb-surface)!important;color:var(--nb-text)!important;border:2px solid var(--nb-line)!important;border-radius:var(--nb-r-lg)!important;box-shadow:var(--nb-sh)!important;padding:clamp(16px,2vw,26px)!important}

@media (max-width:900px){
  #withdraw .withdraw-shell,#account .account-v18,#rules .rules-page{grid-template-columns:minmax(0,1fr)!important}
}
@media (max-width:560px){
  #tasks .offerwall-stats-grid,#referral .referral-total-grid{grid-template-columns:minmax(0,1fr)!important}
  #tasks .task-grid,#exchange .exchange-grid{grid-template-columns:minmax(0,1fr)!important}
}
#rules .rules-block.cashback-rules{grid-column:1/-1}

/* V52: thanh menu rộng ra gần nửa trang (desktop ~46% màn hình; điện thoại rộng hơn để chữ không bị xuống dòng) */
.menu-drawer{width:clamp(380px,46vw,760px)!important;max-width:92vw!important;padding-left:18px!important;padding-right:18px!important}
.guest-menu{width:clamp(380px,46vw,760px)!important;max-width:92vw!important;left:0!important}
.menu-drawer .tab{padding:13px 16px!important;font-size:15px!important;overflow-wrap:anywhere}
@media(max-width:900px){.menu-drawer,.guest-menu{width:62vw!important;min-width:300px;max-width:92vw!important}}
@media(max-width:520px){.menu-drawer{width:78vw!important;min-width:0;max-width:92vw!important;padding-left:10px!important;padding-right:10px!important}.guest-menu{width:78vw!important;min-width:0;max-width:92vw!important;left:0!important;padding:12px!important}.menu-drawer .tab{padding:11px 12px!important;font-size:14px!important}}

/* Nút đổi giao diện sáng/tối nằm trong menu */
.theme-switch-btn{flex:0 0 auto;min-width:84px;min-height:40px;padding:8px 12px!important;font-size:14px!important;white-space:nowrap;background:#000!important;color:var(--nb-yellow)!important;border:2px solid #000!important}
.menu-theme-box .theme-switch-btn{color:var(--nb-yellow)!important}

/* ===== Rút tiền v2: 3 bước, bố cục 2 cột + khung tóm tắt ===== */
.wf2{margin-top:16px;padding-top:0}
.wf2-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(270px,.7fr);gap:16px;align-items:start}
.wf2-main,.wf2-summary{padding:16px;border:2px solid var(--nb-line);box-shadow:var(--nb-sh)}
.wf2-main{background:var(--nb-surface);color:var(--nb-text)}
.wf2-summary{background:var(--nb-yellow);color:#000;position:sticky;top:12px}
.wf2-summary *{color:#000}
.wf2-step{display:flex;align-items:center;gap:10px;margin:0 0 12px;font-size:15px}
.wf2-main .wf2-step:not(:first-child){margin-top:22px}
.wf2-n{flex:0 0 auto;width:26px;height:26px;display:grid;place-items:center;border:2px solid #000;background:var(--nb-yellow);color:#000!important;font-weight:900;font-size:13px}
.wf2-summary .wf2-n{background:#fff}
.wf2-rows{margin:0;padding:0;display:block}
.wf2-rows>div{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:9px 0;border-bottom:2px dashed rgba(0,0,0,.35)}
.wf2-rows dt{font-weight:700;font-size:13px}
.wf2-rows dd{margin:0;font-weight:900;text-align:right;word-break:break-word}
.wf2-rows .wf2-total{border-bottom:0}
.wf2-rows .wf2-total dd{font-size:18px}
.wf2-status{margin:12px 0;padding:9px 11px;font-size:13px;font-weight:800;border:2px solid #000;background:#fff;color:#000}
.wf2-status.bad{background:#ffd9d9;color:#8a0f0f!important}
.wf2-status.ok{background:#d9f7e3;color:#0a5a28!important}
.wf2-summary .withdraw-submit{width:100%;margin-top:0}
.wf2-summary .msg{margin-top:10px}
.wf2-recv{display:flex;align-items:center;gap:12px;padding:12px;border:2px dashed var(--nb-line)}
.wf2-recv-ico{flex:0 0 auto;width:42px;height:42px;display:grid;place-items:center;font-size:22px;border:2px solid var(--nb-line);background:var(--nb-yellow)}
.wf2-recv-txt{flex:1;min-width:0;display:grid;gap:3px}
.wf2-recv-txt span{font-size:12px;color:var(--nb-muted)}
.wf2-recv-btn{flex:0 0 auto;white-space:nowrap}
@media (max-width:820px){.wf2-grid{grid-template-columns:1fr}.wf2-summary{position:static}}
@media (max-width:480px){.wf2-main,.wf2-summary{padding:13px}.wf2-recv{flex-wrap:wrap}.wf2-recv-btn{width:100%}}

/* ===== Lịch sử rút v2: thẻ gọn, không tràn khung ===== */
#withdraw .withdraw-history-v18{min-width:0;max-width:100%;box-sizing:border-box}
#withdraw .withdraw-history-list{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
#withdraw .withdraw-history-list .withdraw-history-item{box-sizing:border-box!important;width:auto!important;min-width:0!important;max-width:100%!important;position:static!important;padding:13px 14px!important;display:grid;gap:8px;overflow-wrap:anywhere;word-break:break-word}
.withdraw-history-item .wh-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;min-width:0}
.withdraw-history-item .wh-title{flex:1 1 auto;min-width:0;font-weight:900;font-size:16px;line-height:1.3}
.withdraw-history-item .wh-top .wh-detail{position:static!important;flex:0 0 auto;margin:0!important;padding:6px 10px!important;min-height:0!important;font-size:13px!important;white-space:nowrap}
.withdraw-history-item .wh-meta{margin:0!important;font-size:12px!important;line-height:1.45}
.withdraw-history-item .wh-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;min-width:0}
.withdraw-history-item .wh-amount{margin:0!important;font-weight:900;font-size:17px;min-width:0}
.withdraw-history-item .wh-amount small{font-size:12px;font-weight:700;opacity:.8}
.withdraw-history-item .wh-bottom .wh-status,.withdraw-history-item .wh-bottom .item-request-status{margin:0!important;font-size:12px}
.withdraw-history-item .wh-status.pending{background:var(--nb-yellow)!important}
.withdraw-history-item .wh-status.rejected{background:var(--nb-red)!important}
.withdraw-detail-row b,.withdraw-detail-row small{overflow-wrap:anywhere;word-break:break-word}
@media (max-width:340px){.withdraw-history-item .wh-top{flex-wrap:wrap}.withdraw-history-item .wh-top .wh-detail{width:100%}}