/* =========================================================
   MARS AURORA — complete visual redesign (v18)
   Loaded LAST on every page. Replaces soft.css + guest-soft.css.
   - One token set, true dark + light themes (toggle: html[data-theme])
   - Rounded, glassy, gradient-accented, same markup hooks/IDs
   ========================================================= */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap');

/* ---------- TOKENS ---------- */
:root,
:root[data-theme="dark"]{
    color-scheme:dark;
    --nv-font:'Outfit',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
    --nv-num:'Outfit',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
    --nv-grad:linear-gradient(135deg,#FF8A3D 0%,#FF4D5E 55%,#D6336C 100%);
    --nv-grad-soft:linear-gradient(135deg,rgba(255,138,61,.18),rgba(214,51,108,.18));
    --nv-violet:#8B7CFF; --nv-teal:#2DD4BF;

    --rust:#FF5A4D; --rust-deep:#E5384F; --rust-light:#FF8A7A; --ember:#2DD4BF;
    --success:#3DDC97; --danger:#FF5C7A; --warning:#FFC24D;

    --bg-main:#0B0B14; --bg-card:rgba(255,255,255,.05); --bg-navbar:rgba(11,11,20,.78);
    --bg-solid:#16162A; --bg-overlay:#16162A;
    --text-primary:#F4F3FA; --text-secondary:#B8B6CC; --text-muted:#8683A3;
    --border-color:rgba(255,255,255,.09);
    --accent-blue:#FF5A4D; --accent-blue-hover:#FF7A6B;
    --accent-gradient:var(--nv-grad); --logo-frame-gradient:var(--nv-grad);

    --nv-card:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.035));
    --nv-line:rgba(255,255,255,.09);
    --nv-hover:rgba(255,255,255,.06);
    --nv-shadow:0 1px 0 rgba(255,255,255,.05) inset,0 24px 48px -28px rgba(0,0,0,.8);
    --nv-glow:0 14px 30px -12px rgba(255,77,94,.55);
    --nv-field:rgba(255,255,255,.06);

    --glass-blur:blur(22px) saturate(150%); --glass-blur-soft:blur(10px);
    --radius-sm:12px; --radius-md:16px; --radius-lg:22px; --radius-xl:30px; --radius-pill:999px;
    --shadow-card:var(--nv-shadow); --shadow-hover:0 1px 0 rgba(255,255,255,.07) inset,0 30px 60px -24px rgba(0,0,0,.85);
    --shadow-brand:var(--nv-glow); --shadow-glow-sm:0 8px 18px -8px rgba(255,77,94,.6);

    --input-bg:var(--nv-field); --captcha-bg:var(--nv-field);
    --timer-bg:rgba(255,90,77,.14); --timer-text:#FF9A8E;
    --footer-bg:transparent; --footer-text:#8683A3;
    --proof-bg:rgba(255,255,255,.05); --step-icon-bg:rgba(255,90,77,.14);
    --banner-bg:rgba(255,255,255,.04); --banner-text:#7C7A98;

    --chip-blue-bg:rgba(110,168,255,.16);  --chip-blue-fg:#7DB1FF;
    --chip-rust-bg:rgba(255,90,77,.17);    --chip-rust-fg:#FF8478;
    --chip-amber-bg:rgba(255,194,77,.16);  --chip-amber-fg:#FFC24D;
    --chip-purple-bg:rgba(169,155,255,.17);--chip-purple-fg:#B4A8FF;
    --chip-cyan-bg:rgba(61,220,235,.15);   --chip-cyan-fg:#45DDEC;
    --chip-teal-bg:rgba(45,212,191,.16);   --chip-teal-fg:#2DD4BF;
    --chip-green-bg:rgba(61,220,151,.16);  --chip-green-fg:#3DDC97;

    --font-display:var(--nv-font); --font-body:var(--nv-font); --font-mono:var(--nv-font);
}
:root[data-theme="light"]{
    color-scheme:light;
    --bg-main:#F5F3FA; --bg-card:#FFFFFF; --bg-navbar:rgba(255,255,255,.82);
    --bg-solid:#FFFFFF; --bg-overlay:#FFFFFF;
    --text-primary:#1B1830; --text-secondary:#555273; --text-muted:#8A87A6;
    --border-color:rgba(40,30,90,.10);
    --rust:#F0443A; --rust-deep:#D12A44; --rust-light:#FF7A6B;
    --accent-blue:#F0443A; --accent-blue-hover:#D12A44;

    --nv-card:#FFFFFF;
    --nv-line:rgba(40,30,90,.09);
    --nv-hover:rgba(40,30,90,.045);
    --nv-shadow:0 1px 2px rgba(40,30,90,.05),0 18px 36px -24px rgba(60,40,120,.28);
    --nv-glow:0 14px 28px -12px rgba(255,77,94,.55);
    --nv-field:#F3F1FA;

    --glass-blur:none; --glass-blur-soft:none;
    --shadow-card:var(--nv-shadow); --shadow-hover:0 1px 2px rgba(40,30,90,.06),0 26px 46px -24px rgba(60,40,120,.34);

    --input-bg:var(--nv-field); --captcha-bg:var(--nv-field);
    --timer-bg:#FFECE9; --timer-text:#D12A44;
    --footer-text:#7C7999;
    --proof-bg:#F6F4FB; --step-icon-bg:#FFECE9; --banner-bg:#F6F4FB; --banner-text:#8A87A6;

    --chip-blue-bg:#E8F0FF;  --chip-blue-fg:#2F6FED;
    --chip-rust-bg:#FFEAE7;  --chip-rust-fg:#E5483A;
    --chip-amber-bg:#FFF2D9; --chip-amber-fg:#C77700;
    --chip-purple-bg:#EEEAFF;--chip-purple-fg:#6D4AE6;
    --chip-cyan-bg:#DDF6FA;  --chip-cyan-fg:#0A8FA3;
    --chip-teal-bg:#DBF6F1;  --chip-teal-fg:#0F9E8B;
    --chip-green-bg:#DDF5E8; --chip-green-fg:#1B9E5E;
}

/* ---------- BASE ---------- */
html body,html body *,html body *::before,html body *::after,
html input,html button,html select,html textarea,html svg text{font-family:var(--nv-font)!important;}
html{scroll-behavior:smooth;}
html body{background:var(--bg-main);color:var(--text-primary);-webkit-font-smoothing:antialiased;}
::selection{background:rgba(255,90,77,.3);}
a{color:inherit;}
:root[data-theme] :focus-visible{outline:3px solid rgba(255,90,77,.45);outline-offset:2px;}

/* theme toggle button (used on guest + dashboard) */
.nv-theme{width:42px;height:42px;border-radius:14px;border:1px solid var(--nv-line);background:var(--nv-card);color:var(--text-secondary);
    display:inline-grid;place-items:center;cursor:pointer;font-size:1.15rem;flex-shrink:0;transition:transform .2s,color .2s,border-color .2s;box-shadow:var(--nv-shadow);}
.nv-theme:hover{color:var(--text-primary);border-color:rgba(255,90,77,.45);}
.t-sun{display:none!important;} .t-moon{display:inline-block;}
:root[data-theme="light"] .t-sun{display:inline-block!important;}
:root[data-theme="light"] .t-moon{display:none!important;}

/* =========================================================
   DASHBOARD SHELL
   ========================================================= */
:root[data-theme] body.dashboard-mode{
    background:
        radial-gradient(900px 520px at 88% -8%,rgba(255,90,77,.17),transparent 62%),
        radial-gradient(760px 520px at -6% 28%,rgba(139,124,255,.15),transparent 62%),
        radial-gradient(600px 420px at 70% 110%,rgba(45,212,191,.08),transparent 60%),
        var(--bg-main);
    background-attachment:fixed;color:var(--text-primary);
}
:root[data-theme="light"] body.dashboard-mode{
    background:
        radial-gradient(900px 520px at 90% -10%,rgba(255,138,61,.15),transparent 62%),
        radial-gradient(760px 520px at -6% 25%,rgba(139,124,255,.11),transparent 62%),
        var(--bg-main);background-attachment:fixed;
}
:root[data-theme] body.dashboard-mode h1,:root[data-theme] body.dashboard-mode h2,:root[data-theme] body.dashboard-mode h3{color:var(--text-primary);letter-spacing:-.02em;}

/* ---- sidebar (desktop) ---- */
:root[data-theme] body.dashboard-mode .dash-sidebar{
    width:272px;margin:16px 0 16px 16px;height:calc(100vh - 32px);top:16px;border-radius:28px;padding:1.25rem 1rem;gap:.15rem;
    background:var(--nv-card);border:1px solid var(--nv-line);box-shadow:var(--nv-shadow);
    backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);scrollbar-width:thin;
}
:root[data-theme] body.dashboard-mode .sheet-head,:root[data-theme] body.dashboard-mode .sheet-foot{display:none;}
:root[data-theme] body.dashboard-mode .sidebar-brand{margin-bottom:1rem;padding:.15rem .35rem;}
:root[data-theme] body.dashboard-mode .sidebar-brand span{font-weight:800;font-size:1.22rem;letter-spacing:-.03em;color:var(--text-primary);}
:root[data-theme] body.dashboard-mode .logo-icon,:root[data-theme] body.dashboard-mode .logo-box{background:var(--nv-grad);box-shadow:var(--nv-glow);border-radius:13px;}
:root[data-theme] body.dashboard-mode .sidebar-brand .logo-icon{width:38px;height:38px;}
:root[data-theme] body.dashboard-mode .brand-mars{color:var(--rust);text-shadow:none;}
:root[data-theme] body.dashboard-mode .sidebar-balance{
    display:flex;align-items:center;gap:.6rem;padding:.8rem .95rem;margin-bottom:.7rem;border-radius:18px;text-decoration:none;
    background:var(--nv-grad);color:#fff;font-weight:800;box-shadow:var(--nv-glow);transition:transform .2s;
}
:root[data-theme] body.dashboard-mode .sidebar-balance:hover{transform:translateY(-2px);}
:root[data-theme] body.dashboard-mode .sidebar-balance .iconify{font-size:1.35rem;}
:root[data-theme] body.dashboard-mode .sidebar-balance span{font-family:var(--nv-num)!important;font-size:1.05rem;letter-spacing:-.01em;}
:root[data-theme] body.dashboard-mode .sidebar-balance small{font-size:.7rem;opacity:.85;font-weight:700;}
:root[data-theme] body.dashboard-mode .sidebar-user{
    padding:.65rem;margin-bottom:.4rem;border-radius:18px;background:var(--nv-hover);border:1px solid var(--nv-line);cursor:pointer;transition:border-color .2s;
}
:root[data-theme] body.dashboard-mode .sidebar-user:hover,:root[data-theme] body.dashboard-mode .sidebar-user.active{border-color:rgba(255,90,77,.45);}
:root[data-theme] body.dashboard-mode .sidebar-user-avatar{width:40px;height:40px;border-radius:14px;background:var(--nv-grad);font-weight:800;}
:root[data-theme] body.dashboard-mode .sidebar-user-name{font-size:.88rem;font-weight:700;}
:root[data-theme] body.dashboard-mode .sidebar-user-email{font-size:.7rem;color:var(--text-muted);}
:root[data-theme] body.dashboard-mode .sidebar-nav-section{font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;font-weight:800;color:var(--text-muted);margin:1rem .7rem .35rem;}
:root[data-theme] body.dashboard-mode .sidebar-nav-item{
    position:relative;display:flex;align-items:center;gap:.8rem;padding:.42rem .55rem;border-radius:17px;
    font-size:.92rem;font-weight:600;color:var(--text-secondary);transition:background .18s,color .18s,transform .18s;
}
:root[data-theme] body.dashboard-mode .sidebar-nav-item:hover{background:var(--nv-hover);color:var(--text-primary);transform:translateX(2px);}
:root[data-theme] body.dashboard-mode .sidebar-nav-icon{
    width:38px;height:38px;border-radius:13px;display:grid;place-items:center;flex-shrink:0;border:0;box-shadow:none;
    backdrop-filter:none;-webkit-backdrop-filter:none;
    background:var(--tile-bg,var(--chip-blue-bg));color:var(--tile-fg,var(--chip-blue-fg));
}
:root[data-theme] body.dashboard-mode .sidebar-nav-icon svg,:root[data-theme] body.dashboard-mode .sidebar-nav-icon .iconify{width:20px;height:20px;font-size:20px;}
/* every item keeps its own colour, active or not */
:root[data-theme] body.dashboard-mode .sidebar-nav-item .snav-blue{--tile-bg:var(--chip-blue-bg);--tile-fg:var(--chip-blue-fg);}
:root[data-theme] body.dashboard-mode .sidebar-nav-item .snav-rust{--tile-bg:var(--chip-rust-bg);--tile-fg:var(--chip-rust-fg);}
:root[data-theme] body.dashboard-mode .sidebar-nav-item .snav-amber{--tile-bg:var(--chip-amber-bg);--tile-fg:var(--chip-amber-fg);}
:root[data-theme] body.dashboard-mode .sidebar-nav-item .snav-purple{--tile-bg:var(--chip-purple-bg);--tile-fg:var(--chip-purple-fg);}
:root[data-theme] body.dashboard-mode .sidebar-nav-item .snav-cyan{--tile-bg:var(--chip-cyan-bg);--tile-fg:var(--chip-cyan-fg);}
:root[data-theme] body.dashboard-mode .sidebar-nav-item .snav-teal{--tile-bg:var(--chip-teal-bg);--tile-fg:var(--chip-teal-fg);}
:root[data-theme] body.dashboard-mode .sidebar-nav-item .snav-green{--tile-bg:var(--chip-green-bg);--tile-fg:var(--chip-green-fg);}
:root[data-theme] body.dashboard-mode .sidebar-nav-item .snav-logout{--tile-bg:rgba(255,92,122,.15);--tile-fg:var(--danger);}
:root[data-theme] body.dashboard-mode .sidebar-nav-item .sidebar-nav-icon{background:var(--tile-bg);color:var(--tile-fg);}
:root[data-theme] body.dashboard-mode .sidebar-nav-item.active{background:var(--nv-grad);color:#fff;box-shadow:var(--nv-glow);transform:none;}
:root[data-theme] body.dashboard-mode .sidebar-nav-item.active .sidebar-nav-icon{background:rgba(255,255,255,.24);color:#fff;border:0;}
:root[data-theme] body.dashboard-mode .sidebar-badge{margin-left:auto;background:var(--danger);color:#fff;border-radius:999px;font-size:.68rem;font-weight:800;padding:.1rem .5rem;}
:root[data-theme] body.dashboard-mode .sidebar-nav-item.active .sidebar-badge{background:rgba(255,255,255,.3);}
:root[data-theme] body.dashboard-mode .sidebar-mobile-only{display:none;}
:root[data-theme] body.dashboard-mode .sidebar-nav-logout{margin-top:auto;}
:root[data-theme] body.dashboard-mode .sidebar-theme-row{display:none;}

/* profile popover (desktop) */
:root[data-theme] body.dashboard-mode .sb-menu{position:fixed;z-index:200;width:272px;padding:.9rem;border-radius:22px;background:var(--bg-solid);border:1px solid var(--nv-line);
    box-shadow:0 30px 70px -20px rgba(0,0,0,.6);opacity:0;transform:translateY(-6px) scale(.97);pointer-events:none;transition:opacity .16s,transform .16s;}
:root[data-theme] body.dashboard-mode .sb-menu.open{opacity:1;transform:none;pointer-events:auto;}
:root[data-theme] body.dashboard-mode .sb-menu-user{display:flex;align-items:center;gap:.7rem;padding:.2rem .2rem .8rem;border-bottom:1px solid var(--nv-line);margin-bottom:.7rem;}
:root[data-theme] body.dashboard-mode .sb-menu-avatar{width:42px;height:42px;border-radius:14px;background:var(--nv-grad);color:#fff;font-weight:800;display:grid;place-items:center;}
:root[data-theme] body.dashboard-mode .sb-menu-name{font-weight:700;font-size:.9rem;} :root[data-theme] body.dashboard-mode .sb-menu-email{font-size:.72rem;color:var(--text-muted);}
:root[data-theme] body.dashboard-mode .sb-menu-balance{display:flex;justify-content:space-between;align-items:center;padding:.7rem .85rem;border-radius:16px;background:var(--nv-hover);margin-bottom:.4rem;text-decoration:none;color:var(--text-primary);}
:root[data-theme] body.dashboard-mode .sb-menu-balance-label{display:flex;align-items:center;gap:.4rem;font-size:.78rem;color:var(--text-muted);font-weight:600;}
:root[data-theme] body.dashboard-mode .sb-menu-balance-value{font-family:var(--nv-num)!important;font-weight:700;} :root[data-theme] body.dashboard-mode .sb-menu-balance-value small{font-size:.68rem;color:var(--text-muted);}
:root[data-theme] body.dashboard-mode .sb-menu-link{display:flex;align-items:center;gap:.6rem;padding:.65rem .7rem;border-radius:14px;font-size:.86rem;font-weight:600;color:var(--text-secondary);text-decoration:none;}
:root[data-theme] body.dashboard-mode .sb-menu-link:hover{background:var(--nv-hover);color:var(--text-primary);}
:root[data-theme] body.dashboard-mode .sb-menu-logout{color:var(--danger);}

/* ---- main column ---- */
:root[data-theme] body.dashboard-mode .dash-main{padding:1.4rem 1.6rem 3rem;}
:root[data-theme] body.dashboard-mode .dash-main>*{max-width:1160px;}

/* ---------- page header ---------- */
:root[data-theme] body.dashboard-mode .page-header{
    position:relative;overflow:hidden;display:flex;align-items:center;gap:1.1rem;padding:1.25rem 1.5rem;margin-bottom:1.2rem;
    background:var(--nv-card);border:1px solid var(--nv-line);border-radius:28px;box-shadow:var(--nv-shadow);
}
:root[data-theme] body.dashboard-mode .page-header::before{content:"";position:absolute;right:-60px;top:-80px;width:240px;height:240px;border-radius:50%;
    background:radial-gradient(circle,rgba(255,90,77,.22),transparent 68%);opacity:1;box-shadow:none;bottom:auto;pointer-events:none;}
:root[data-theme] body.dashboard-mode .page-header-icon{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;font-size:1.55rem;color:#fff;background:var(--nv-grad);border:0;box-shadow:var(--nv-glow);flex-shrink:0;}
:root[data-theme] body.dashboard-mode .page-header-title{font-size:1.5rem;font-weight:800;letter-spacing:-.03em;margin:0;}
:root[data-theme] body.dashboard-mode .page-header-desc{color:var(--text-secondary);font-weight:500;font-size:.92rem;margin:.15rem 0 0;}

/* ---------- cards ---------- */
:root[data-theme] body.dashboard-mode .content-card,:root[data-theme] body.dashboard-mode .perf-card,:root[data-theme] body.dashboard-mode .level-card,:root[data-theme] body.dashboard-mode .offer-app-card,:root[data-theme] body.dashboard-mode .ref-stat-card,:root[data-theme] body.dashboard-mode .ref-quick-card,:root[data-theme] body.dashboard-mode .hist-summary-card,
:root[data-theme] body.dashboard-mode .sl-card,:root[data-theme] body.dashboard-mode .ref-link-card,:root[data-theme] body.dashboard-mode .timer-box,:root[data-theme] body.dashboard-mode .withdraw-card,:root[data-theme] body.dashboard-mode .withdraw-history-card,:root[data-theme] body.dashboard-mode .challenge-task-card,:root[data-theme] body.dashboard-mode .pt-stat,:root[data-theme] body.dashboard-mode .rf-stat,
:root[data-theme] body.dashboard-mode .pt-hero,:root[data-theme] body.dashboard-mode .rf-hero,:root[data-theme] body.dashboard-mode .survey-card,:root[data-theme] body.dashboard-mode .hist-card,:root[data-theme] body.dashboard-mode .streak-day,:root[data-theme] body.dashboard-mode .daily-limit-box,:root[data-theme] body.dashboard-mode .pt-ad,:root[data-theme] body.dashboard-mode .page-card{
    background:var(--nv-card);border:1px solid var(--nv-line);border-radius:26px;box-shadow:var(--nv-shadow);color:var(--text-primary);
}
:root[data-theme] body.dashboard-mode .content-card{padding:1.6rem;margin-bottom:1.1rem;}
:root[data-theme] body.dashboard-mode .offer-app-card,:root[data-theme] body.dashboard-mode .sl-card,:root[data-theme] body.dashboard-mode .challenge-task-card,:root[data-theme] body.dashboard-mode .survey-card,:root[data-theme] body.dashboard-mode .hist-card,:root[data-theme] body.dashboard-mode .pt-ad{transition:transform .22s,box-shadow .22s,border-color .22s;}
:root[data-theme] body.dashboard-mode .offer-app-card:hover,:root[data-theme] body.dashboard-mode .sl-card:hover,:root[data-theme] body.dashboard-mode .challenge-task-card:hover,:root[data-theme] body.dashboard-mode .survey-card:hover,:root[data-theme] body.dashboard-mode .pt-ad:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover);border-color:rgba(255,90,77,.4);}
:root[data-theme] body.dashboard-mode .pt-hero,:root[data-theme] body.dashboard-mode .rf-hero{background:var(--nv-grad);border:0;color:#fff;box-shadow:var(--nv-glow);}
:root[data-theme] body.dashboard-mode .pt-hero *,:root[data-theme] body.dashboard-mode .rf-hero *{color:#fff;}
:root[data-theme] body.dashboard-mode .rf-green,:root[data-theme] body.dashboard-mode .pt-green{background:none;color:var(--chip-green-fg);}

/* ---------- buttons ---------- */
:root[data-theme] body.dashboard-mode .btn-claim,:root[data-theme] body.dashboard-mode .btn-claim-again,:root[data-theme] body.dashboard-mode .rf-btn,:root[data-theme] body.dashboard-mode .sl-btn,:root[data-theme] body.dashboard-mode .challenge-claim-btn,:root[data-theme] body.dashboard-mode .pt-cta,:root[data-theme] body.dashboard-mode .auth-submit,
:root[data-theme] body.dashboard-mode .offer-detail-start,:root[data-theme] body.dashboard-mode .btn-help-support,:root[data-theme] body.dashboard-mode .withdraw-card .btn,:root[data-theme] body.dashboard-mode button.btn-primary,:root[data-theme] body.dashboard-mode .dx-btn-primary,:root[data-theme] body.dashboard-mode .nv-btn-primary{
    display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:0;cursor:pointer;text-decoration:none;
    background:var(--nv-grad);color:#fff;font-weight:800;border-radius:16px;padding:.8rem 1.4rem;box-shadow:var(--nv-glow);
    transition:transform .18s,filter .18s,box-shadow .18s;
}
:root[data-theme] body.dashboard-mode .btn-claim:hover,:root[data-theme] body.dashboard-mode .btn-claim-again:hover,:root[data-theme] body.dashboard-mode .rf-btn:hover,:root[data-theme] body.dashboard-mode .sl-btn:hover,:root[data-theme] body.dashboard-mode .challenge-claim-btn:hover,:root[data-theme] body.dashboard-mode .pt-cta:hover,:root[data-theme] body.dashboard-mode .auth-submit:hover,
:root[data-theme] body.dashboard-mode .offer-detail-start:hover,:root[data-theme] body.dashboard-mode .btn-help-support:hover{transform:translateY(-2px);filter:brightness(1.07);}
:root[data-theme] body.dashboard-mode .btn-claim{width:100%;padding:1rem 1.4rem;font-size:1.05rem;border-radius:20px;}
:root[data-theme] body.dashboard-mode .btn-claim:disabled,:root[data-theme] body.dashboard-mode .challenge-claim-btn:disabled,:root[data-theme] body.dashboard-mode .sl-btn:disabled{filter:grayscale(.6) brightness(.8);cursor:not-allowed;box-shadow:none;transform:none;}
:root[data-theme] body.dashboard-mode .btn-help-faq,:root[data-theme] body.dashboard-mode .perf-action-ghost,:root[data-theme] body.dashboard-mode .nv-btn-ghost{
    display:inline-flex;align-items:center;gap:.45rem;padding:.7rem 1.2rem;border-radius:16px;font-weight:700;cursor:pointer;text-decoration:none;
    background:var(--nv-hover);border:1px solid var(--nv-line);color:var(--text-primary);transition:background .2s,border-color .2s;
}
:root[data-theme] body.dashboard-mode .btn-help-faq:hover,:root[data-theme] body.dashboard-mode .perf-action-ghost:hover,:root[data-theme] body.dashboard-mode .nv-btn-ghost:hover{border-color:rgba(255,90,77,.45);}

/* ---------- inputs ---------- */
:root[data-theme] body.dashboard-mode input[type=text],:root[data-theme] body.dashboard-mode input[type=email],:root[data-theme] body.dashboard-mode input[type=number],:root[data-theme] body.dashboard-mode input[type=password],:root[data-theme] body.dashboard-mode select,:root[data-theme] body.dashboard-mode textarea,:root[data-theme] body.dashboard-mode .rf-link-input{
    background:var(--nv-field);border:1px solid var(--nv-line);color:var(--text-primary);border-radius:16px;padding:.85rem 1rem;font-weight:500;
    transition:border-color .2s,box-shadow .2s;
}
:root[data-theme] body.dashboard-mode input:focus,:root[data-theme] body.dashboard-mode select:focus,:root[data-theme] body.dashboard-mode textarea:focus{outline:0;border-color:var(--rust);box-shadow:0 0 0 4px rgba(255,90,77,.18);}
:root[data-theme] body.dashboard-mode ::placeholder{color:var(--text-muted);}

/* ---------- alerts / toast / ad ---------- */
:root[data-theme] body.dashboard-mode .alert-box{border-radius:16px;font-weight:600;}
:root[data-theme] body.dashboard-mode .toast{background:var(--bg-solid);border:1px solid var(--nv-line);border-radius:18px;box-shadow:0 20px 50px -16px rgba(0,0,0,.55);color:var(--text-primary);}
:root[data-theme] body.dashboard-mode .ad-slot{background:transparent;border:1px dashed var(--nv-line);border-radius:20px;}
:root[data-theme] body.dashboard-mode .banner-placeholder{color:var(--banner-text);}

/* ---------- small status elements ---------- */
:root[data-theme] body.dashboard-mode .level-chip{background:var(--nv-grad);color:#fff;border:0;border-radius:999px;font-weight:800;padding:.15rem .65rem;font-size:.78rem;}
:root[data-theme] body.dashboard-mode .level-bar,:root[data-theme] body.dashboard-mode .dl-bar,:root[data-theme] body.dashboard-mode .challenge-progress-track{background:var(--nv-hover);border-radius:999px;height:10px;overflow:hidden;}
:root[data-theme] body.dashboard-mode .level-bar-fill,:root[data-theme] body.dashboard-mode .dl-progress,:root[data-theme] body.dashboard-mode .challenge-progress-fill{background:var(--nv-grad);border-radius:999px;}
:root[data-theme] body.dashboard-mode .timer-count{font-family:var(--nv-num)!important;font-weight:700;}
:root[data-theme] body.dashboard-mode .hist-status-ok,:root[data-theme] body.dashboard-mode .tx-ok{background:var(--chip-green-bg);color:var(--chip-green-fg);}
:root[data-theme] body.dashboard-mode .hist-status-pending{background:var(--chip-amber-bg);color:var(--chip-amber-fg);}
:root[data-theme] body.dashboard-mode .hist-status-failed,:root[data-theme] body.dashboard-mode .hist-status-reversed,:root[data-theme] body.dashboard-mode .tx-fail{background:rgba(255,92,122,.15);color:var(--danger);}
:root[data-theme] body.dashboard-mode .tx-filter-pill,:root[data-theme] body.dashboard-mode .ptc-tab{border-radius:999px;background:var(--nv-hover);border:1px solid var(--nv-line);color:var(--text-secondary);font-weight:700;}
:root[data-theme] body.dashboard-mode .tx-filter-pill.active,:root[data-theme] body.dashboard-mode .ptc-tab.active{background:var(--nv-grad);color:#fff;border-color:transparent;box-shadow:var(--nv-glow);}
:root[data-theme] body.dashboard-mode .withdraw-modal,:root[data-theme] body.dashboard-mode .offer-detail-modal,:root[data-theme] body.dashboard-mode .survey-modal,:root[data-theme] body.dashboard-mode .banner-modal,:root[data-theme] body.dashboard-mode .faq-modal{background:var(--bg-solid);border:1px solid var(--nv-line);border-radius:28px;color:var(--text-primary);}

/* ---------- footer ---------- */
:root[data-theme] body.dashboard-mode .dash-footer{display:flex;flex-wrap:wrap;gap:.8rem 1.4rem;align-items:center;justify-content:space-between;margin-top:2rem;padding:1.1rem 1.4rem;
    border-radius:22px;background:var(--nv-hover);border:1px solid var(--nv-line);font-size:.82rem;color:var(--text-muted);}
:root[data-theme] body.dashboard-mode .dash-footer-links{display:flex;gap:1rem;flex-wrap:wrap;} :root[data-theme] body.dashboard-mode .dash-footer-links a{color:var(--text-secondary);text-decoration:none;font-weight:600;}
:root[data-theme] body.dashboard-mode .dash-footer-links a:hover{color:var(--rust);}
:root[data-theme] body.dashboard-mode .dash-footer-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--success);box-shadow:0 0 0 4px rgba(61,220,151,.2);}

/* =========================================================
   HOME (logged in)
   ========================================================= */
.nv-hello{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.1rem;}
.nv-hello h1{font-size:clamp(1.5rem,3.4vw,2.2rem);font-weight:800;letter-spacing:-.035em;margin:0;display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;}
.nv-hello p{margin:.2rem 0 0;color:var(--text-secondary);font-weight:500;}
.nv-hello .nv-greet-ico{font-size:1.9rem;}
.nv-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .95rem;border-radius:999px;background:var(--nv-hover);border:1px solid var(--nv-line);font-size:.82rem;font-weight:700;color:var(--text-secondary);}
.nv-pill b{color:var(--text-primary);font-family:var(--nv-num)!important;}

.nv-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1.1rem;margin-bottom:1.1rem;}
.nv-wallet{
    grid-column:span 8;position:relative;overflow:hidden;border-radius:32px;padding:1.9rem;color:#fff;min-height:250px;
    background:
        radial-gradient(420px 260px at 100% 0%,rgba(255,255,255,.22),transparent 65%),
        radial-gradient(360px 260px at 0% 120%,rgba(120,20,90,.55),transparent 65%),
        var(--nv-grad);
    box-shadow:0 34px 70px -30px rgba(255,77,94,.75);
    display:flex;flex-direction:column;justify-content:space-between;gap:1.4rem;
}
.nv-wallet-label{font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.85;display:flex;align-items:center;gap:.5rem;}
.nv-wallet-amount{font-family:var(--nv-num)!important;font-size:clamp(2.1rem,6vw,3.6rem);font-weight:700;letter-spacing:-.03em;line-height:1.05;margin:.35rem 0 0;word-break:break-all;}
.nv-wallet-amount small{font-size:.38em;font-weight:600;opacity:.85;margin-left:.3rem;letter-spacing:0;}
.nv-hold{display:inline-flex;align-items:center;gap:.4rem;margin-top:.7rem;padding:.35rem .8rem;border-radius:999px;background:rgba(255,255,255,.2);font-size:.78rem;font-weight:700;}
.nv-wallet-actions{display:flex;gap:.7rem;flex-wrap:wrap;position:relative;z-index:2;}
.nv-wallet .nv-btn-white{display:inline-flex;align-items:center;gap:.5rem;padding:.8rem 1.4rem;border-radius:16px;background:#fff;color:#C0243F;font-weight:800;text-decoration:none;box-shadow:0 14px 26px -12px rgba(80,0,30,.55);transition:transform .18s;}
.nv-wallet .nv-btn-white:hover{transform:translateY(-2px);}
.nv-wallet .nv-btn-glass{display:inline-flex;align-items:center;gap:.5rem;padding:.8rem 1.3rem;border-radius:16px;background:rgba(255,255,255,.18);color:#fff;font-weight:700;text-decoration:none;border:1px solid rgba(255,255,255,.35);backdrop-filter:blur(8px);}
.nv-planet{position:absolute;right:-30px;bottom:-40px;width:260px;height:260px;opacity:.95;pointer-events:none;}

.nv-level{grid-column:span 4;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.9rem;padding:1.6rem;border-radius:32px;
    background:var(--nv-card);border:1px solid var(--nv-line);box-shadow:var(--nv-shadow);}
.nv-ring{--p:0;position:relative;width:132px;height:132px;border-radius:50%;
    background:conic-gradient(#FF8A3D 0,#FF4D5E calc(var(--p)*.6%),#D6336C calc(var(--p)*1%),var(--nv-hover) 0);display:grid;place-items:center;}
.nv-ring::before{content:"";position:absolute;inset:11px;border-radius:50%;background:var(--bg-solid);}
.nv-ring-in{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;line-height:1.05;}
.nv-ring-in b{font-family:var(--nv-num)!important;font-size:2rem;font-weight:700;}
.nv-ring-in small{font-size:.7rem;font-weight:700;color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;}
.nv-level h3{margin:0;font-size:1.05rem;font-weight:800;}
.nv-level p{margin:0;font-size:.84rem;color:var(--text-secondary);font-weight:500;}
.nv-level p b{color:var(--rust);}

.nv-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1.1rem;margin-bottom:1.1rem;}
.nv-stat{display:flex;align-items:center;gap:.9rem;padding:1.15rem 1.2rem;border-radius:26px;background:var(--nv-card);border:1px solid var(--nv-line);box-shadow:var(--nv-shadow);text-decoration:none;color:inherit;transition:transform .2s,border-color .2s;}
a.nv-stat:hover{transform:translateY(-3px);border-color:rgba(255,90,77,.4);}
.nv-stat-ico{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;font-size:1.4rem;flex-shrink:0;}
.nv-stat small{display:block;font-size:.76rem;font-weight:700;color:var(--text-muted);margin-bottom:.1rem;}
.nv-stat b{font-family:var(--nv-num)!important;font-size:1.3rem;font-weight:700;letter-spacing:-.02em;display:block;line-height:1.15;}
.nv-stat b span{font-size:.7rem;font-weight:600;color:var(--text-muted);}

.nv-sec-title{display:flex;align-items:center;justify-content:space-between;margin:1.5rem .3rem .8rem;}
.nv-sec-title h2{font-size:1.2rem;font-weight:800;margin:0;}
.nv-sec-title span{font-size:.82rem;color:var(--text-muted);font-weight:600;}
.nv-earn{display:flex;flex-wrap:wrap;gap:1.1rem;}
.nv-earn-card{flex:1 1 220px;}
.nv-earn-card{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:.7rem;padding:1.3rem;border-radius:26px;background:var(--nv-card);border:1px solid var(--nv-line);
    box-shadow:var(--nv-shadow);text-decoration:none;color:inherit;transition:transform .22s,border-color .22s,box-shadow .22s;}
.nv-earn-card:hover{transform:translateY(-5px);border-color:rgba(255,90,77,.45);box-shadow:var(--shadow-hover);}
.nv-earn-card .ico{width:50px;height:50px;border-radius:17px;display:grid;place-items:center;font-size:1.5rem;}
.nv-earn-card b{font-size:1.02rem;font-weight:800;}
.nv-earn-card p{margin:0;font-size:.84rem;color:var(--text-secondary);font-weight:500;line-height:1.5;}
.nv-earn-card .go{margin-top:auto;display:inline-flex;align-items:center;gap:.3rem;font-size:.82rem;font-weight:800;color:var(--rust);}
.nv-earn-card .tag{position:absolute;top:1rem;right:1rem;background:var(--danger);color:#fff;border-radius:999px;font-size:.7rem;font-weight:800;padding:.12rem .55rem;}

.nv-help{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-top:1.4rem;padding:1.2rem 1.4rem;border-radius:26px;background:var(--nv-card);border:1px solid var(--nv-line);box-shadow:var(--nv-shadow);}
.nv-help .ico{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;font-size:1.4rem;background:var(--chip-purple-bg);color:var(--chip-purple-fg);}
.nv-help .txt{flex:1;min-width:180px;} .nv-help .txt b{display:block;font-weight:800;} .nv-help .txt span{font-size:.85rem;color:var(--text-secondary);}
.nv-help .acts{display:flex;gap:.6rem;flex-wrap:wrap;}

/* =========================================================
   MOBILE — topbar, bottom nav, bottom-sheet menu
   ========================================================= */
:root[data-theme] body.dashboard-mode .bottom-nav{display:none;}
@media(max-width:900px){
    :root[data-theme] body.dashboard-mode .dash-wrap{display:block;padding:0;}
    :root[data-theme] body.dashboard-mode .dash-topbar{
        display:flex;align-items:center;gap:.7rem;height:62px;margin:10px 10px 0;padding:0 .8rem 0 1rem;position:sticky;top:8px;z-index:60;
        background:var(--bg-navbar);border:1px solid var(--nv-line);border-radius:22px;box-shadow:var(--nv-shadow);
        backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);
    }
    :root[data-theme] body.dashboard-mode .topbar-brand{font-weight:800;font-size:1.1rem;letter-spacing:-.03em;color:var(--text-primary);}
    :root[data-theme] body.dashboard-mode .topbar-actions{margin-left:auto;display:flex;align-items:center;gap:.5rem;}
    :root[data-theme] body.dashboard-mode .topbar-actions .nv-theme{width:40px;height:40px;border-radius:13px;box-shadow:none;}
    :root[data-theme] body.dashboard-mode .topbar-avatar-btn{background:var(--nv-hover);border:1px solid var(--nv-line);border-radius:16px;}
    :root[data-theme] body.dashboard-mode .topbar-avatar-badge{background:var(--nv-grad);border-radius:12px;box-shadow:none;}
    :root[data-theme] body.dashboard-mode .topbar-profile-menu{background:var(--bg-solid);border:1px solid var(--nv-line);border-radius:22px;box-shadow:0 30px 60px -20px rgba(0,0,0,.6);}
    :root[data-theme] body.dashboard-mode .tpm-balance,:root[data-theme] body.dashboard-mode .tpm-link:hover{background:var(--nv-hover);}
    :root[data-theme] body.dashboard-mode .tpm-balance{border:1px solid var(--nv-line);border-radius:16px;}
    :root[data-theme] body.dashboard-mode .tpm-balance-value{font-family:var(--nv-num)!important;}

    :root[data-theme] body.dashboard-mode .dash-main{padding:1rem .9rem calc(6.6rem + env(safe-area-inset-bottom,0px));}
    :root[data-theme] body.dashboard-mode .page-header{padding:1.05rem 1.1rem;border-radius:24px;}
    :root[data-theme] body.dashboard-mode .page-header-icon{width:48px;height:48px;border-radius:16px;font-size:1.35rem;}
    :root[data-theme] body.dashboard-mode .page-header-title{font-size:1.25rem;}
    :root[data-theme] body.dashboard-mode .content-card{padding:1.15rem;border-radius:24px;}

    .nv-wallet,.nv-level{grid-column:span 12;}
    .nv-wallet{padding:1.5rem;min-height:0;border-radius:28px;}
    .nv-planet{width:190px;height:190px;right:-40px;bottom:-30px;opacity:.55;}
    .nv-level{flex-direction:row;text-align:left;justify-content:flex-start;gap:1.2rem;border-radius:28px;padding:1.2rem;}
    .nv-ring{width:104px;height:104px;flex-shrink:0;} .nv-ring-in b{font-size:1.6rem;}
    .nv-stats{grid-template-columns:repeat(2,1fr);gap:.8rem;}
    .nv-stat{flex-direction:column;align-items:flex-start;gap:.7rem;padding:1rem;border-radius:22px;}

    /* bottom sheet menu */
    :root[data-theme] body.dashboard-mode .sidebar-backdrop{background:rgba(6,5,16,.62);backdrop-filter:blur(3px);}
    :root[data-theme] body.dashboard-mode .dash-sidebar{
        position:fixed;left:0;right:0;bottom:0;top:auto;width:auto;height:auto;max-height:84vh;margin:0;z-index:100;
        border-radius:30px 30px 0 0;padding:.6rem 1rem calc(1rem + env(safe-area-inset-bottom,0px));
        background:var(--bg-solid);transform:translateY(105%);transition:transform .3s cubic-bezier(.2,.8,.2,1);
        box-shadow:0 -30px 70px -20px rgba(0,0,0,.6);
    }
    :root[data-theme] body.dashboard-mode .dash-sidebar.open{transform:translateY(0);}
    :root[data-theme] body.dashboard-mode .sheet-head{display:flex;align-items:center;justify-content:space-between;padding:.6rem .4rem .4rem;position:relative;}
    :root[data-theme] body.dashboard-mode .sheet-head::before{content:"";position:absolute;top:-2px;left:50%;width:44px;height:5px;margin-left:-22px;border-radius:9px;background:var(--nv-line);}
    :root[data-theme] body.dashboard-mode .sheet-title{font-weight:800;font-size:1.1rem;}
    :root[data-theme] body.dashboard-mode .sheet-close{width:38px;height:38px;border-radius:13px;border:0;background:var(--nv-hover);color:var(--text-primary);display:grid;place-items:center;cursor:pointer;}
    :root[data-theme] body.dashboard-mode .sidebar-brand,:root[data-theme] body.dashboard-mode .sidebar-balance,:root[data-theme] body.dashboard-mode .sidebar-user,:root[data-theme] body.dashboard-mode .sidebar-nav-logout{display:none;}
    :root[data-theme] body.dashboard-mode .sidebar-mobile-only{display:flex;}
    :root[data-theme] body.dashboard-mode .sidebar-nav-item:hover{transform:none;}
    :root[data-theme] body.dashboard-mode .sheet-foot{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;margin-top:1rem;}
    :root[data-theme] body.dashboard-mode .sheet-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.85rem;border-radius:16px;font-weight:800;text-decoration:none;font-size:.92rem;}
    :root[data-theme] body.dashboard-mode .sheet-btn-support{background:var(--nv-hover);color:var(--text-primary);border:1px solid var(--nv-line);}
    :root[data-theme] body.dashboard-mode .sheet-btn-logout{background:rgba(255,92,122,.15);color:var(--danger);}

    /* floating bottom nav — every item keeps its coloured icon */
    :root[data-theme] body.dashboard-mode .bottom-nav{
        display:grid;grid-template-columns:repeat(5,1fr);gap:.2rem;position:fixed;z-index:90;left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom,0px));
        padding:.45rem;border-radius:26px;background:var(--bg-navbar);border:1px solid var(--nv-line);
        backdrop-filter:blur(20px) saturate(170%);-webkit-backdrop-filter:blur(20px) saturate(170%);box-shadow:0 22px 50px -18px rgba(0,0,0,.6);
    }
    :root[data-theme] body.dashboard-mode .bn-item{display:flex;flex-direction:column;align-items:center;gap:.22rem;padding:.4rem .1rem .45rem;border-radius:20px;border:0;background:transparent;
        font-size:.66rem;font-weight:700;color:var(--text-muted);text-decoration:none;cursor:pointer;transition:background .2s,color .2s;}
    :root[data-theme] body.dashboard-mode .bn-item .iconify{width:38px;height:30px;font-size:1.3rem;padding:0;border-radius:11px;display:grid;place-items:center;background:var(--tile-bg);color:var(--tile-fg);}
    :root[data-theme] body.dashboard-mode .bn-blue{--tile-bg:var(--chip-blue-bg);--tile-fg:var(--chip-blue-fg);}
    :root[data-theme] body.dashboard-mode .bn-green{--tile-bg:var(--chip-green-bg);--tile-fg:var(--chip-green-fg);}
    :root[data-theme] body.dashboard-mode .bn-cyan{--tile-bg:var(--chip-cyan-bg);--tile-fg:var(--chip-cyan-fg);}
    :root[data-theme] body.dashboard-mode .bn-rust{--tile-bg:var(--chip-rust-bg);--tile-fg:var(--chip-rust-fg);}
    :root[data-theme] body.dashboard-mode .bn-purple{--tile-bg:var(--chip-purple-bg);--tile-fg:var(--chip-purple-fg);}
    :root[data-theme] body.dashboard-mode .bn-item.active{color:var(--text-primary);background:var(--nv-hover);}
    :root[data-theme] body.dashboard-mode .bn-item.active .iconify{background:var(--nv-grad);color:#fff;box-shadow:var(--nv-glow);}
    :root[data-theme] body.dashboard-mode .bn-hamburger .ham-icon-close{display:none;}
    :root[data-theme] body.dashboard-mode .bn-hamburger.active .ham-icon-open{display:none;}
    :root[data-theme] body.dashboard-mode .bn-hamburger.active .ham-icon-close{display:grid;}
}
@media(max-width:520px){ .nv-earn{gap:.8rem;} .nv-earn-card{flex:1 1 150px;padding:1rem;border-radius:22px;} .nv-earn-card p{display:none;} }

/* =========================================================
   STATIC PAGES (terms / privacy / contact)
   ========================================================= */
body:not(.dashboard-mode):not(.nv-guest) .navbar{background:var(--bg-navbar);border:1px solid var(--nv-line);border-radius:22px;margin:12px auto;max-width:1100px;
    backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:var(--nv-shadow);}
body:not(.dashboard-mode):not(.nv-guest) .navbar-links a{color:var(--text-secondary);font-weight:600;}
body:not(.dashboard-mode):not(.nv-guest) .page-card{background:var(--nv-card);border:1px solid var(--nv-line);border-radius:28px;box-shadow:var(--nv-shadow);}
body:not(.dashboard-mode):not(.nv-guest){background:
    radial-gradient(800px 460px at 90% -10%,rgba(255,90,77,.14),transparent 60%),radial-gradient(700px 480px at -5% 30%,rgba(139,124,255,.12),transparent 60%),var(--bg-main);background-attachment:fixed;}

/* =========================================================
   GUEST LANDING
   ========================================================= */
body.nv-guest{
    background:
        radial-gradient(1000px 600px at 85% -10%,rgba(255,90,77,.2),transparent 62%),
        radial-gradient(800px 560px at -8% 18%,rgba(139,124,255,.17),transparent 62%),
        radial-gradient(700px 500px at 60% 105%,rgba(45,212,191,.09),transparent 60%),
        var(--bg-main);background-attachment:fixed;min-height:100vh;overflow-x:hidden;
}
:root[data-theme="light"] body.nv-guest{
    background:radial-gradient(1000px 600px at 88% -10%,rgba(255,138,61,.18),transparent 62%),radial-gradient(800px 560px at -8% 18%,rgba(139,124,255,.13),transparent 62%),var(--bg-main);background-attachment:fixed;
}
.nv-wrap{width:100%;max-width:1160px;margin:0 auto;padding:0 1.2rem;}
.nv-top{position:sticky;top:0;z-index:50;padding:.7rem 0;}
.nv-nav{display:flex;align-items:center;gap:1rem;padding:.55rem .6rem .55rem 1rem;border-radius:24px;background:var(--bg-navbar);border:1px solid var(--nv-line);
    backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);box-shadow:var(--nv-shadow);}
.nv-brand{display:flex;align-items:center;gap:.65rem;text-decoration:none;font-weight:800;font-size:1.25rem;letter-spacing:-.03em;color:var(--text-primary);}
.nv-logo{width:38px;height:38px;border-radius:13px;background:var(--nv-grad);display:grid;place-items:center;box-shadow:var(--nv-glow);}
.nv-links{display:flex;gap:.2rem;margin-left:auto;}
.nv-links a{padding:.5rem .9rem;border-radius:13px;font-weight:600;font-size:.9rem;color:var(--text-secondary);text-decoration:none;transition:background .2s,color .2s;}
.nv-links a:hover{background:var(--nv-hover);color:var(--text-primary);}
.nv-nav .nv-theme{box-shadow:none;}
.nv-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.35rem;border-radius:16px;font-weight:800;font-size:.95rem;border:0;cursor:pointer;text-decoration:none;transition:transform .18s,filter .18s;}
.nv-btn-primary{background:var(--nv-grad);color:#fff;box-shadow:var(--nv-glow);}
.nv-btn-primary:hover{transform:translateY(-2px);filter:brightness(1.07);}
.nv-btn-primary:disabled{filter:grayscale(.5);cursor:wait;}
.nv-btn-white{background:#fff;color:#C0243F;box-shadow:0 14px 26px -12px rgba(80,0,30,.5);}
.nv-ad{display:flex;justify-content:center;margin:.9rem 0;} .nv-ad .banner-inner{max-width:100%;overflow:hidden;border-radius:16px;}
.nv-ad-row{display:flex;gap:1rem;justify-content:center;align-items:center;flex-wrap:wrap;margin:.6rem 0 1.4rem;}

.nv-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:2.4rem;align-items:center;padding:2.4rem 0 1.6rem;}
.nv-live{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--success);box-shadow:0 0 0 0 rgba(61,220,151,.6);animation:nvPulse 1.8s infinite;}
@keyframes nvPulse{70%{box-shadow:0 0 0 9px rgba(61,220,151,0);}100%{box-shadow:0 0 0 0 rgba(61,220,151,0);}}
.nv-badge{display:inline-flex;align-items:center;gap:.55rem;padding:.45rem .95rem;border-radius:999px;background:var(--nv-hover);border:1px solid var(--nv-line);font-size:.82rem;font-weight:700;color:var(--text-secondary);}
.nv-hero h1{font-size:clamp(2.4rem,6.2vw,4.3rem);line-height:1.02;font-weight:800;letter-spacing:-.045em;margin:1.1rem 0 1rem;}
.nv-hl{background:var(--nv-grad);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;}
.nv-lead{font-size:1.1rem;line-height:1.65;color:var(--text-secondary);max-width:520px;margin:0 0 1.4rem;font-weight:500;}
#rotWord{display:inline-block;color:var(--rust);font-weight:800;transition:opacity .28s,transform .28s;} #rotWord.out{opacity:0;transform:translateY(8px);}
.nv-trust{list-style:none;display:flex;flex-wrap:wrap;gap:.6rem;padding:0;margin:0;}
.nv-trust li{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .9rem;border-radius:999px;background:var(--nv-hover);border:1px solid var(--nv-line);font-size:.84rem;font-weight:700;color:var(--text-secondary);}
.nv-trust .iconify{color:var(--rust);font-size:1.1rem;}

/* sign-up card — captcha lives INSIDE it */
.nv-signup{position:relative;padding:1.7rem;border-radius:32px;background:var(--nv-card);border:1px solid var(--nv-line);box-shadow:0 40px 80px -36px rgba(255,77,94,.5),var(--nv-shadow);}
.nv-signup::before{content:"";position:absolute;inset:-1px;border-radius:33px;padding:1.5px;background:var(--nv-grad);opacity:.55;pointer-events:none;
    -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;}
.nv-signup h2{font-size:1.5rem;font-weight:800;letter-spacing:-.03em;margin:0 0 .25rem;}
.nv-signup>p{margin:0 0 1.2rem;color:var(--text-secondary);font-size:.92rem;font-weight:500;}
.nv-field{display:flex;align-items:center;gap:.7rem;padding:.2rem .3rem .2rem 1rem;border-radius:18px;background:var(--nv-field);border:1px solid var(--nv-line);transition:border-color .2s,box-shadow .2s;}
.nv-field:focus-within{border-color:var(--rust);box-shadow:0 0 0 4px rgba(255,90,77,.18);}
.nv-field .iconify{font-size:1.3rem;color:var(--text-muted);flex-shrink:0;}
.nv-field input{flex:1;min-width:0;background:transparent!important;border:0!important;box-shadow:none!important;padding:.9rem 0!important;color:var(--text-primary);font-size:1rem;outline:0;}
.nv-captcha{margin-top:.9rem;display:flex;justify-content:center;border-radius:16px;overflow:hidden;min-height:0;}
.nv-captcha .cf-turnstile{width:100%;}
.nv-signup .nv-btn-primary{width:100%;margin-top:.9rem;padding:1rem;font-size:1.02rem;border-radius:18px;}
.nv-signup .alert-box{margin-top:.9rem;}
.nv-fine{margin:1rem 0 0;font-size:.78rem;color:var(--text-muted);text-align:center;line-height:1.55;} .nv-fine a{color:var(--rust);font-weight:700;text-decoration:none;}

.nv-stats-band{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin:1.2rem 0 2.2rem;}
.nv-sb{padding:1.2rem 1.3rem;border-radius:26px;background:var(--nv-card);border:1px solid var(--nv-line);box-shadow:var(--nv-shadow);}
.nv-num{display:block;font-family:var(--nv-num)!important;font-size:1.7rem;font-weight:700;letter-spacing:-.03em;line-height:1.1;}
.nv-num small{font-size:.5em;color:var(--text-muted);font-weight:600;}
.nv-sb-l{display:flex;align-items:center;gap:.4rem;margin-top:.3rem;font-size:.82rem;font-weight:700;color:var(--text-muted);}

.nv-sec{padding:1.4rem 0;} .nv-head{margin:0 0 1.1rem;} .nv-head h2{font-size:clamp(1.6rem,3.4vw,2.2rem);font-weight:800;letter-spacing:-.035em;margin:.5rem 0 0;}
.nv-eyebrow{display:inline-block;font-size:.76rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--rust);}
.nv-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;list-style:none;margin:0;padding:0;counter-reset:s;}
.nv-steps li{position:relative;padding:1.3rem 1.3rem 1.3rem 4.4rem;border-radius:26px;background:var(--nv-card);border:1px solid var(--nv-line);box-shadow:var(--nv-shadow);}
.nv-steps li::before{counter-increment:s;content:counter(s);position:absolute;left:1.2rem;top:1.25rem;width:2.3rem;height:2.3rem;border-radius:14px;background:var(--nv-grad);color:#fff;font-weight:800;display:grid;place-items:center;box-shadow:var(--nv-glow);font-family:var(--nv-num)!important;}
.nv-steps b{display:block;font-size:1.02rem;font-weight:800;margin-bottom:.2rem;} .nv-steps p{margin:0;font-size:.86rem;line-height:1.55;color:var(--text-secondary);}

.nv-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;}
.nv-tile{display:flex;gap:.9rem;align-items:flex-start;padding:1.2rem;border-radius:24px;background:var(--nv-card);border:1px solid var(--nv-line);box-shadow:var(--nv-shadow);transition:transform .22s,border-color .22s;}
.nv-tile:hover{transform:translateY(-4px);border-color:rgba(255,90,77,.4);}
.nv-tile .ico{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;font-size:1.4rem;flex-shrink:0;}
.nv-tile b{display:block;font-weight:800;margin-bottom:.15rem;} .nv-tile small{display:block;font-size:.82rem;line-height:1.5;color:var(--text-secondary);font-weight:500;}
.c-rust{background:var(--chip-rust-bg);color:var(--chip-rust-fg);} .c-cyan{background:var(--chip-cyan-bg);color:var(--chip-cyan-fg);}
.c-purple{background:var(--chip-purple-bg);color:var(--chip-purple-fg);} .c-teal{background:var(--chip-teal-bg);color:var(--chip-teal-fg);}
.c-amber{background:var(--chip-amber-bg);color:var(--chip-amber-fg);} .c-green{background:var(--chip-green-bg);color:var(--chip-green-fg);}

.nv-duo{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;align-items:start;}
.nv-panel{padding:1.4rem;border-radius:28px;background:var(--nv-card);border:1px solid var(--nv-line);box-shadow:var(--nv-shadow);}
.nv-panel-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:.9rem;} .nv-panel-h h2{font-size:1.2rem;font-weight:800;margin:0;}
.nv-panel .proof-row{display:grid;grid-template-columns:1fr auto;gap:.2rem .8rem;align-items:center;padding:.8rem .9rem;margin-bottom:.55rem;border-radius:18px;background:var(--nv-hover);font-size:.8rem;color:var(--text-muted);font-weight:600;}
.nv-panel .proof-row .user{display:flex;align-items:center;gap:.6rem;color:var(--text-primary);font-weight:700;font-size:.88rem;min-width:0;}
.nv-panel .proof-row .avatar{width:32px;height:32px;border-radius:11px;background:var(--chip-rust-bg);color:var(--chip-rust-fg);display:grid;place-items:center;flex-shrink:0;}
.nv-panel .proof-row .amount{color:var(--chip-green-fg);font-family:var(--nv-num)!important;font-weight:700;font-size:.92rem;text-align:right;}
.nv-panel .proof-row .status{color:var(--text-muted);text-align:right;} .nv-panel .proof-row span:nth-child(3){display:none;}
.nv-empty{text-align:center;color:var(--text-muted);padding:1.4rem 0;font-weight:600;}
.nv-faq details{border-radius:18px;background:var(--nv-hover);margin-bottom:.55rem;overflow:hidden;border:1px solid transparent;transition:border-color .2s;}
.nv-faq details[open]{border-color:rgba(255,90,77,.35);}
.nv-faq summary{cursor:pointer;list-style:none;padding:.95rem 1.1rem;font-weight:700;font-size:.92rem;display:flex;justify-content:space-between;gap:.8rem;align-items:center;}
.nv-faq summary::-webkit-details-marker{display:none;} .nv-faq summary::after{content:"+";font-size:1.3rem;color:var(--rust);font-weight:800;transition:transform .2s;}
.nv-faq details[open] summary::after{transform:rotate(45deg);}
.nv-faq p{margin:0;padding:0 1.1rem 1rem;font-size:.86rem;line-height:1.65;color:var(--text-secondary);}

.nv-cta{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;margin:1.6rem 0 2rem;padding:2.2rem;border-radius:34px;color:#fff;
    background:radial-gradient(420px 260px at 100% 0%,rgba(255,255,255,.22),transparent 65%),var(--nv-grad);box-shadow:0 36px 70px -30px rgba(255,77,94,.7);}
.nv-cta h2{font-size:clamp(1.5rem,3.4vw,2.2rem);font-weight:800;letter-spacing:-.035em;margin:0 0 .4rem;color:#fff;} .nv-cta p{margin:0 0 1.1rem;opacity:.92;font-weight:500;}
.nv-cta-logo{opacity:.25;flex-shrink:0;}
.nv-footer{padding:2rem 0 2.4rem;text-align:center;color:var(--text-muted);font-size:.84rem;}
.nv-footer .nv-brand{justify-content:center;margin-bottom:.6rem;}
.nv-footer p{max-width:520px;margin:0 auto .8rem;line-height:1.6;}
.nv-foot-links{display:flex;justify-content:center;gap:1.2rem;margin-bottom:.7rem;} .nv-foot-links a{color:var(--text-secondary);font-weight:700;text-decoration:none;} .nv-foot-links a:hover{color:var(--rust);}

/* hero art (right column under sign-up on large screens is the card; planet floats behind) */
.nv-art{position:relative;}
.nv-art .nv-planet-bg{position:absolute;right:-70px;top:-80px;width:300px;height:300px;opacity:.9;pointer-events:none;z-index:0;filter:drop-shadow(0 30px 40px rgba(255,77,94,.35));}
.nv-art .nv-signup{z-index:1;}
.nv-chip{position:absolute;z-index:2;display:flex;align-items:center;gap:.6rem;padding:.55rem .9rem .55rem .6rem;border-radius:18px;background:var(--bg-solid);border:1px solid var(--nv-line);box-shadow:0 22px 40px -18px rgba(0,0,0,.55);font-size:.78rem;animation:nvFloat 5s ease-in-out infinite;}
.nv-chip .ico{width:32px;height:32px;border-radius:11px;display:grid;place-items:center;} .nv-chip b{display:block;font-family:var(--nv-num)!important;font-size:.88rem;} .nv-chip small{color:var(--text-muted);font-weight:600;}
.nv-chip-a{left:-30px;bottom:-22px;} .nv-chip-b{right:-14px;bottom:-30px;animation-delay:-2.2s;}
@keyframes nvFloat{50%{transform:translateY(-8px);}}

@media(max-width:960px){
    .nv-links{display:none;} .nv-nav .nv-btn{margin-left:auto;}
    .nv-hero{grid-template-columns:1fr;gap:1.6rem;padding-top:1.4rem;}
    .nv-art .nv-planet-bg{width:200px;height:200px;right:-40px;top:-70px;} .nv-chip{display:none;}
    .nv-stats-band{grid-template-columns:repeat(2,1fr);}
    .nv-steps,.nv-tiles{grid-template-columns:1fr;} .nv-duo{grid-template-columns:1fr;}
    .nv-cta{flex-direction:column;align-items:flex-start;padding:1.6rem;border-radius:28px;} .nv-cta-logo{display:none;}
}
@media(max-width:520px){
    .nv-wrap{padding:0 .9rem;} .nv-signup{padding:1.25rem;border-radius:26px;} .nv-tiles{grid-template-columns:1fr 1fr;} .nv-tile{flex-direction:column;padding:1rem;} .nv-tile small{display:none;}
    .nv-field{flex-wrap:wrap;padding:.3rem .8rem;} .nv-hero h1{font-size:2.5rem;}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;}html{scroll-behavior:auto;}}

/* =========================================================
   v18.1 FIXES
   ========================================================= */
:root[data-theme] body.dashboard-mode .sidebar-nav-item [class*="snav-"],:root[data-theme] body.dashboard-mode .bn-item{--tile-bg:var(--nv-hover);--tile-fg:var(--text-secondary);}
:root[data-theme] body.dashboard-mode .sidebar-nav-icon{border:1px solid var(--nv-line);}
:root[data-theme] body.dashboard-mode .sidebar-nav-item:hover .sidebar-nav-icon{color:var(--text-primary);}
:root[data-theme] body.dashboard-mode .sidebar-nav-item.active .sidebar-nav-icon{border-color:transparent;}
:root[data-theme] body.dashboard-mode .sidebar-nav-logout:hover{background:rgba(255,92,122,.12);color:var(--danger);}
:root[data-theme] body.dashboard-mode .sidebar-nav-logout:hover .sidebar-nav-icon{color:var(--danger);}
@media(max-width:900px){
    :root[data-theme] body.dashboard-mode .bn-item .iconify{border:1px solid var(--nv-line);color:var(--text-secondary);}
    :root[data-theme] body.dashboard-mode .bn-item.active .iconify{border-color:transparent;color:#fff;}
    :root[data-theme] body.dashboard-mode .bn-item.active{background:transparent;}
    :root[data-theme] body.dashboard-mode .bn-item.active span{color:var(--text-primary);}
    :root[data-theme] body.dashboard-mode .bottom-nav{background:var(--bg-solid);}
    :root[data-theme] body.dashboard-mode .dash-topbar{background:var(--bg-solid);}
    :root[data-theme] body.dashboard-mode .topbar-avatar-btn{width:42px;height:42px;padding:0;gap:0;justify-content:center;align-items:center;border:0;border-radius:14px;background:var(--nv-grad);box-shadow:var(--nv-glow);position:relative;}
    :root[data-theme] body.dashboard-mode .topbar-avatar-btn::after{display:none!important;content:none!important;}
    :root[data-theme] body.dashboard-mode .topbar-avatar-btn .topbar-avatar-badge{width:auto;height:auto;background:transparent;box-shadow:none;border-radius:0;font-size:.82rem;font-weight:800;letter-spacing:0;line-height:1;color:#fff;display:block;}
    :root[data-theme] body.dashboard-mode .topbar-avatar-btn .topbar-avatar-chevron{display:none!important;}
    :root[data-theme] body.dashboard-mode .topbar-actions .nv-theme{width:42px;height:42px;}
    :root[data-theme] body.dashboard-mode .tpm-avatar{width:40px;height:40px;border-radius:13px;background:var(--nv-grad);color:#fff;display:grid;place-items:center;font-size:.8rem;}
}
:root[data-theme] body.dashboard-mode .pt-hero .pt-cta,:root[data-theme] body.dashboard-mode .pt-hero .btn,:root[data-theme] body.dashboard-mode .rf-hero .rf-btn,:root[data-theme] body.dashboard-mode .rf-hero .rf-copy{background:#fff;color:#C0243F!important;box-shadow:0 14px 26px -12px rgba(80,0,30,.5);}
:root[data-theme] body.dashboard-mode .pt-hero .pt-cta *,:root[data-theme] body.dashboard-mode .rf-hero .rf-btn *,:root[data-theme] body.dashboard-mode .rf-hero .rf-copy *{color:#C0243F!important;}
:root[data-theme] body.dashboard-mode::before{display:none!important;}
html,html body{max-width:100%;overflow-x:clip;}
:root[data-theme] body.dashboard-mode .dash-main{min-width:0;overflow-x:clip;}
.nv-hello>div{min-width:0;max-width:100%;}
.nv-hello h1{min-width:0;overflow-wrap:anywhere;word-break:break-word;}
.nv-hello h1>span{min-width:0;overflow-wrap:anywhere;}
.nv-wallet-amount,.nv-stat b,.nv-pill{overflow-wrap:anywhere;}
.nv-pill{max-width:100%;}
@media(max-width:520px){ .nv-hello h1{font-size:1.45rem;} .nv-hello .nv-greet-ico{font-size:1.5rem;} }

/* v18.2 */
.nv-theme,.nv-theme:hover,.nv-theme:active{transform:none!important;}
:root[data-theme] body.dashboard-mode .sidebar-nav-item.active::before,:root[data-theme] body.dashboard-mode .sidebar-nav-item::before{display:none!important;content:none!important;}
@media(max-width:900px){
    :root[data-theme] body.dashboard-mode .bn-item .iconify{width:38px;height:38px;border-radius:13px;font-size:20px;border:1px solid var(--nv-line);background:var(--nv-hover);color:var(--text-secondary);box-shadow:none;}
    :root[data-theme] body.dashboard-mode .bn-item.active .iconify{background:var(--nv-grad);border-color:transparent;color:#fff;box-shadow:var(--nv-glow);}
    :root[data-theme] body.dashboard-mode .bn-item{gap:.3rem;}
}

/* ---------- FAUCET PAGE ---------- */
.fx-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:1.1rem;margin-bottom:1.1rem;}
.fx-stage{position:relative;overflow:hidden;padding:1.6rem;border-radius:32px;background:var(--nv-card);border:1px solid var(--nv-line);box-shadow:var(--nv-shadow);}
.fx-stage::before{content:"";position:absolute;right:-90px;top:-110px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(255,90,77,.22),transparent 68%);pointer-events:none;}
.fx-stage>*{position:relative;}
.fx-head{display:flex;align-items:center;gap:1rem;margin-bottom:1.2rem;}
.fx-head .logo-box{width:58px;height:58px;border-radius:19px;display:grid;place-items:center;flex-shrink:0;}
.fx-head h2{margin:0;font-size:1.35rem;font-weight:800;letter-spacing:-.03em;}
.fx-head p{margin:.2rem 0 0;font-size:.88rem;color:var(--text-secondary);font-weight:500;}
.fx-reward{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.1rem 1.3rem;margin-bottom:1.2rem;border-radius:24px;color:#fff;background:var(--nv-grad);box-shadow:var(--nv-glow);}
.fx-reward small{font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.9;}
.fx-reward b{font-family:var(--nv-num)!important;font-size:clamp(1.3rem,4vw,1.9rem);font-weight:700;letter-spacing:-.02em;overflow-wrap:anywhere;}
.fx-reward b span{font-size:.55em;font-weight:600;opacity:.9;}
.fx-body{padding:1.1rem;border-radius:24px;background:var(--nv-hover);border:1px solid var(--nv-line);}
.fx-body .timer-box{background:transparent;border:0;box-shadow:none;}
.fx-side{display:flex;flex-direction:column;gap:1.1rem;}
.fx-card{display:flex;align-items:center;gap:.95rem;padding:1.15rem 1.2rem;border-radius:26px;background:var(--nv-card);border:1px solid var(--nv-line);box-shadow:var(--nv-shadow);flex:1;}
.fx-card-col{flex-direction:column;align-items:stretch;justify-content:center;gap:.9rem;}
.fx-row{display:flex;align-items:center;gap:.95rem;}
.fx-ico{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;font-size:1.4rem;flex-shrink:0;}
.fx-card small{display:block;font-size:.76rem;font-weight:700;color:var(--text-muted);margin-bottom:.1rem;}
.fx-card b{font-family:var(--nv-num)!important;font-size:1.3rem;font-weight:700;letter-spacing:-.02em;overflow-wrap:anywhere;}
.fx-card b span{font-size:.7rem;font-weight:600;color:var(--text-muted);}
.fx-bar{height:10px;border-radius:999px;background:var(--nv-hover);overflow:hidden;}
.fx-bar i{display:block;height:100%;border-radius:999px;background:var(--nv-grad);}
.fx-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem;}
.fx-step{display:flex;flex-direction:column;gap:.35rem;padding:1.2rem;border-radius:24px;background:var(--nv-card);border:1px solid var(--nv-line);box-shadow:var(--nv-shadow);}
.fx-step i{font-style:normal;width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:var(--nv-grad);color:#fff;font-weight:800;font-family:var(--nv-num)!important;box-shadow:var(--nv-glow);margin-bottom:.3rem;}
.fx-step b{font-weight:800;} .fx-step span{font-size:.84rem;color:var(--text-secondary);line-height:1.5;font-weight:500;}
@media(max-width:900px){
    .fx-grid{grid-template-columns:1fr;} .fx-side{display:grid;grid-template-columns:1fr 1fr;} .fx-side .fx-card:first-child{grid-column:span 2;}
    .fx-steps{grid-template-columns:1fr;gap:.8rem;} .fx-stage{padding:1.2rem;border-radius:28px;}
}
@media(max-width:480px){ .fx-side{grid-template-columns:1fr;} .fx-side .fx-card:first-child{grid-column:auto;} .fx-reward{flex-direction:column;align-items:flex-start;gap:.3rem;} }

/* v18.4 — compact side-by-side cards + bottom-nav icon size */
@media(max-width:900px){
    :root[data-theme] body.dashboard-mode .bn-item .iconify{width:38px;height:38px;padding:9px;box-sizing:border-box;font-size:20px;}
}
.fx-grid{display:block;}
.fx-side{display:grid!important;grid-template-columns:repeat(3,1fr);gap:.7rem;margin-top:.9rem;}
.fx-side .fx-card:first-child{grid-column:auto!important;}
.fx-card,.fx-card-col{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:.55rem;padding:.9rem;border-radius:22px;}
.fx-row{flex-direction:column;align-items:flex-start;gap:.55rem;}
.fx-ico{width:38px;height:38px;border-radius:13px;font-size:1.15rem;}
.fx-card small{font-size:.7rem;margin:0;line-height:1.3;}
.fx-card b{font-size:1.05rem;display:block;line-height:1.2;}
.fx-card b span{display:block;font-size:.66rem;margin-top:.1rem;}
.fx-bar{width:100%;height:8px;}
.fx-steps{gap:.7rem;margin-top:.9rem;}
.fx-step{padding:.9rem;border-radius:22px;gap:.3rem;}
.fx-step i{width:30px;height:30px;border-radius:10px;font-size:.85rem;}
.fx-step b{font-size:.84rem;line-height:1.25;} .fx-step span{font-size:.72rem;line-height:1.4;}
@media(min-width:901px){
    .fx-card,.fx-card-col{padding:1.15rem;} .fx-card b{font-size:1.3rem;} .fx-card small{font-size:.78rem;}
    .fx-step{padding:1.2rem;} .fx-step b{font-size:1rem;} .fx-step span{font-size:.84rem;}
}
@media(max-width:900px){ .fx-steps{grid-template-columns:repeat(3,1fr)!important;} .fx-stage{padding:1.1rem;} .fx-head p{font-size:.8rem;} }
@media(max-width:480px){ .fx-side{grid-template-columns:repeat(3,1fr)!important;} .fx-reward{flex-direction:row!important;align-items:center!important;} }

:root[data-theme] body.dashboard-mode .rf-stats{grid-template-columns:repeat(3,1fr)!important;gap:.7rem;margin:.9rem 0;}
:root[data-theme] body.dashboard-mode .rf-stats .rf-stat:nth-child(2){grid-column:auto!important;order:0!important;}
:root[data-theme] body.dashboard-mode .rf-stat{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;padding:.9rem!important;border-radius:22px;}
:root[data-theme] body.dashboard-mode .rf-stat-icon{width:38px;height:38px;border-radius:13px;font-size:1.15rem;display:grid;place-items:center;margin:0;}
:root[data-theme] body.dashboard-mode .rf-stat-value{font-size:1.05rem!important;line-height:1.2;overflow-wrap:anywhere;}
:root[data-theme] body.dashboard-mode .rf-stat-value small{display:block;font-size:.66rem!important;margin-top:.1rem;}
:root[data-theme] body.dashboard-mode .rf-stat-label{font-size:.7rem!important;line-height:1.3;color:var(--text-muted);font-weight:700;}
@media(min-width:901px){ :root[data-theme] body.dashboard-mode .rf-stat{padding:1.15rem!important;} :root[data-theme] body.dashboard-mode .rf-stat-value{font-size:1.4rem!important;} :root[data-theme] body.dashboard-mode .rf-stat-label{font-size:.8rem!important;} }

/* v18.5 — one icon colour everywhere (same as the "No password" icon); navigation icons stay grey */
.c-rust,.c-cyan,.c-purple,.c-teal,.c-amber,.c-green,.nv-stat-ico,.nv-stat-ico[class*="c-"],.nv-chip .ico,.nv-tile .ico,.nv-earn-card .ico,.fx-ico,.nv-help .ico{
    background:var(--chip-rust-bg)!important;color:var(--chip-rust-fg)!important;}
:root[data-theme] body.dashboard-mode .perf-icon,:root[data-theme] body.dashboard-mode .pt-stat-icon,:root[data-theme] body.dashboard-mode .pt-empty-icon,:root[data-theme] body.dashboard-mode .rf-stat-icon,:root[data-theme] body.dashboard-mode .ref-empty-icon,:root[data-theme] body.dashboard-mode .withdraw-empty-icon,:root[data-theme] body.dashboard-mode .hist-summary-icon,
:root[data-theme] body.dashboard-mode .offer-detail-icon,:root[data-theme] body.dashboard-mode .survey-card-icon,:root[data-theme] body.dashboard-mode .challenge-task-icon,:root[data-theme] body.dashboard-mode .sl-reward-icon,:root[data-theme] body.dashboard-mode .dl-icon,:root[data-theme] body.dashboard-mode .page-header-icon{
    background:var(--chip-rust-bg);color:var(--chip-rust-fg);border:0;box-shadow:none;}
:root[data-theme] body.dashboard-mode .page-header-icon .iconify{color:var(--chip-rust-fg);}
:root[data-theme] body.dashboard-mode .rf-stat-icon,:root[data-theme] body.dashboard-mode .pt-stat-icon{border:0;}
:root[data-theme] body.dashboard-mode .pt-hero .pt-hero-icon,:root[data-theme] body.dashboard-mode .rf-hero .rf-hero-icon{background:rgba(255,255,255,.22);color:#fff;}
/* faucet: single "how it works" card, like the referral page */
.fx-how{margin-top:.9rem;padding:1.3rem;border-radius:26px;background:var(--nv-card);border:1px solid var(--nv-line);box-shadow:var(--nv-shadow);}
.fx-how h3{margin:0 0 1rem;font-size:1.1rem;font-weight:800;letter-spacing:-.02em;}
.fx-how ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;}
.fx-how li{display:flex;gap:.9rem;align-items:flex-start;}
.fx-how li i{font-style:normal;flex-shrink:0;width:42px;height:42px;border-radius:14px;display:grid;place-items:center;font-weight:800;font-family:var(--nv-num)!important;
    background:var(--chip-rust-bg);color:var(--chip-rust-fg);border:1px solid rgba(255,90,77,.35);}
.fx-how b{display:block;font-weight:800;font-size:.98rem;} .fx-how p{margin:.2rem 0 0;font-size:.86rem;line-height:1.5;color:var(--text-secondary);font-weight:500;}
@media(max-width:900px){ .fx-how ol{grid-template-columns:1fr;gap:1.1rem;} .fx-how{padding:1.15rem;border-radius:24px;} }