/* Neon glass finishing layer. Shared across the complete member experience. */
:root{--neon:#62ff89;--neon-bright:#a3ff57;--glass:rgba(16,29,24,.66);--glass-edge:rgba(184,255,211,.14);--muted:#a0b9ad;--gold:#62ff89;--gold-strong:#a5ffbc;--workspace-accent:#62ff89}
body{background:#060c0a!important}
body .phone-frame,body .app-shell{background:transparent}
body[data-page] .screen,body .screen{background:radial-gradient(ellipse at 78% 0,rgba(65,255,129,.115),transparent 42%),radial-gradient(ellipse at 10% 70%,rgba(21,122,90,.1),transparent 45%),linear-gradient(145deg,#08110e,#060c0a 70%);isolation:isolate}
body .screen::before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(141,255,182,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(141,255,182,.022) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(#0008,transparent 75%)}
body .crypto-sidebar{background:linear-gradient(180deg,rgba(16,28,23,.9),rgba(8,17,13,.92));border-right-color:rgba(173,255,201,.12);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
body .crypto-sidebar .crypto-nav a{color:#a7bdb1;font-size:12px}
body .crypto-sidebar .crypto-nav a.active{color:#94ffad;background:linear-gradient(110deg,rgba(91,255,140,.15),rgba(91,255,140,.035));border-color:rgba(98,255,137,.28);box-shadow:inset 3px 0 #62ff89,0 0 24px #62ff8908}
body .crypto-sidebar .crypto-nav a:hover{background:#62ff890c;color:#e0ffeb}
body .crypto-sidebar .crypto-sidebar-note{background:linear-gradient(140deg,#62ff8912,#ffffff03);border-color:var(--glass-edge);box-shadow:inset 0 1px 0 #ffffff08}
body[data-page] :is(.wallet-overview,.hero-card,.history-hero,.referral-hero,.level-hero,.profile-hero,.section-panel,.portfolio-allocation,.portfolio-activity,.support-card,.profile-panel,.insight-panel,.earning-panel,.filter-panel,.asset-filter-panel,.transaction-filter-panel,.search-panel,.profile-menu,.auth-card){background:linear-gradient(135deg,rgba(218,255,231,.045),transparent 48%),rgba(14,26,21,.72);border:1px solid var(--glass-edge);border-radius:22px;box-shadow:inset 0 1px 0 rgba(227,255,237,.075),0 18px 45px rgba(0,0,0,.2);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
body[data-page] .wallet-overview,body[data-page] .hero-card{background:radial-gradient(ellipse at 100% 0,rgba(98,255,137,.15),transparent 58%),linear-gradient(130deg,rgba(28,51,38,.78),rgba(12,27,20,.75));border-color:rgba(126,255,161,.3);box-shadow:inset 0 1px 0 #b9ffce25,0 20px 60px #0003,0 0 45px #62ff8905}
body[data-page] .wallet-overview::before{height:1px;background:linear-gradient(90deg,transparent,#9dffb6aa,transparent);opacity:.8}
body[data-page] .wallet-total{font-size:clamp(42px,4.2vw,62px);font-weight:600;letter-spacing:-.055em;text-shadow:0 0 30px #62ff8912}
body[data-page] .wallet-pockets{border-color:#b0ffca16;position:relative;z-index:1}
body[data-page] .wallet-pockets small{font-size:11px;color:#a9bfb2}
body[data-page] .wallet-pockets strong{font-size:19px}
body[data-page] .wallet-card-top{font-size:12px}
body[data-page] .wallet-balance-caption{font-size:9px;letter-spacing:.16em}
body[data-page] .wallet-change{font-size:10px;color:#a0b9ad}
body[data-page] .wallet-change>span{background:#62ff8910;border-color:#62ff8925;color:#84ffa5;font-size:10px}
body[data-page] .wallet-change>span.is-negative{background:#ff807510;border-color:#ff807525;color:#ffaaa1}
body[data-page] .wallet-orb{width:180px!important;right:18px!important;top:50px!important;opacity:.85;filter:none;pointer-events:none}
.botiq-wallet-robot{display:block;width:100%;height:auto;filter:drop-shadow(0 8px 24px #62ff8920)}
body[data-page] .wallet-actions a{background:linear-gradient(135deg,#ffffff07,transparent 70%),rgba(18,33,25,.65);border:1px solid var(--glass-edge);border-radius:20px;box-shadow:inset 0 1px 0 #ffffff08,0 8px 24px #0001;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transition:transform .2s,border-color .2s,box-shadow .2s}
body[data-page] .wallet-actions a:hover{transform:translateY(-3px);border-color:#62ff8960;box-shadow:0 12px 32px #0003,0 0 24px #62ff8910}
body[data-page] :is(.wallet-actions a>span,.wallet-actions a:first-child>span,.wallet-account-icon,.pocket-icon,.portfolio-heading-icon,.allocation-link,.row-icon,.notification-mini-icon){background:linear-gradient(140deg,#62ff8922,#62ff8908);border:1px solid #88ffab30;color:#82ffa3;box-shadow:inset 0 1px 0 #d0ffdf15,0 0 18px #62ff8907}
body[data-page] .wallet-actions a>span{width:42px;height:42px;font-size:21px;border-radius:13px}
body[data-page] .wallet-actions strong{font-size:14px;font-weight:500}
body[data-page] .wallet-actions small{font-size:11px;color:#93ad9e}
body[data-page] .portfolio-heading h2{font-size:16px;font-weight:600}
body[data-page] .portfolio-heading p{font-size:11px;color:#93ad9e}
body[data-page] :is(.metric-card,.account-card,.history-stat-card,.referral-metric-card,.level-stat-card,.asset-summary-tile){background:rgba(7,18,12,.5);border:1px solid #b0ffca1c;box-shadow:inset 0 1px 0 #ffffff04;border-radius:16px}
body[data-page] :is(.metric-card.gold-surface,.account-card.gold-surface),body[data-page] .portfolio-allocation .metric-card.gold-surface{background:radial-gradient(ellipse at 0 0,#62ff891d,transparent 85%),linear-gradient(140deg,#183d2980,#0f2419a0);border:1px solid #62ff8940;box-shadow:inset 0 1px 0 #bbffd022,0 0 25px #62ff8905}
body[data-page] .portfolio-allocation .metric-card{border-color:#b0ffca1c;background-color:#08160d66}
body[data-page] .portfolio-allocation .metric-card.gold-surface .value{color:#9affb4}
body[data-page] .holding-label{color:#bfdbca;font-size:11px}
body[data-page] .holding-percentage{color:#b7cdbf;font-size:10px}
body[data-page] .holding-percentage>span{color:#90aa9b;opacity:1}
body[data-page] .portfolio-allocation .metric-card .value{font-size:32px;color:#e8fff0}
body[data-page] .wallet-member{background:#ffffff04;border-color:var(--glass-edge);color:#b4ccbd;padding:10px 12px}
body[data-page] .top-app-bar{border-bottom-color:#b0ffca16}
body .screen .top-app-bar .top-icon-btn{background:linear-gradient(145deg,#ffffff09,#ffffff02);border-color:var(--glass-edge);color:#bad3c3;backdrop-filter:blur(12px)}
body .screen .top-app-bar .top-icon-btn.is-user{background:#62ff8916;border-color:#62ff8935;color:#82ffa3}
body[data-page] :is(.btn-gold,.btn-primary,.dream-btn,.balance-action-btn.deposit){background:linear-gradient(125deg,#a3ff57,#41f78b)!important;border-color:#baff9e!important;color:#071b0c!important;box-shadow:inset 0 1px 0 #e1ffdcb0,0 6px 26px #62ff8922}
body[data-page] :is(.form-control,.form-select,.login-input-wrap,.filter-field,.search-field,.asset-filter-select,.transaction-filter-select){background-color:rgba(3,13,8,.58);border-color:#b0ffca25;border-radius:12px}
body[data-page] :is(.list-row,.transaction-row,.transaction-card,.notification-card,.message-card,.history-card,.referral-card){background:rgba(17,32,24,.55);border-color:#b0ffca18}
body[data-page] :is(.activity-tab-btn.active,.activity-tab.active){color:#8dffac;background:#62ff8910;border-color:#62ff89}
body .deposit-activity{background:linear-gradient(130deg,#183e28d9,#0b1b14ed)!important;border:1px solid #62ff893d!important;box-shadow:inset 0 1px 0 #caffdc18,0 18px 60px #0006!important;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border-radius:20px}
body .deposit-activity-eyebrow{color:#82ffa3;letter-spacing:.15em}
body[data-page] .modal-content,body .swal2-popup{background:linear-gradient(140deg,#1a3025f5,#0c1912f5);border-color:#8bffaf33;box-shadow:0 25px 100px #0008;backdrop-filter:blur(30px)}
body nav.bottom-nav[aria-label='Primary navigation']{background:rgba(13,28,20,.83);border-color:#9effbc2b;box-shadow:inset 0 1px 0 #caffdc10,0 12px 40px #0006;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px)}
body[data-page='login'] .auth-card{border-color:#8affac30!important;background:linear-gradient(140deg,#e1ffeb09,transparent 60%),#10231999}
body[data-page] .botiq-robot-stage{background:radial-gradient(ellipse,#62ff8923,transparent 68%)}
@media(min-width:1200px){body[data-page='overview'] .screen{grid-template-columns:minmax(0,1.14fr) minmax(0,1fr);gap:24px}body[data-page='overview'] .wallet-overview{min-height:310px;padding:28px}body[data-page='overview'] .portfolio-allocation,body[data-page='overview'] .portfolio-activity{padding:24px}body[data-page='overview'] .wallet-welcome h1{font-size:40px}}
@media(max-width:767px){body[data-page] .wallet-orb{width:114px!important;right:-5px!important;top:64px!important;opacity:.45}body[data-page] .wallet-total{font-size:42px}body[data-page] .wallet-pockets small{font-size:9px}body[data-page] .wallet-pockets strong{font-size:16px}body[data-page] .wallet-actions strong{font-size:11px}body[data-page] .wallet-actions a>span{width:36px;height:36px}body[data-page] .holding-label{font-size:10px}body[data-page] .portfolio-allocation .metric-card .value{font-size:27px}}
@supports not (backdrop-filter:blur(1px)){body[data-page] :is(.wallet-overview,.section-panel,.portfolio-allocation,.portfolio-activity,.auth-card,.wallet-actions a){background-color:#112019}}

/* Dark glass with emerald chrome. Keep reflections local and readable. */
:root{--chrome-light:#d5ffe9;--chrome-mid:#37d89a;--chrome-dark:#0a503d;--glass-edge:rgba(187,225,208,.14);--muted:#a2b5ad;--neon:#57efa5;--workspace-accent:#57efa5;--gold:#57efa5;--gold-strong:#9af8c7}
body[data-page] .screen{background:radial-gradient(ellipse at 90% 3%,#137b4930,transparent 43%),radial-gradient(ellipse at 12% 68%,#0d54431a,transparent 52%),#080d0c}
body .screen::before{opacity:.45}
body .crypto-sidebar{background:linear-gradient(100deg,#ffffff04,transparent 75%),rgba(11,19,16,.92);border-right-color:#b7e5cf13;box-shadow:inset -1px 0 #ffffff03;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
body[data-page] :is(.wallet-overview,.hero-card,.history-hero,.referral-hero,.level-hero,.profile-hero,.section-panel,.portfolio-allocation,.portfolio-activity,.support-card,.profile-panel,.insight-panel,.earning-panel,.filter-panel,.asset-filter-panel,.transaction-filter-panel,.search-panel,.profile-menu,.auth-card){
 background:linear-gradient(122deg,#ebfff609,transparent 38%),rgba(17,25,22,.76);
 border:1px solid #b7e5cf20;border-top-color:#d0f3e132;
 box-shadow:inset 0 1px 0 #ffffff07,inset 0 -1px 0 #0003,0 16px 40px #0004;
 backdrop-filter:blur(26px) saturate(115%);-webkit-backdrop-filter:blur(26px) saturate(115%);
}
body[data-page] :is(.wallet-overview,.hero-card){
 background:linear-gradient(115deg,#e8fff510,transparent 35%),radial-gradient(ellipse at 100% 0,#12a36a20,transparent 65%),rgba(16,31,24,.84);
 border-color:#6ed9a83d;border-top-color:#d2ffe87a;box-shadow:inset 0 1px 0 #caffdf17,0 20px 60px #0004,0 0 30px #35e39405;
}
body[data-page] .wallet-overview::before{background:linear-gradient(90deg,transparent,#135c43,#d4ffeb,#30c389,transparent);opacity:.9}
body[data-page] .wallet-total{color:#f1fff8;text-shadow:0 2px 16px #0002}
body[data-page] .wallet-welcome h1{font-weight:500;letter-spacing:-.045em}
body[data-page] :is(.wallet-balance-caption,.wallet-eyebrow,.workspace-eyebrow){color:#9ab2a6;opacity:1}
body[data-page] .wallet-actions a{
 background:linear-gradient(130deg,#ffffff09,transparent 55%),rgba(18,27,23,.78);border-color:#c5e7d71e;border-top-color:#d5ffe933;
 box-shadow:inset 0 1px 0 #ffffff05,0 8px 22px #0002;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
 transition:background .18s,border-color .18s,box-shadow .18s,transform .18s;
}
body[data-page] .wallet-actions a:hover{background:linear-gradient(130deg,#b4ffe414,transparent 60%),#10261c;border-color:#57efa555;box-shadow:inset 0 1px 0 #d5ffe923,0 8px 28px #0003,0 0 20px #36f49b0c;transform:translateY(-2px)}
body[data-page] :is(.wallet-account-icon,.pocket-icon,.portfolio-heading-icon,.wallet-actions a>span,.wallet-actions a:first-child>span,.row-icon,.allocation-link,.notification-mini-icon){
 background:linear-gradient(145deg,#124c38 0%,#248860 37%,#8be8bd 39%,#266e51 44%,#133b2b 62%,#0b2119 100%);
 border:1px solid #8ad8b34d;border-top-color:#ceffe4a1;box-shadow:inset 0 1px 0 #e8fff52b,inset 0 -2px 3px #0003,0 3px 9px #0003;color:#d0ffe5;text-shadow:0 1px 2px #0008;
}
body[data-page] :is(.metric-card,.account-card,.history-stat-card,.referral-metric-card,.asset-summary-tile),body[data-page] .portfolio-allocation .metric-card{background:linear-gradient(130deg,#ffffff04,transparent 70%),#09120e80;border-color:#b8dfca1c;box-shadow:inset 0 1px 0 #ffffff04}
body[data-page] :is(.metric-card.gold-surface,.account-card.gold-surface),body[data-page] .portfolio-allocation .metric-card.gold-surface{background:linear-gradient(130deg,#79f2b90e,transparent 65%),#12312480;border-color:#57efa536;border-top-color:#a4edc455;box-shadow:inset 0 1px 0 #caffdf10}
body[data-page] .portfolio-allocation .metric-card.gold-surface .value{color:#8cf0b7}
body[data-page] .holding-label{color:#c3d7cb}
body[data-page] .holding-percentage,body[data-page] .holding-percentage>span{color:#9fb6a8;opacity:1}
body[data-page] :is(.list-row,.transaction-row,.transaction-card,.notification-card,.message-card,.history-card,.referral-card){background:#ffffff02;border-color:#c5e7d715}
body[data-page] .portfolio-activity .list-row{padding:17px 0;font-size:12px;background:transparent;border-bottom-color:#c5e7d715}
body[data-page] .portfolio-activity .list-row .small{font-size:10px;color:#9fb6a8}
body[data-page] .portfolio-heading p,body[data-page] .section-subtitle{color:#9eafa6!important}
body[data-page] .portfolio-activity .activity-tabs{gap:8px;border-color:#c5e7d718;padding-bottom:10px}
body[data-page] .portfolio-activity .activity-tab-btn{font-size:12px;min-height:40px;padding:8px 14px;border:1px solid transparent;border-radius:9px;color:#a3b8ad}
body[data-page] .portfolio-activity .activity-tab-btn.active{color:#a2f8c7;background:linear-gradient(130deg,#68ffc21a,#68ffc208);border:1px solid #68ffc229;box-shadow:inset 0 1px 0 #d5ffe90c}
body .crypto-sidebar .crypto-nav a.active{background:linear-gradient(130deg,#a1ffd81a,#36b87a0a);border-color:#57efa540;border-top-color:#b4ffdc80;color:#b2fcd4;box-shadow:inset 0 1px 0 #d5ffe92b,0 0 18px #57efa508}
body .crypto-sidebar .crypto-nav a:hover{background:#57efa50a;color:#d7ffeb}
body .screen .top-app-bar .top-icon-btn{background:linear-gradient(145deg,#d5ffe90c,#09140e88);border-color:#b4dfc727;color:#bbd5c7;box-shadow:inset 0 1px 0 #ffffff0c}
body .screen .top-app-bar .top-icon-btn.is-user{background:linear-gradient(140deg,#54bf8e26,#0b281a);border-top-color:#a2edc268;color:#9af8c7}
body[data-page] :is(.btn-gold,.btn-primary,.dream-btn,.balance-action-btn.deposit){background:linear-gradient(165deg,#ccffe1 0%,#83e3ae 20%,#3fc78a 47%,#72dfaa 50%,#198d61 100%)!important;border-color:#90e9b8!important;color:#052317!important;text-shadow:0 1px 0 #ffffff30;box-shadow:inset 0 1px 0 #edfff3ad,inset 0 -2px 1px #00552e40,0 4px 16px #30d38b1a}
body[data-page] :is(.btn-gold,.btn-primary):hover{background:linear-gradient(165deg,#e0ffec,#81edb9 48%,#42ba85)!important;box-shadow:inset 0 1px 0 #fff8,0 5px 20px #30d38b2b}
body[data-page] :is(.form-control,.form-select,.filter-field,.search-field,.login-input-wrap){background-color:#080f0c99;border-color:#a0cbb328;box-shadow:inset 0 2px 5px #0002}
body[data-page] :is(.form-control,.form-select):focus,body[data-page] .login-input-wrap:focus-within{border-color:#57efa578;box-shadow:0 0 0 3px #57efa511}
body a:focus-visible,body button:focus-visible,body input:focus-visible,body select:focus-visible,body textarea:focus-visible{outline:2px solid #9af8c7;outline-offset:4px}
body[data-page] .btn:disabled,body[data-page] button:disabled{opacity:.45;box-shadow:none;cursor:not-allowed}
body[data-page] .botiq-wallet-robot{filter:saturate(.8) drop-shadow(0 8px 20px #31e38c14)}
body[data-page] .wallet-member{background:#ffffff03;border-color:#c5e7d71e;color:#bad0c2}
body[data-page] .modal-content,body .swal2-popup{background:linear-gradient(130deg,#e5fff408,transparent 60%),#101b16f5;border-color:#8fd9b43d;box-shadow:0 24px 100px #0009,inset 0 1px 0 #ffffff12}
body nav.bottom-nav[aria-label='Primary navigation']{background:#0d1812e3;border-color:#b0e1c52e;box-shadow:inset 0 1px 0 #ffffff0c,0 10px 30px #0006}
@supports not (backdrop-filter:blur(1px)){body[data-page] :is(.wallet-overview,.hero-card,.section-panel,.portfolio-allocation,.portfolio-activity,.auth-card,.wallet-actions a){background-color:#122019}}
@media(prefers-reduced-motion:reduce){body[data-page] .wallet-actions a:hover{transform:none}}

/* Flat user controls: no chrome bevels or embossed button highlights. */
body :is(.btn,.dream-btn,.top-icon-btn,.activity-tab-btn,.allocation-link,.empty-chart-link,.wallet-visibility,.page-link),body .crypto-sidebar .crypto-nav a,body nav.bottom-nav .nav-item-mobile{box-shadow:none!important;text-shadow:none!important}
body :is(.btn-gold,.btn-primary,.dream-btn,.balance-action-btn.deposit){background:#58e99a!important;border-color:#58e99a!important;color:#062417!important}
body :is(.btn-gold,.btn-primary,.dream-btn,.balance-action-btn.deposit):hover{background:#85f2b7!important;border-color:#85f2b7!important}
body :is(.btn-outline-gold,.balance-action-btn.withdraw){background:#58e99a0a!important;border-color:#58e99a42!important;color:#9cebc0!important}
body .screen .top-app-bar .top-icon-btn,body .screen .top-app-bar .top-icon-btn.is-user{background:#11241a!important;border-color:#8bc8a72b!important}
body .crypto-sidebar .crypto-nav a.active{background:#58e99a12!important;border-color:#58e99a38!important}
