:root{
  --user-bg:#F7F7F5;
  --user-card-bg:#FFFFFF;
  --user-card-radius:16px;
  --user-card-shadow:0 1px 3px rgba(16,24,40,.06),0 1px 2px rgba(16,24,40,.04);
  --user-text:#111111;
  --user-text-muted:#6B7280;
  --user-cta-bg:#111111;
  --user-cta-fg:#FFFFFF;
  --user-accent:#C08A4E;
  --user-chat-fab-bg:#0084FF;
  --user-danger:#DC2626;
  --user-success:#16A34A;
  --badge-pending-bg:#FEF3C7; --badge-pending-fg:#92400E;
  --badge-approved-bg:#D1FAE5; --badge-approved-fg:#065F46;
  --badge-rejected-bg:#FEE2E2; --badge-rejected-fg:#991B1B;
  --font-sans:"Segoe UI",system-ui,-apple-system,sans-serif;
}

*{box-sizing:border-box;}
body{font-family:var(--font-sans);color:var(--user-text);margin:0;background:var(--user-bg);}
a{color:inherit;}

/* ---- buttons ---- */
.btn-cta{background:var(--user-cta-bg);color:var(--user-cta-fg);border:none;border-radius:12px;padding:12px;font-weight:600;width:100%;text-align:center;text-decoration:none;display:block;}
.btn-cta:hover{background:#000;color:#fff;}
.btn-cta[disabled]{opacity:.5;pointer-events:none;}
.btn-outline-pill{background:#F3F4F6;color:var(--user-text);border:none;border-radius:12px;padding:12px 22px;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;}
.pill-btn{border-radius:999px;border:1px solid #E5E7EB;background:#fff;padding:9px 18px;font-size:.85rem;cursor:pointer;text-decoration:none;color:var(--user-text);display:inline-flex;align-items:center;gap:6px;}

/* ---- auth screens (split panel) ---- */
.auth-split-bg{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--user-bg);padding:24px;}
.auth-split-card{display:flex;width:100%;max-width:980px;border-radius:24px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.12);}
.auth-split-left{flex:1;background:radial-gradient(circle at 30% 20%,#2b2b2b,#0d0d0d);color:#fff;padding:56px 48px;display:flex;flex-direction:column;justify-content:center;}
.auth-split-left h1{font-weight:800;font-size:2.1rem;margin-bottom:20px;}
.auth-split-left p{color:rgba(255,255,255,.75);max-width:400px;margin:0;}
.auth-split-right{flex:1;background:#fff;padding:56px 48px;display:flex;flex-direction:column;justify-content:center;}
.auth-split-logo{font-weight:700;letter-spacing:.04em;font-size:1.2rem;margin-bottom:20px;}
.auth-split-right h2{font-weight:800;margin-bottom:6px;}
.auth-split-right p.sub{color:var(--user-text-muted);font-size:.88rem;margin-bottom:24px;}
.phone-input-group{display:flex;gap:8px;}
.phone-country-select{max-width:130px;flex-shrink:0;font-weight:600;}
.btn-cta-green{background:#22C55E;color:#fff;border:none;border-radius:12px;padding:14px;font-weight:700;width:100%;}
.btn-cta-green:hover{background:#16A34A;color:#fff;}
.auth-switch{text-align:center;margin-top:18px;font-size:.85rem;color:var(--user-text-muted);}

@media (max-width:767.98px){
  .auth-split-card{flex-direction:column;max-width:480px;}
  .auth-split-left{padding:36px 28px;}
  .auth-split-right{padding:36px 28px;}
}

/* ---- app shell (sidebar) ---- */
.app-shell{display:flex;min-height:100vh;background:var(--user-bg);}
.app-sidebar{width:248px;flex-shrink:0;background:#fff;padding:24px 16px;display:flex;flex-direction:column;overflow-y:auto;}
.app-brand{font-weight:700;letter-spacing:.04em;font-size:1.05rem;margin-bottom:20px;padding:0 8px;}
.app-nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;color:var(--user-text);text-decoration:none;font-size:.92rem;margin-bottom:2px;}
.app-nav-item:hover{background:#F9FAFB;}
.app-nav-item.active{background:#F3F4F6;font-weight:700;}
.app-nav-item i{font-size:1.05rem;width:20px;text-align:center;}
.sidebar-toggle-btn{display:none;border:1px solid #E5E7EB;background:#fff;border-radius:10px;width:38px;height:38px;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0;}
.sidebar-backdrop{display:none;}

.sidebar-upgrade-card{margin-top:auto;background:#111;color:#fff;border-radius:16px;padding:18px;}
.sidebar-upgrade-badge{background:rgba(255,255,255,.15);color:#fff;margin-bottom:10px;}
.sidebar-upgrade-title{font-weight:700;margin-bottom:8px;}
.sidebar-upgrade-text{font-size:.8rem;color:#D1D5DB;margin-bottom:14px;}
.sidebar-upgrade-btn{display:block;width:100%;text-align:center;background:#fff;color:#111;padding:10px;border-radius:10px;font-weight:600;font-size:.85rem;text-decoration:none;}
.sidebar-upgrade-btn:hover{background:#eee;color:#111;}

.app-main{flex:1;min-width:0;display:flex;flex-direction:column;}
.app-topbar{display:flex;justify-content:space-between;align-items:center;padding:20px 28px 0;gap:12px;}
.app-topbar-title{font-weight:700;font-size:1.3rem;}
.app-topbar-actions{display:flex;gap:10px;flex-shrink:0;}
.app-content{padding:16px 28px 32px;flex:1;}

.chat-fab{position:fixed;right:24px;bottom:24px;width:54px;height:54px;border-radius:50%;background:var(--user-chat-fab-bg);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 16px rgba(0,132,255,.4);border:none;font-size:1.3rem;z-index:30;text-decoration:none;}

@media (max-width:991.98px){
  .app-shell{overflow-x:hidden;position:relative;}
  .sidebar-toggle-btn{display:inline-flex;}
  .app-sidebar{position:fixed;top:0;left:0;bottom:0;z-index:1050;transform:translateX(-100%);transition:transform .25s ease;width:260px;max-width:80vw;box-shadow:0 0 30px rgba(0,0,0,.25);}
  .app-sidebar.open{transform:translateX(0);}
  .sidebar-backdrop.show{display:block;position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:1040;}
  .app-topbar{padding:14px 16px 0;}
  .app-content{padding:12px 16px 24px;}
  .app-topbar-title{font-size:1.05rem;}
}
@media (max-width:575.98px){
  .app-topbar-actions .pill-btn{padding:8px 12px;font-size:.78rem;}
  .chat-fab{right:16px;bottom:16px;width:48px;height:48px;font-size:1.1rem;}
}

/* ---- surfaces ---- */
.card-surface{background:var(--user-card-bg);border-radius:var(--user-card-radius);box-shadow:var(--user-card-shadow);padding:20px;margin-bottom:16px;}
.section-heading{display:flex;justify-content:space-between;align-items:center;margin:18px 0 10px;}
.section-heading h6{margin:0;font-weight:700;}
.section-heading a{font-size:.78rem;color:var(--user-text-muted);text-decoration:none;}

/* ---- dashboard (premium) ---- */
.dash-top-grid{display:grid;grid-template-columns:2fr 1fr;gap:20px;margin-bottom:20px;}

.balance-card-premium{position:relative;overflow:hidden;background:linear-gradient(135deg,#0D0D0D,#1E1B16 55%,#241D12);border-radius:20px;padding:30px;color:#fff;box-shadow:0 20px 40px rgba(0,0,0,.25);}
.balance-card-glow{position:absolute;top:-60px;right:-60px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(192,138,78,.35),transparent 70%);pointer-events:none;}
.balance-card-premium .label-row{display:flex;align-items:center;gap:8px;color:rgba(255,255,255,.65);font-size:.85rem;}
.balance-card-premium .amount{font-size:2.6rem;font-weight:800;margin:10px 0 20px;letter-spacing:-.01em;}
.balance-tier-chip{background:rgba(192,138,78,.18);color:var(--user-accent);border:1px solid rgba(192,138,78,.4);border-radius:999px;padding:6px 14px;font-size:.78rem;font-weight:700;display:inline-flex;align-items:center;gap:6px;}
.balance-stat-row{display:flex;gap:24px;padding:18px 0;margin-bottom:20px;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);flex-wrap:wrap;}
.balance-stat-row .label{display:block;font-size:.72rem;color:rgba(255,255,255,.55);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;}
.balance-stat-row strong{font-size:1.05rem;font-weight:700;}
.balance-actions{display:flex;gap:10px;flex-wrap:wrap;}
.btn-outline-pill-light{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.25);border-radius:12px;padding:12px 22px;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;}
.btn-outline-pill-light:hover{background:rgba(255,255,255,.18);color:#fff;}

.promo-card{position:relative;overflow:hidden;background:linear-gradient(135deg,#7C3AED,#A855F7);border-radius:20px;padding:24px;color:#fff;display:flex;flex-direction:column;height:100%;box-shadow:0 20px 40px rgba(124,58,237,.25);}
.promo-card-glow{position:absolute;bottom:-50px;left:-50px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.25),transparent 70%);pointer-events:none;}
.promo-badge{align-self:flex-start;background:rgba(255,255,255,.2);color:#fff;margin-bottom:10px;display:inline-flex;align-items:center;gap:6px;}
.promo-card h5{font-weight:700;margin-bottom:8px;position:relative;}
.promo-card p{font-size:.85rem;color:rgba(255,255,255,.9);margin-bottom:16px;position:relative;}
.promo-art{margin-top:auto;background:rgba(0,0,0,.15);border-radius:12px;padding:16px;}
.promo-art .amount{font-size:1.4rem;font-weight:800;color:#FDE68A;}
.promo-art .sub{font-size:.78rem;color:rgba(255,255,255,.85);}

.info-tile-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px;}
.info-tile-grid-3{grid-template-columns:repeat(3,1fr);}
.info-tile{position:relative;background:#fff;border-radius:var(--user-card-radius);box-shadow:var(--user-card-shadow);padding:20px;transition:transform .15s ease,box-shadow .15s ease;}
.info-tile:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(16,24,40,.1);}
.info-tile-icon{width:38px;height:38px;border-radius:10px;background:#FBF3E8;color:var(--user-accent);display:flex;align-items:center;justify-content:center;font-size:1.05rem;margin-bottom:10px;}
.info-tile .eyebrow{font-size:.7rem;letter-spacing:.05em;color:var(--user-text-muted);text-transform:uppercase;font-weight:700;}
.info-tile .value{font-size:1.4rem;font-weight:800;margin:4px 0;}
.info-tile .hint{font-size:.78rem;color:var(--user-text-muted);}

.history-row-icon{width:36px;height:36px;border-radius:10px;background:#F3F4F6;color:var(--user-text-muted);display:flex;align-items:center;justify-content:center;font-size:.95rem;flex-shrink:0;}

@media (max-width:767.98px){
  .dash-top-grid{grid-template-columns:1fr;}
  .info-tile-grid{grid-template-columns:1fr;}
  .info-tile-grid-3{grid-template-columns:1fr 1fr;}
  .balance-card-premium .amount{font-size:2.1rem;}
}
@media (max-width:575.98px){
  .info-tile-grid-3{grid-template-columns:1fr;}
}

/* ---- start / order flow ---- */
.hero-banner{position:relative;border-radius:var(--user-card-radius);overflow:hidden;padding:32px;color:#fff;margin-bottom:20px;background:linear-gradient(rgba(0,0,0,.55),rgba(0,0,0,.55)),url('/images/start-hero.png');background-size:cover;background-position:center;min-height:200px;display:flex;flex-direction:column;justify-content:center;}
.hero-banner h1{font-weight:800;font-size:2.2rem;margin:12px 0;line-height:1.2;}
.hero-banner p{color:rgba(255,255,255,.85);max-width:520px;margin:0;}
.hero-badge{align-self:flex-start;background:rgba(255,255,255,.15);color:#fff;}

.start-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;}
.start-stat-tile{background:#fff;border-radius:var(--user-card-radius);box-shadow:var(--user-card-shadow);padding:18px;text-align:center;}
.start-stat-tile .eyebrow{font-size:.7rem;letter-spacing:.05em;text-transform:uppercase;color:var(--user-text-muted);font-weight:700;}
.start-stat-tile .value{font-size:1.5rem;font-weight:800;margin-top:6px;}
.start-stat-tile .value.negative{color:var(--user-danger);}

.curated-label{font-size:.7rem;letter-spacing:.05em;text-transform:uppercase;color:var(--user-text-muted);font-weight:700;margin-bottom:10px;}
.brand-marquee{overflow:hidden;padding:8px 0 20px;-webkit-mask-image:linear-gradient(to right,transparent,#000 40px,#000 calc(100% - 40px),transparent);mask-image:linear-gradient(to right,transparent,#000 40px,#000 calc(100% - 40px),transparent);}
.brand-marquee-track{display:flex;align-items:center;gap:48px;width:max-content;animation:brandMarquee 28s linear infinite;}
.brand-marquee:hover .brand-marquee-track{animation-play-state:paused;}
.brand-marquee-track img{height:52px;width:auto;object-fit:contain;flex-shrink:0;}
@keyframes brandMarquee{from{transform:translateX(0);}to{transform:translateX(-50%);}}
@media (max-width:575.98px){
  .brand-marquee-track img{height:40px;}
}

@media (max-width:575.98px){
  .hero-banner{padding:22px;min-height:0;}
  .hero-banner h1{font-size:1.5rem;}
}

.matched-order-card{border:none;border-radius:20px;overflow:hidden;}
.order-progress-track{height:6px;border-radius:999px;background:#E5E7EB;margin-bottom:14px;overflow:hidden;}
.order-progress-fill{height:100%;width:0%;background:#111;border-radius:999px;transition:width 1.1s ease;}
#submitOrderBtn:disabled{background:#D1D5DB;color:#6B7280;cursor:not-allowed;}
.matched-order-image{height:280px;background:#F3F4F6;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.matched-order-image img{width:100%;height:100%;object-fit:cover;}
.matched-order-image i{font-size:3rem;color:#D1D5DB;}

/* ---- history ---- */
.history-banner{background:linear-gradient(135deg,#111,#2b2b2b);border-radius:var(--user-card-radius);color:#fff;padding:32px;margin-bottom:20px;}
.history-banner h2{font-weight:800;font-size:1.7rem;margin:14px 0 8px;line-height:1.25;}
.history-banner p{color:rgba(255,255,255,.8);margin:0;}

.toggle-pill-group{display:flex;background:#F3F4F6;border-radius:999px;padding:4px;margin-bottom:16px;}
.toggle-pill-group .toggle-pill{flex:1;text-align:center;padding:10px;border-radius:999px;font-size:.85rem;font-weight:600;color:var(--user-text-muted);text-decoration:none;}
.toggle-pill-group .toggle-pill.active{background:#111;color:#fff;}

.history-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #F0F0F0;}
.history-row .title{font-weight:600;font-size:.88rem;}
.history-row .subtitle{font-size:.72rem;color:var(--user-text-muted);}
.history-row .amount.positive{color:var(--user-success);font-weight:700;}
.history-row .amount.negative{color:var(--user-danger);font-weight:700;}

/* ---- withdrawal ---- */
.withdraw-header-row{display:flex;justify-content:flex-end;align-items:center;margin-bottom:16px;}
.withdraw-balance-chip{background:#F3F4F6;border-radius:999px;padding:8px 16px;font-size:.82rem;font-weight:600;}
.withdraw-amount-card{background:#fff;border-radius:var(--user-card-radius);box-shadow:var(--user-card-shadow);padding:28px;margin-bottom:16px;}
.withdraw-amount-card .eyebrow{font-size:.7rem;letter-spacing:.05em;text-transform:uppercase;color:var(--user-text-muted);font-weight:700;margin-bottom:14px;}
.withdraw-amount-display{display:flex;align-items:baseline;justify-content:center;gap:10px;background:#F9FAFB;border-radius:14px;padding:26px;}
.withdraw-amount-display .currency{font-size:1.2rem;color:var(--user-text-muted);font-weight:700;}
.withdraw-amount-display input{border:none;background:transparent;font-size:2.2rem;font-weight:800;text-align:center;width:140px;outline:none;color:var(--user-text);}
.withdraw-amount-display .decimals{font-size:1.4rem;color:var(--user-text-muted);}
.withdraw-hint{text-align:center;color:var(--user-text-muted);font-size:.8rem;margin-top:10px;}
.withdraw-preset-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.withdraw-preset-btn{background:#fff;border:1px solid #E5E7EB;border-radius:12px;padding:16px;font-weight:600;text-align:left;}
.withdraw-preset-btn:hover{border-color:#111;}
.withdraw-step-track{display:flex;align-items:center;gap:12px;margin-bottom:18px;}
.withdraw-step-track .step-node{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--user-text-muted);white-space:nowrap;}
.withdraw-step-track .step-node.active{color:var(--user-text);font-weight:700;}
.withdraw-step-track .step-num{width:22px;height:22px;border-radius:50%;background:#F3F4F6;display:flex;align-items:center;justify-content:center;font-size:.72rem;flex-shrink:0;}
.withdraw-step-track .step-node.active .step-num{background:#111;color:#fff;}
.withdraw-step-track .step-line{flex:1;height:1px;background:#E5E7EB;}

/* ---- sign-in rewards ---- */
.signin-top-grid{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin-bottom:20px;}
.signin-banner{background:linear-gradient(135deg,#111,#2b2b2b);border-radius:var(--user-card-radius);color:#fff;padding:26px;}
.signin-banner .amount{font-size:2rem;font-weight:800;margin-bottom:8px;}
.signin-streak-tile{background:#fff;border-radius:var(--user-card-radius);box-shadow:var(--user-card-shadow);padding:22px;text-align:center;}
.signin-streak-tile .eyebrow{font-size:.7rem;letter-spacing:.05em;text-transform:uppercase;color:var(--user-text-muted);font-weight:700;}
.signin-streak-tile .value{font-size:1.8rem;font-weight:800;margin:6px 0;}

.signin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px;}
.signin-day{background:#fff;border-radius:14px;padding:16px 14px;box-shadow:var(--user-card-shadow);border:2px solid transparent;}
.signin-day .day-row{display:flex;justify-content:space-between;font-size:.85rem;font-weight:700;margin-bottom:12px;}
.signin-day .day-icon{font-size:1.6rem;text-align:center;}
.signin-day.claimed{opacity:.55;}
.signin-day.claimable{border-color:var(--user-accent);}

@media (max-width:767.98px){ .signin-top-grid{grid-template-columns:1fr;} }
@media (max-width:575.98px){ .signin-grid{grid-template-columns:1fr 1fr;} }

/* ---- chat ---- */
.chat-notif-banner{background:#F3F4F6;border-radius:12px;padding:14px 18px;font-size:.85rem;color:var(--user-text-muted);margin-bottom:16px;}
.user-chat-shell{display:flex;flex-direction:column;height:calc(100vh - 260px);min-height:420px;background:#fff;border-radius:18px;box-shadow:var(--user-card-shadow);overflow:hidden;}
.user-chat-body{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:8px;}
.user-chat-quick-topics{display:flex;gap:8px;overflow-x:auto;padding:14px 16px;}
.quick-topic-chip{background:#F3F4F6;border-radius:999px;padding:6px 14px;font-size:.75rem;white-space:nowrap;border:none;}
.user-chat-composer{display:flex;gap:10px;padding:14px 16px;border-top:1px solid #F0F0F0;}
.chat-bubble-row{display:flex;}
.chat-bubble-row.mine{justify-content:flex-end;}
.chat-bubble{max-width:75%;padding:10px 14px;border-radius:14px;font-size:.85rem;}
.chat-bubble-admin{background:#F3F4F6;color:var(--user-text);border-bottom-left-radius:4px;}
.chat-bubble-user{background:var(--user-chat-fab-bg);color:#fff;border-bottom-right-radius:4px;}
.chat-bubble-time{font-size:.65rem;opacity:.6;margin-top:4px;}

/* ---- settings ---- */
.settings-uid-card{background:#fff;border-radius:var(--user-card-radius);box-shadow:var(--user-card-shadow);padding:20px 24px;display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:12px;}
.settings-uid-card .eyebrow{font-size:.7rem;letter-spacing:.05em;text-transform:uppercase;color:var(--user-text-muted);font-weight:700;}
.settings-uid-card .value{font-size:1.5rem;font-weight:800;}
.settings-uid-actions{display:flex;gap:8px;align-items:center;}

.checklist-card{background:#fff;border-radius:var(--user-card-radius);box-shadow:var(--user-card-shadow);padding:24px;margin-bottom:16px;}
.checklist-card .eyebrow{font-size:.7rem;letter-spacing:.05em;text-transform:uppercase;color:var(--user-text-muted);font-weight:700;background:#F3F4F6;display:inline-block;padding:4px 10px;border-radius:999px;margin-bottom:12px;}
.checklist-card h5{font-weight:800;margin-bottom:6px;}
.checklist-card>p{color:var(--user-text-muted);font-size:.88rem;margin-bottom:16px;}
.checklist-row{display:flex;align-items:center;gap:12px;background:#F9FAFB;border-radius:12px;padding:14px 16px;margin-bottom:10px;}
.checklist-row .check-dot{width:26px;height:26px;border-radius:50%;background:#fff;box-shadow:var(--user-card-shadow);display:flex;align-items:center;justify-content:center;font-size:.85rem;flex-shrink:0;}
.checklist-row .check-dot.ok{color:var(--user-success);}
.checklist-row .check-dot.warn{color:#D97706;}
.checklist-row span.label{font-weight:600;font-size:.9rem;}

.settings-section-card{background:#fff;border-radius:var(--user-card-radius);box-shadow:var(--user-card-shadow);padding:8px 24px;margin-bottom:16px;}
.settings-section-heading{display:flex;justify-content:space-between;align-items:center;padding:16px 0 8px;font-weight:800;}
.settings-section-heading .tag{font-size:.7rem;letter-spacing:.05em;text-transform:uppercase;color:var(--user-text-muted);font-weight:700;}
.settings-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;border-top:1px solid #F0F0F0;border-left:none;border-right:none;border-bottom:none;text-decoration:none;color:var(--user-text);background:none;width:100%;text-align:left;}
.settings-row .left{display:flex;align-items:center;gap:14px;min-width:0;}
.settings-row .icon-box{width:42px;height:42px;border-radius:10px;background:#F3F4F6;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0;}
.settings-row .text .title{font-weight:700;font-size:.92rem;}
.settings-row .text .sub{font-size:.78rem;color:var(--user-text-muted);}
.settings-row .tag-pill{background:#F3F4F6;border-radius:999px;padding:5px 12px;font-size:.72rem;font-weight:700;display:inline-flex;align-items:center;gap:4px;white-space:nowrap;flex-shrink:0;}
.settings-row.danger .title{color:var(--user-danger);}
.settings-row.danger .icon-box{background:#FEE2E2;color:var(--user-danger);}
.settings-row.danger .tag-pill{background:#FEE2E2;color:var(--user-danger);}
.settings-footer-links{text-align:center;color:var(--user-text-muted);font-size:.82rem;margin:20px 0;}
.settings-footer-links span{margin:0 8px;}

/* ---- membership ---- */
.membership-top-grid{display:grid;grid-template-columns:2fr 1fr;gap:20px;margin-bottom:24px;}
.membership-main-card,.membership-benefits-card{background:#fff;border-radius:var(--user-card-radius);box-shadow:var(--user-card-shadow);padding:28px;}
.membership-main-card .eyebrow,.membership-benefits-card .eyebrow{background:#F3F4F6;padding:4px 10px;border-radius:999px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;display:inline-block;margin-bottom:12px;}
.membership-main-card h2{font-weight:800;margin-bottom:6px;}
.membership-main-card>p{color:var(--user-text-muted);margin-bottom:18px;}
.commission-box{background:#F9FAFB;border-radius:12px;padding:16px 20px;margin-bottom:18px;}
.commission-box .eyebrow{font-size:.7rem;letter-spacing:.05em;text-transform:uppercase;color:var(--user-text-muted);font-weight:700;}
.commission-box .value{font-size:1.6rem;font-weight:800;}
.membership-benefits-card h5{font-weight:800;margin-bottom:8px;}
.membership-benefits-card>p{color:var(--user-text-muted);font-size:.85rem;margin-bottom:16px;}
.benefit-row{display:flex;align-items:center;gap:12px;background:#F9FAFB;border-radius:10px;padding:12px 16px;margin-bottom:10px;font-weight:600;font-size:.88rem;}

.tier-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.tier-compare-card{background:#fff;border-radius:var(--user-card-radius);box-shadow:var(--user-card-shadow);padding:22px;position:relative;border:2px solid transparent;}
.tier-compare-card.current{border-color:var(--user-success);}
.tier-current-badge{position:absolute;top:16px;right:16px;background:var(--badge-approved-bg);color:var(--badge-approved-fg);}
.tier-compare-card .deposit-chip{background:#F3F4F6;border-radius:999px;padding:5px 12px;font-size:.78rem;font-weight:700;display:inline-block;margin-bottom:12px;}
.tier-compare-card h3{font-weight:800;margin-bottom:4px;}
.tier-compare-card>p{color:var(--user-text-muted);font-size:.85rem;margin-bottom:16px;}
.tier-compare-row{display:flex;justify-content:space-between;font-size:.85rem;padding:10px 0;border-top:1px solid #F0F0F0;}
.tier-compare-row strong{font-weight:800;}
.tier-bullet{display:flex;align-items:center;gap:8px;font-size:.82rem;color:var(--user-text-muted);margin-top:8px;}

@media (max-width:991.98px){
  .membership-top-grid{grid-template-columns:1fr;}
  .tier-grid{grid-template-columns:1fr;}
  .withdraw-preset-grid{grid-template-columns:1fr 1fr;}
}

/* ---- badges ---- */
.badge-pill{border-radius:999px;padding:4px 12px;font-size:.72rem;font-weight:600;display:inline-block;}
.badge-pending{background:var(--badge-pending-bg);color:var(--badge-pending-fg);}
.badge-approved{background:var(--badge-approved-bg);color:var(--badge-approved-fg);}
.badge-rejected{background:var(--badge-rejected-bg);color:var(--badge-rejected-fg);}

/* ---- marketing / landing page ---- */
.marketing-body{background:#fff;}
.marketing-shell{max-width:1200px;margin:0 auto;padding:0 24px;}
.marketing-header{padding:18px 0;border-bottom:1px solid #F0F0F0;}
.marketing-logo{font-weight:700;letter-spacing:.04em;font-size:1.15rem;color:var(--user-text);text-decoration:none;}
.marketing-link{color:var(--user-text);text-decoration:none;font-size:.92rem;}
.marketing-join-btn{width:auto;padding:10px 20px;border-radius:999px;font-size:.88rem;text-decoration:none;display:inline-block;}

.marketing-hero{position:relative;overflow:hidden;padding:90px 0 70px;min-height:760px;display:flex;align-items:center;background:#1a1a1a;color:#fff;}
.marketing-hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;}
.marketing-hero-overlay{position:absolute;inset:0;background:rgba(0,0,0,.55);z-index:1;}
.marketing-hero-inner{position:relative;z-index:2;max-width:820px;}
.marketing-hero-title{font-weight:800;font-size:4.2rem;line-height:1.08;letter-spacing:-.02em;margin-bottom:26px;text-shadow:0 4px 24px rgba(0,0,0,.35);}
.marketing-hero-sub{font-size:1.12rem;color:rgba(255,255,255,.88);max-width:600px;margin-bottom:34px;}
.marketing-hero-cta{display:inline-block;background:#fff;color:#111;padding:16px 34px;border-radius:999px;font-weight:700;text-decoration:none;font-size:1.05rem;box-shadow:0 8px 24px rgba(0,0,0,.25);transition:transform .2s ease,box-shadow .2s ease;}
.marketing-hero-cta:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 14px 32px rgba(0,0,0,.35);}
.marketing-hero-scroll-cue{position:absolute;left:50%;bottom:28px;transform:translateX(-50%);z-index:2;width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.4);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;animation:bounce 2.2s ease-in-out infinite;}

/* hero entrance animation */
.anim-in{opacity:0;transform:translateY(28px);animation:heroIn .8s cubic-bezier(.2,.7,.2,1) forwards;}
@keyframes heroIn{to{opacity:1;transform:translateY(0);}}
@keyframes bounce{0%,100%{transform:translateX(-50%) translateY(0);}50%{transform:translateX(-50%) translateY(8px);}}

/* scroll-reveal (applied to sections below the fold) */
.reveal{opacity:0;transform:translateY(32px);transition:opacity .7s ease,transform .7s ease;}
.reveal.in-view{opacity:1;transform:translateY(0);}

.marketing-section-title{text-align:center;font-weight:800;font-size:2.2rem;margin-bottom:48px;}
.marketing-steps{padding:80px 0;}
.marketing-step-row{display:flex;gap:20px;max-width:760px;margin:0 auto 30px;align-items:flex-start;padding:14px;border-radius:16px;transition:background .2s ease,transform .2s ease;}
.marketing-step-row:hover{background:#FBF7F1;transform:translateX(4px);}
.marketing-step-icon{width:56px;height:56px;flex-shrink:0;border-radius:14px;background:#F6EEE1;display:flex;align-items:center;justify-content:center;font-size:1.4rem;color:var(--user-text);transition:transform .25s ease,background .25s ease;}
.marketing-step-row:hover .marketing-step-icon{transform:scale(1.1) rotate(-4deg);background:var(--user-accent);color:#fff;}
.marketing-step-title{font-weight:700;margin-bottom:4px;}
.marketing-step-text{color:var(--user-text-muted);margin:0;}
.marketing-steps-cta{display:inline-block;background:var(--user-cta-bg);color:#fff;padding:14px 28px;border-radius:10px;font-weight:700;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease;}
.marketing-steps-cta:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(0,0,0,.2);}

.marketing-testimonials{background:#F7EFE6;padding:80px 0;}
.marketing-testimonial-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;}
.marketing-testimonial-card{background:#fff;border-radius:16px;box-shadow:var(--user-card-shadow);padding:24px;transition:transform .25s ease,box-shadow .25s ease;}
.marketing-testimonial-card:hover{transform:translateY(-6px);box-shadow:0 20px 36px rgba(16,24,40,.14);}
.marketing-testimonial-name{font-weight:700;}
.marketing-testimonial-meta{font-size:.8rem;color:var(--user-text-muted);}
.marketing-testimonial-date{font-size:.8rem;color:var(--user-text-muted);white-space:nowrap;}
.marketing-stars{color:#111;margin:10px 0 8px;font-size:.85rem;letter-spacing:2px;}
.marketing-testimonial-title{font-weight:700;margin-bottom:6px;}
.marketing-testimonial-body{color:var(--user-text-muted);margin:0;font-size:.92rem;}

.marketing-footer{padding:60px 0 0;}
.marketing-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:32px;padding-bottom:36px;}
.marketing-footer-desc{color:var(--user-text-muted);font-size:.88rem;max-width:380px;}
.marketing-footer-heading{font-weight:700;margin-bottom:12px;}
.marketing-footer-link{display:block;color:var(--user-text-muted);text-decoration:none;font-size:.9rem;margin-bottom:10px;transition:color .15s ease;}
.marketing-footer-link:hover{color:var(--user-text);}
.marketing-footer-support-label{font-weight:700;font-size:.9rem;}
.marketing-footer-support-value{font-weight:700;font-size:.9rem;}
.marketing-footer-bottom{border-top:1px solid #F0F0F0;padding:20px 0;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;color:var(--user-text-muted);font-size:.82rem;}

@media (max-width:767.98px){
  .marketing-hero{padding:56px 0 44px;min-height:560px;}
  .marketing-hero-title{font-size:2.6rem;}
  .marketing-hero-scroll-cue{display:none;}
  .marketing-section-title{font-size:1.6rem;margin-bottom:32px;}
  .marketing-testimonial-grid{grid-template-columns:1fr;}
  .marketing-footer-grid{grid-template-columns:1fr 1fr;}
  .marketing-footer-brand{grid-column:1 / -1;}
  .marketing-step-row{gap:14px;}
}

@media (max-width:575.98px){
  .marketing-shell{padding:0 16px;}
  .marketing-hero-title{font-size:2rem;}
  .marketing-footer-grid{grid-template-columns:1fr 1fr;}
}

@media (prefers-reduced-motion: reduce){
  .anim-in,.reveal{animation:none !important;transition:none !important;opacity:1 !important;transform:none !important;}
  .marketing-hero-scroll-cue{animation:none;}
}

/* ---- misc ---- */
.form-control,.form-select{font-size:.85rem;}
.modal-content{border-radius:18px;}

/* ---- toast notifications ---- */
.toast-stack{position:fixed;top:20px;right:20px;z-index:2000;display:flex;flex-direction:column;gap:10px;max-width:360px;width:calc(100% - 40px);}
.app-toast{background:#fff;border-radius:12px;box-shadow:0 12px 32px rgba(16,24,40,.18);padding:14px 16px;display:flex;align-items:flex-start;gap:10px;border-left:4px solid #9CA3AF;animation:toastIn .25s ease;}
.app-toast.success{border-left-color:var(--user-success);}
.app-toast.error{border-left-color:var(--user-danger);}
.app-toast.warning{border-left-color:#D97706;}
.app-toast .icon{font-size:1.05rem;flex-shrink:0;margin-top:1px;}
.app-toast.success .icon{color:var(--user-success);}
.app-toast.error .icon{color:var(--user-danger);}
.app-toast.warning .icon{color:#D97706;}
.app-toast .msg{font-size:.85rem;flex:1;line-height:1.4;}
.app-toast .close-btn{background:none;border:none;color:#9CA3AF;font-size:1.1rem;line-height:1;cursor:pointer;padding:0;flex-shrink:0;}
.app-toast.leaving{animation:toastOut .2s ease forwards;}
@keyframes toastIn{from{opacity:0;transform:translateX(24px);}to{opacity:1;transform:translateX(0);}}
@keyframes toastOut{to{opacity:0;transform:translateX(24px);}}
@media (max-width:575.98px){
  .toast-stack{top:12px;right:12px;left:12px;max-width:none;width:auto;}
}

/* ---- content pages (Terms / Privacy / Platform Rules) ---- */
.content-page-hero{background:radial-gradient(circle at 20% 0%,#fff,#F7F7F5 70%);border-radius:var(--user-card-radius);box-shadow:var(--user-card-shadow);padding:32px;margin-bottom:16px;}
.content-page-badge{background:#F3F4F6;color:var(--user-text);margin-bottom:12px;}
.content-page-hero h1{font-weight:800;font-size:1.8rem;margin-bottom:6px;}
.content-page-hero > p{color:var(--user-text-muted);margin-bottom:20px;}
.content-page-meta-row{display:flex;gap:14px;flex-wrap:wrap;}
.content-page-meta-box{background:#fff;border-radius:12px;box-shadow:var(--user-card-shadow);padding:14px 18px;flex:1;min-width:160px;}
.content-page-meta-box span{display:block;font-size:.68rem;letter-spacing:.05em;text-transform:uppercase;color:var(--user-text-muted);font-weight:700;margin-bottom:4px;}
.content-page-meta-box strong{font-size:.98rem;}
.content-page-section{padding:22px 24px;border-top:1px solid #F0F0F0;}
.content-page-section:first-child{border-top:none;}
.content-page-section h5{font-weight:700;margin-bottom:8px;}
.content-page-section p{color:var(--user-text-muted);font-size:.9rem;white-space:pre-line;margin-bottom:10px;}
.content-page-section p:last-child{margin-bottom:0;}

@media (max-width:575.98px){
  .content-page-hero{padding:22px;}
  .content-page-section{padding:18px;}
}

.lucky-draw-card{border:none;border-radius:20px;}
.lucky-draw-badge{background:#F3F4F6;color:var(--user-text);}
.lucky-draw-diamond{border:1px solid #EEE;border-radius:16px;background:#FAFAFA;padding:28px;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#38BDF8;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease;cursor:pointer;}
.lucky-draw-diamond:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px rgba(56,189,248,.25);}
.lucky-draw-diamond:disabled{cursor:default;opacity:.45;}
.lucky-draw-diamond.picked{opacity:1;border-color:#38BDF8;box-shadow:0 8px 20px rgba(56,189,248,.35);}
.lucky-draw-result-card{border:1px solid #EEE;border-radius:14px;padding:16px 18px;text-align:center;background:#FAFAFA;}
.lucky-draw-result-card .eyebrow{font-size:.68rem;letter-spacing:.05em;text-transform:uppercase;color:var(--user-text-muted);font-weight:700;margin-bottom:4px;}
.lucky-draw-result-won{background:#EFF8FF;border-color:#BEE3F8;}
.lucky-draw-result-won .fw-bold{color:#0B74C4;font-size:1.15rem;}

.ib-breakdown{background:#F9FAFB;border-radius:12px;padding:4px 14px;}
.ib-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;font-size:.88rem;border-bottom:1px solid #EEE;}
.ib-row:last-child{border-bottom:none;}
.ib-row span{color:var(--user-text-muted);}
.ib-row-highlight strong{color:var(--user-danger);font-size:1.05rem;}