*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;background:#080a0d;color:#eef2f7;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.shell{max-width:1180px;margin:auto;padding:0 18px}.topbar{position:sticky;top:0;z-index:50;background:rgba(8,10,13,.92);backdrop-filter:blur(16px);border-bottom:1px solid #242a32}.nav{height:68px;display:flex;align-items:center;gap:22px}.brand{font-weight:900;font-size:21px;color:#f5c451;white-space:nowrap}.navlinks{display:flex;gap:6px;overflow:auto;flex:1}.navlinks a{padding:9px 11px;border-radius:10px;color:#aeb7c4;white-space:nowrap}.navlinks a:hover,.navlinks a.active{background:#1b2027;color:#fff}.health{display:flex;align-items:center;gap:7px;font-size:13px;color:#8ee7ae;white-space:nowrap}.dot{width:9px;height:9px;border-radius:50%;background:#31d477;box-shadow:0 0 14px #31d477}.hero{padding:48px 0 26px;background:radial-gradient(circle at 80% 0,#3a2e0b55,transparent 36%)}.eyebrow{color:#f5c451;font-size:12px;font-weight:800;letter-spacing:.14em}.hero h1{font-size:clamp(35px,6vw,68px);line-height:1.04;margin:10px 0 15px}.muted{color:#9da8b7}.wallet-strip{position:sticky;top:68px;z-index:40;background:#0d1015e8;backdrop-filter:blur(12px);border-bottom:1px solid #222831}.wallet-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:12px 18px}.mini-wallet{border:1px solid #343b45;background:linear-gradient(145deg,#171b21,#101318);padding:13px 16px;border-radius:14px;display:flex;align-items:center;justify-content:space-between;gap:12px}.mini-wallet.gold{border-color:#806727}.mini-wallet.green{border-color:#23663e}.mini-wallet .amount{font-size:20px;font-weight:900}.mini-wallet small{color:#99a4b2}.main{padding:28px 0 60px}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.card{grid-column:span 4;background:linear-gradient(145deg,#171b21,#101318);border:1px solid #292f38;border-radius:18px;padding:20px;box-shadow:0 15px 45px #0005}.card.wide{grid-column:span 8}.card.full{grid-column:1/-1}.card.half{grid-column:span 6}.card.gold{border-color:#6f5923}.card.green{border-color:#245f3b}.card h2,.card h3{margin:0 0 12px}.metric{font-size:30px;font-weight:900;margin:5px 0}.label{font-size:12px;color:#9da8b7;text-transform:uppercase;letter-spacing:.08em}.status{display:inline-flex;align-items:center;gap:7px;color:#61e598;font-weight:800}.audit-box{padding:16px;border-radius:14px;background:#0b0e12;border:1px dashed #3c4652;text-align:center;font-family:ui-monospace,monospace}.equation{font-size:16px;line-height:1.9;overflow-wrap:anywhere}.btn{border:0;border-radius:11px;padding:10px 14px;cursor:pointer;font-weight:800}.btn.gold{background:#f5c451;color:#181200}.btn.dark{background:#232932;color:#fff}.btn.green{background:#31d477;color:#041108}.actions{display:flex;flex-wrap:wrap;gap:9px}.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.stat{padding:14px;border-radius:12px;background:#0d1116;border:1px solid #252c35}.stat b{display:block;font-size:20px;margin-top:5px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:650px}th,td{text-align:left;padding:12px 10px;border-bottom:1px solid #252b34;font-size:14px}th{color:#98a4b4;font-size:12px;text-transform:uppercase}.tag{display:inline-block;padding:4px 8px;border-radius:999px;background:#212833;font-size:12px}.tag.ok{background:#123923;color:#6ce99d}.progress{height:10px;background:#222831;border-radius:99px;overflow:hidden}.progress span{display:block;height:100%;background:linear-gradient(90deg,#f5c451,#ffdf7d)}.section-title{margin:0 0 17px;font-size:28px}.modal{position:fixed;inset:0;background:#000b;z-index:100;display:none;align-items:center;justify-content:center;padding:20px}.modal.show{display:flex}.modalbox{width:min(520px,100%);background:#15191f;border:1px solid #343c47;border-radius:18px;padding:22px}.field{margin:13px 0}.field label{display:block;color:#aab4c2;margin-bottom:6px}.field input,.field select{width:100%;background:#0c0f13;border:1px solid #343c47;color:#fff;padding:11px;border-radius:10px}.toast{position:fixed;right:20px;bottom:20px;z-index:110;padding:13px 16px;border-radius:12px;background:#183d28;border:1px solid #31d477;display:none}.toast.show{display:block}.footer{padding:25px 0;border-top:1px solid #242a32;color:#8f9aa9}.live-item{display:flex;gap:12px;padding:13px 0;border-bottom:1px solid #252b34}.live-time{color:#8f9aa9;font-family:monospace}.warning{background:#3c1518;border-color:#7b2c33}.canvas{width:100%;height:230px;background:#0b0e12;border-radius:12px}.nav-mobile{display:none}@media(max-width:850px){.navlinks{display:none}.nav-mobile{display:block;margin-left:auto}.health{display:none}.wallet-grid{grid-template-columns:1fr}.wallet-strip{top:68px}.card,.card.wide,.card.half{grid-column:1/-1}.hero{padding-top:32px}.mini-wallet .amount{font-size:17px}.grid{gap:12px}.card{padding:16px}}.sim-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin-top:18px}.btn.big{min-height:62px;font-size:17px}.btn.danger{background:#8d3030;color:#fff;border-color:#ff6767}.note-box{margin-top:18px;padding:14px;border:1px solid #705d2d;border-radius:12px;background:rgba(245,196,81,.08);line-height:1.65}.field select{width:100%;padding:12px;border-radius:10px;background:#111923;color:#fff;border:1px solid #394657}
.audit-diagnostic{border-color:#245f3b;background:linear-gradient(145deg,#14231b,#101318)}
.audit-diagnostic.failed{border-color:#a43c46;background:linear-gradient(145deg,#32171b,#151013)}
.diag-head{display:flex;justify-content:space-between;align-items:center;gap:12px}
.diag-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:12px}
.diag-grid>div{padding:14px;border-radius:12px;background:#0b0e12;border:1px solid #303843}
.diag-grid p{margin:7px 0;color:#dce3ec}.diag-grid small{color:#95a1b1}.diag-help{margin-bottom:0}.warning-text{color:#ff6975;font-weight:800}
@media(max-width:720px){.diag-grid{grid-template-columns:1fr}.diag-head{align-items:flex-start;flex-direction:column}}
/* V7.7 */
.wallet-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.mini-wallet.price-card{border-color:#63a9ff;background:linear-gradient(135deg,rgba(54,116,210,.15),rgba(20,28,45,.96))}
.mini-wallet.price-card .amount{color:#8fc5ff}
.overview-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0 14px}
.overview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.overview-item{background:rgba(255,255,255,.035);border:1px solid #344153;border-radius:14px;padding:15px;min-height:92px}
.overview-item.gold{border-color:#9b762d}.overview-item.green{border-color:#247b50}.overview-item.red{border-color:#913c46}.overview-item.blue{border-color:#376b9d}.overview-item.purple{border-color:#76559d}
.overview-item .label{font-size:12px;color:#9da8b7;text-transform:none}.overview-item b{display:block;font-size:20px;margin-top:8px;word-break:break-word}
.section-gap{margin-top:22px}.profile-wallet{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
@media(max-width:850px){.wallet-grid.three,.overview-grid,.profile-wallet{grid-template-columns:1fr}.wallet-strip{position:static}.mini-wallet{min-height:auto}}
.wallet-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.member-card{border-color:#a970ff;background:linear-gradient(135deg,rgba(169,112,255,.10),rgba(255,255,255,.02));color:#fff}
.member-card .status{color:#caa8ff}
@media(max-width:1050px){.wallet-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.wallet-grid.four{grid-template-columns:1fr}}
/* V8.0 five-card live market strip */
.wallet-grid.five{grid-template-columns:1.35fr 1fr 1fr 1.05fr .75fr;gap:9px}
.mini-wallet.compact{padding:10px 11px;min-width:0;overflow:hidden}
.mini-wallet.compact small{font-size:10px;letter-spacing:.02em;white-space:nowrap;display:block;overflow:hidden;text-overflow:ellipsis}
.mini-wallet .compact-amount{font-size:clamp(11px,1.25vw,16px);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}
.buy-card{position:relative;border-color:#1d7a63;background:linear-gradient(145deg,#10231f,#0d1517);box-shadow:inset 0 0 22px rgba(45,221,172,.07)}
.sell-card{position:relative;border-color:#8b3c48;background:linear-gradient(145deg,#261317,#151014);box-shadow:inset 0 0 22px rgba(255,88,112,.07)}
.members-card{border-color:#4f477d;background:linear-gradient(145deg,#19162b,#11121a)}
.price-live:before{content:"";position:absolute;inset:-80% -30%;background:linear-gradient(115deg,transparent 42%,rgba(255,255,255,.12) 50%,transparent 58%);transform:translateX(-65%);animation:marketShine 3.4s infinite}
.price-live>*{position:relative;z-index:1}
.price-change{font-size:9px;font-weight:900;letter-spacing:.08em;margin-top:3px}.price-change.up{color:#45e6b1}.price-change.down{color:#ff6f83}
.spark{display:flex;align-items:flex-end;gap:2px;height:25px;min-width:31px}.spark i{display:block;width:4px;border-radius:4px 4px 1px 1px;animation:sparkMove 1.5s ease-in-out infinite alternate}.spark i:nth-child(1){height:7px;animation-delay:-.5s}.spark i:nth-child(2){height:14px;animation-delay:-1s}.spark i:nth-child(3){height:10px;animation-delay:-.2s}.spark i:nth-child(4){height:21px;animation-delay:-.8s}.spark i:nth-child(5){height:17px;animation-delay:-1.2s}.spark-buy i{background:#36d9a7;box-shadow:0 0 8px #36d9a788}.spark-sell i{background:#ff627b;box-shadow:0 0 8px #ff627b77}
.member-pulse{font-size:20px;animation:memberPulse 1.8s ease-in-out infinite}
@keyframes marketShine{0%,45%{transform:translateX(-70%)}75%,100%{transform:translateX(70%)}}
@keyframes sparkMove{to{transform:scaleY(.55);opacity:.7}}
@keyframes memberPulse{50%{transform:scale(1.13);filter:drop-shadow(0 0 7px #9b8cff)}}
@media(max-width:1100px){.wallet-grid.five{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.wallet-grid.five{grid-template-columns:repeat(2,minmax(0,1fr));position:static}.wallet-strip{position:static}.mini-wallet.compact:last-child{grid-column:1/-1}.mini-wallet .compact-amount{font-size:13px}}
@media(max-width:430px){.wallet-grid.five{grid-template-columns:1fr 1fr;padding:9px}.mini-wallet.compact{padding:9px}.mini-wallet.compact small{font-size:9px}.mini-wallet .compact-amount{font-size:11px}.spark{display:none}}
.activity-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:18px}.activity-card{position:relative;overflow:hidden;background:linear-gradient(145deg,#171b24,#0e1117);border:1px solid #2c3442;border-radius:20px;padding:20px;min-height:270px;box-shadow:0 18px 45px rgba(0,0,0,.28)}.activity-card:before{content:"";position:absolute;width:130px;height:130px;border-radius:50%;filter:blur(45px);opacity:.18;right:-35px;top:-35px}.check-card:before{background:#f5c451}.ad-card:before{background:#38a8ff}.game-card:before{background:#a970ff}.spin-card:before{background:#ff5f76}.activity-icon{font-size:42px}.activity-card h2{margin:10px 0 6px}.activity-card p{color:#9da8b7;min-height:60px}.activity-progress{margin:16px 0}.gold-btn{background:linear-gradient(135deg,#f5c451,#d99b19);color:#16120a}.blue-btn{background:linear-gradient(135deg,#38a8ff,#246ee9);color:white}.purple-btn{background:linear-gradient(135deg,#a970ff,#7548d8);color:white}.red-btn{background:linear-gradient(135deg,#ff6a7f,#df3455);color:white}.progress{height:9px;background:#252b36;border-radius:999px;overflow:hidden;margin-top:8px}.progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,#f5c451,#31d477);transition:width .35s ease}.mission-summary{display:grid;grid-template-columns:180px 1fr auto;align-items:center;gap:20px}.mission-state{color:#f5c451}.mission-list{display:grid;gap:10px}.mission-list>div{display:flex;justify-content:space-between;padding:14px;border:1px solid #2b3441;border-radius:12px;background:#11151c}.mission-list .done{border-color:#2d9d61;background:rgba(49,212,119,.08)}.mission-list .done b{color:#31d477}.reward-banner{display:flex;gap:18px;align-items:center;margin-top:18px;padding:16px;border-radius:15px;background:linear-gradient(90deg,rgba(245,196,81,.12),rgba(49,212,119,.08));border:1px solid #564b2c}.reward-banner b{flex:1}.game-window{text-align:center}.game-arena{height:260px;border-radius:18px;background:radial-gradient(circle at center,#273043,#10131a);position:relative;overflow:hidden;border:1px dashed #566174}.coin-target{position:absolute;left:42%;top:38%;width:82px;height:82px;border-radius:50%;border:5px solid #ffe18b;background:radial-gradient(circle,#ffd45f,#b97800);font-weight:900;color:#3d2800;box-shadow:0 0 30px rgba(245,196,81,.5);cursor:pointer;animation:coinFloat 1.4s ease-in-out infinite}@keyframes coinFloat{50%{transform:translateY(-12px) rotate(8deg)}}.wheel-wrap{position:relative;width:240px;height:240px;margin:15px auto}.spin-wheel{width:100%;height:100%;border-radius:50%;border:8px solid #f5c451;background:conic-gradient(#f5c451 0 60deg,#3da5ff 60deg 120deg,#9c6cff 120deg 180deg,#31d477 180deg 240deg,#ff6478 240deg 300deg,#1c2430 300deg);position:relative;transition:transform 2.2s cubic-bezier(.12,.8,.18,1)}.spin-wheel span{position:absolute;left:50%;top:50%;transform-origin:0 0;font-weight:900}.spin-wheel span:nth-child(1){transform:rotate(30deg) translate(78px) rotate(-30deg)}.spin-wheel span:nth-child(2){transform:rotate(90deg) translate(78px) rotate(-90deg)}.spin-wheel span:nth-child(3){transform:rotate(150deg) translate(78px) rotate(-150deg)}.spin-wheel span:nth-child(4){transform:rotate(210deg) translate(78px) rotate(-210deg)}.spin-wheel span:nth-child(5){transform:rotate(270deg) translate(78px) rotate(-270deg)}.spin-wheel span:nth-child(6){transform:rotate(330deg) translate(78px) rotate(-330deg)}.wheel-pointer{position:absolute;top:-15px;left:107px;color:white;font-size:30px;z-index:2}.center-text{text-align:center}.ad-overlay{position:fixed;inset:0;background:rgba(0,0,0,.88);z-index:9999;display:none;align-items:center;justify-content:center}.ad-overlay.show{display:flex}.ad-box{width:min(420px,90vw);text-align:center;background:#171c25;border:1px solid #3a4657;border-radius:22px;padding:30px}.ad-label{font-size:12px;letter-spacing:3px;color:#8d99a8}.ad-timer{font-size:64px;font-weight:900;color:#f5c451;margin:20px}.notice{padding:12px;border-left:3px solid #f5c451;background:#191b21}.modal-card.wide{max-width:650px}.community-pop{animation:rewardPop .55s ease}@keyframes rewardPop{50%{transform:scale(1.04);box-shadow:0 0 40px rgba(49,212,119,.4)}}
@media(max-width:900px){.activity-grid{grid-template-columns:repeat(2,1fr)}.mission-summary{grid-template-columns:1fr}.reward-banner{align-items:flex-start;flex-direction:column}}@media(max-width:560px){.activity-grid{grid-template-columns:1fr}.activity-card{min-height:auto}}
/* V8.2 Black & Gold floating particle theme */
body{background:
radial-gradient(circle at 18% 12%,rgba(245,196,81,.11),transparent 28%),
radial-gradient(circle at 82% 34%,rgba(173,121,24,.08),transparent 30%),
linear-gradient(180deg,#070706 0%,#0c0a06 48%,#070707 100%);overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-3;background-image:
radial-gradient(circle at 20% 30%,rgba(255,213,109,.09) 0 1px,transparent 2px),
radial-gradient(circle at 70% 15%,rgba(255,187,54,.08) 0 1px,transparent 2px),
radial-gradient(circle at 44% 78%,rgba(255,224,144,.06) 0 1px,transparent 2px);background-size:52px 52px,73px 73px,96px 96px;animation:bgDrift 24s linear infinite}
.particle-layer{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:-2}
.gold-particle{position:absolute;width:4px;height:4px;border-radius:50%;background:#f6c451;box-shadow:0 0 10px rgba(246,196,81,.95),0 0 24px rgba(246,196,81,.32);opacity:.14;animation:floatGold linear infinite}
.gold-particle:nth-child(3n){width:2px;height:2px;opacity:.35}.gold-particle:nth-child(5n){width:7px;height:7px;opacity:.08;filter:blur(1px)}
@keyframes floatGold{0%{transform:translate3d(0,110vh,0) scale(.6)}100%{transform:translate3d(45px,-18vh,0) scale(1.2)}}
@keyframes bgDrift{to{background-position:52px -52px,-73px 73px,96px -96px}}
.topbar{background:rgba(8,7,4,.91);border-bottom-color:rgba(246,196,81,.22)}
.wallet-strip{background:rgba(12,10,6,.88);border-bottom-color:rgba(246,196,81,.15)}
.card,.activity-card,.modal-card,.mini-wallet{background:linear-gradient(145deg,rgba(28,24,15,.96),rgba(12,12,11,.96));border-color:rgba(246,196,81,.18)}
.activity-card{box-shadow:0 18px 46px rgba(0,0,0,.38),inset 0 1px rgba(255,224,145,.03)}
.general-ad-card{grid-column:1/-1;position:relative;overflow:hidden;border-color:#9b762d;background:linear-gradient(125deg,rgba(85,58,8,.35),rgba(17,15,11,.97) 48%,rgba(37,27,7,.38))}
.general-ad-card:after{content:"";position:absolute;width:240px;height:240px;right:-90px;top:-110px;border-radius:50%;background:radial-gradient(circle,rgba(246,196,81,.22),transparent 68%);animation:adAura 3s ease-in-out infinite}
.general-ad-card>*{position:relative;z-index:1}.general-ad-layout{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px}.general-ad-stats{display:flex;gap:18px;flex-wrap:wrap}.general-ad-stats div{min-width:130px;padding:10px 13px;border-radius:12px;background:rgba(0,0,0,.22);border:1px solid rgba(246,196,81,.15)}.general-ad-stats small{display:block;color:#b7a77e}.general-ad-stats b{font-size:20px;color:#ffe08a}
@keyframes adAura{50%{transform:scale(1.12);opacity:.65}}
@media(max-width:760px){.general-ad-layout{grid-template-columns:1fr;text-align:center}.general-ad-stats{justify-content:center}.general-ad-card .activity-icon{margin:auto}}
/* V8.3 authentication */
.user-chip{display:flex;align-items:center;gap:8px;padding:6px 8px;border:1px solid rgba(245,196,81,.35);border-radius:12px;background:rgba(17,17,17,.78);font-size:11px}.user-chip div{display:flex;flex-direction:column;line-height:1.1}.user-chip small{color:#f5c451;font-size:9px}.user-chip b{max-width:88px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logout-mini{border:0;border-radius:8px;background:#2b2110;color:#f5c451;padding:5px 7px;cursor:pointer}
.auth-page{min-height:100vh;background:#070707;overflow:auto}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px;position:relative;z-index:2}.auth-card{width:min(440px,100%);background:linear-gradient(145deg,rgba(28,23,12,.96),rgba(10,10,10,.96));border:1px solid rgba(245,196,81,.38);border-radius:24px;padding:28px;box-shadow:0 25px 80px rgba(0,0,0,.65),0 0 45px rgba(245,196,81,.10);text-align:center}.auth-logo{font-size:46px;filter:drop-shadow(0 0 20px rgba(245,196,81,.65))}.auth-card h1{margin:8px 0}.auth-form{display:grid;gap:13px;margin-top:20px;text-align:left}.auth-form label{display:grid;gap:6px;color:#d7d7d7;font-size:13px}.auth-form input{width:100%;box-sizing:border-box;background:#0d0d0d;border:1px solid #38301d;color:#fff;padding:13px 14px;border-radius:12px;outline:none}.auth-form input:focus{border-color:#f5c451;box-shadow:0 0 0 3px rgba(245,196,81,.12)}.auth-form .btn{width:100%;margin-top:4px}.demo-box{margin-top:18px;padding:12px;border-radius:12px;background:rgba(245,196,81,.08);border:1px dashed rgba(212,145,20,.45);font-size:12px;text-align:left}.demo-box p{margin:5px 0;color:#bbb}.auth-links a,.public-links a{color:#f5c451}.public-links{display:flex;justify-content:center;gap:14px;font-size:12px;margin-top:14px}.account-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.account-grid>div{padding:14px;border-radius:12px;background:#101010;border:1px solid #292929;display:flex;flex-direction:column;gap:5px}.account-grid small{color:#999}.account-grid b{word-break:break-word}
@media(max-width:760px){.user-chip{display:none!important}.auth-card{padding:22px 18px}.public-links{flex-wrap:wrap}}
/* V8.4 CoinCash logo authentication */
.auth-card{width:min(460px,100%);padding-top:22px}
.auth-card-register{width:min(500px,100%)}
.auth-brand{display:flex;flex-direction:column;align-items:center;margin:-4px auto 12px}
.auth-brand-logo{width:148px;height:148px;object-fit:cover;border-radius:28px;display:block;border:1px solid rgba(245,196,81,.45);box-shadow:0 0 18px rgba(245,196,81,.30),0 0 54px rgba(245,196,81,.16);animation:logoGoldPulse 3.2s ease-in-out infinite}
.auth-brand-name{margin-top:10px;color:#f5c451;font-size:24px;font-weight:950;letter-spacing:.02em;text-shadow:0 0 16px rgba(245,196,81,.35)}
.auth-brand-tagline{font-size:10px;letter-spacing:.28em;color:#b79c5b;margin-top:2px}
.auth-card h1{font-size:27px;margin:12px 0 4px}
.terms-check{display:flex!important;grid-template-columns:auto 1fr!important;align-items:flex-start;gap:9px!important;cursor:pointer}
.terms-check input{width:18px!important;height:18px;margin-top:1px;accent-color:#f5c451}
.terms-check span{color:#bdb7a8;font-size:12px;line-height:1.45}
@keyframes logoGoldPulse{0%,100%{transform:translateY(0) scale(1);filter:brightness(1)}50%{transform:translateY(-4px) scale(1.018);filter:brightness(1.10);box-shadow:0 0 28px rgba(245,196,81,.46),0 0 72px rgba(245,196,81,.19)}}
@media(max-width:520px){.auth-brand-logo{width:120px;height:120px;border-radius:23px}.auth-brand-name{font-size:21px}.auth-brand-tagline{font-size:8px}.auth-card h1{font-size:24px}}
/* V8.5 email/phone authentication */
.signup-method{display:grid;gap:8px;color:#d7d7d7;font-size:13px}.method-switch{display:grid;grid-template-columns:1fr 1fr;gap:9px}.method-switch label{display:flex!important;align-items:center;justify-content:center;gap:7px;padding:11px;border:1px solid #38301d;border-radius:12px;background:#0d0d0d;cursor:pointer;transition:.2s}.method-switch label:has(input:checked){border-color:#f5c451;background:rgba(245,196,81,.12);box-shadow:0 0 18px rgba(245,196,81,.1)}.method-switch input{width:auto!important;accent-color:#f5c451}.auth-form label[hidden]{display:none!important}
/* V9.1 functional member center, role badges, auth and audit controls */
.audit-nav-chip,.auth-nav-btn{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;border-radius:10px;padding:8px 10px;font-size:12px;font-weight:850}
.audit-nav-chip{border:1px solid rgba(49,212,119,.35);background:rgba(49,212,119,.08);color:#73eca4}.audit-nav-chip .dot{flex:0 0 auto}.audit-nav-chip .fault{color:#ff707d}.audit-nav-chip .dot.fault{background:#ff5264;box-shadow:0 0 14px #ff5264}.audit-nav-chip:has(.fault){border-color:rgba(255,82,100,.45);background:rgba(255,82,100,.09)}
.auth-nav-btn{border:1px solid rgba(245,196,81,.38);background:rgba(245,196,81,.09);color:#f5c451;cursor:pointer}.auth-nav-btn.logout{font-family:inherit}.user-chip small{font-size:8px;letter-spacing:.03em}
.member-center-page{padding-top:24px;padding-bottom:60px}.member-hero{display:flex;align-items:center;gap:18px;margin-bottom:15px}.member-avatar{width:76px;height:76px;border-radius:22px;display:grid;place-items:center;font-size:38px;background:linear-gradient(145deg,#2a210d,#111);border:1px solid rgba(245,196,81,.4);box-shadow:0 0 30px rgba(245,196,81,.12)}.member-identity{flex:1}.member-identity h1{margin:4px 0;font-size:30px}.member-tier-badge{display:inline-flex;padding:5px 10px;border-radius:999px;background:rgba(245,196,81,.12);border:1px solid rgba(245,196,81,.35);color:#f5c451;font-size:11px;font-weight:900}.member-meta{display:flex;gap:14px;flex-wrap:wrap;color:#9ea7b4;font-size:12px}.member-meta b{color:#fff}.vip-activate-btn{animation:vipPulse 1.8s ease-in-out infinite}@keyframes vipPulse{50%{box-shadow:0 0 30px rgba(245,196,81,.35);transform:translateY(-2px)}}
.profile-tabs{display:flex;gap:8px;overflow:auto;padding:5px 0 15px}.profile-tab{border:1px solid #34312a;background:#14130f;color:#aeb2b8;padding:10px 15px;border-radius:11px;cursor:pointer;font-weight:800;white-space:nowrap}.profile-tab.active{background:linear-gradient(135deg,#f5c451,#c98d16);color:#171005;border-color:#f5c451;box-shadow:0 0 20px rgba(245,196,81,.14)}.profile-panel{display:none}.profile-panel.active{display:block;animation:panelIn .22s ease}@keyframes panelIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
.membership-benefits h2{color:#e7e7e7}.vip-benefits h2{color:#f5c451}.benefit-list{display:grid;gap:8px}.benefit-list>div{padding:10px 12px;border-radius:10px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06)}.benefit-list .yes{color:#77eaa4;border-color:rgba(49,212,119,.18)}.benefit-list .no{color:#ff818c;border-color:rgba(255,82,100,.15)}.benefit-list .star{color:#f5c451}.vip-progress span{font-size:12px;color:#b8b2a2}.vip-progress b{display:block;margin:4px 0}.locked-note{margin-top:13px;padding:12px;border-radius:10px;background:rgba(255,82,100,.07);border:1px solid rgba(255,82,100,.18);color:#ff8992;text-align:center;font-weight:800}.profile-info-list{display:grid;gap:1px}.profile-info-list>div{display:flex;justify-content:space-between;gap:15px;padding:13px 2px;border-bottom:1px solid rgba(255,255,255,.07)}.profile-info-list span{color:#9da8b7}.settings-list{display:grid}.settings-row{display:flex;justify-content:space-between;width:100%;border:0;border-bottom:1px solid rgba(255,255,255,.08);background:transparent;color:#eee;padding:15px 4px;text-align:left;cursor:pointer}.settings-row:hover{color:#f5c451}.danger-row{color:#ff7884}.reward-summary-grid .metric{font-size:23px}
@media(max-width:900px){.nav{gap:10px}.audit-nav-chip{display:none}.member-hero{align-items:flex-start;flex-wrap:wrap}.vip-activate-btn{width:100%}}
@media(max-width:560px){.member-avatar{width:60px;height:60px;font-size:30px}.member-identity h1{font-size:24px}.member-meta{display:grid;gap:3px}.profile-tabs{position:sticky;top:68px;z-index:20;background:rgba(8,7,4,.94);padding:9px 0}.profile-tab{padding:9px 12px}.auth-nav-btn{font-size:11px;padding:7px 8px}}
/* V9.2 VIP 15 & navigation cleanup */
.vip15-policy{border-color:rgba(49,212,119,.35);box-shadow:0 0 28px rgba(49,212,119,.07)}
.vip15-policy h2{color:#77eaa4}.vip15-policy table td:last-child{text-align:right;color:#f5d77d}
/* V9.5 navigation, brand logo and Home ad layout */
.brand-logo-link{display:inline-flex;align-items:center;gap:9px;color:#f5c451;font-weight:950;white-space:nowrap}
.brand-logo-link img{width:34px;height:34px;object-fit:cover;border-radius:10px;border:1px solid rgba(245,196,81,.45);box-shadow:0 0 16px rgba(245,196,81,.22);animation:brandLogoPulse 3s ease-in-out infinite}
.brand-logo-link span{font-size:15px}
@keyframes brandLogoPulse{50%{transform:translateY(-2px) rotate(2deg);filter:brightness(1.15);box-shadow:0 0 24px rgba(245,196,81,.38)}}
.home-title-clean{margin-bottom:4px}.home-title-clean .section-title{margin-bottom:0}
.coin-flow-divider{display:flex;align-items:center;justify-content:center;gap:14px;margin:12px 0 18px;min-height:58px}
.coin-flow-divider .gold-line{height:1px;flex:1;max-width:300px;background:linear-gradient(90deg,transparent,#9f7624,#f5c451,#9f7624,transparent);box-shadow:0 0 12px rgba(245,196,81,.22)}
.coin-flow-divider img{width:52px;height:52px;border-radius:50%;object-fit:cover;box-shadow:0 0 22px rgba(245,196,81,.4);animation:coinDividerSpin 6s linear infinite,coinDividerFloat 2.4s ease-in-out infinite}
@keyframes coinDividerSpin{to{transform:rotateY(360deg)}}
@keyframes coinDividerFloat{50%{margin-top:-8px;filter:brightness(1.18)}}
.income-ad-card{margin-bottom:14px}.income-ad-layout{grid-template-columns:auto 1fr minmax(120px,180px) auto}.income-ad-copy h2{margin:0 0 12px}.mission-actions-row{display:flex;justify-content:flex-end;margin:12px 0}.mission-task-grid{margin-top:14px}
.ad-coin-animation{height:72px;position:relative;overflow:hidden;border-radius:14px;background:radial-gradient(circle at center,rgba(245,196,81,.15),transparent 65%);border:1px solid rgba(245,196,81,.13)}
.ad-coin{position:absolute;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#ffe08b,#b5760e);color:#241400;font-size:9px;font-weight:950;border:2px solid #ffd66d;box-shadow:0 0 18px rgba(245,196,81,.4);animation:adCoinOrbit 3.6s ease-in-out infinite}
.ad-coin.c1{left:12%;top:18px}.ad-coin.c2{left:42%;top:8px;animation-delay:-1.2s}.ad-coin.c3{right:12%;top:24px;animation-delay:-2.4s}
@keyframes adCoinOrbit{0%,100%{transform:translateY(0) rotateY(0) scale(.9);opacity:.7}50%{transform:translateY(-10px) rotateY(180deg) scale(1.08);opacity:1}}
@media(max-width:980px){.income-ad-layout{grid-template-columns:auto 1fr auto}.ad-coin-animation{grid-column:1/-1;grid-row:2}.income-ad-layout .btn{grid-column:3;grid-row:1}}
@media(max-width:760px){.brand-logo-link span{display:none}.brand-logo-link img{width:32px;height:32px}.income-ad-layout{grid-template-columns:1fr;text-align:center}.income-ad-layout .activity-icon{margin:auto}.income-ad-layout .btn,.ad-coin-animation{grid-column:auto;grid-row:auto}.mission-actions-row{justify-content:stretch}.mission-actions-row .btn{width:100%}.coin-flow-divider img{width:46px;height:46px}}
/* V9.6 Home layout update from provided mockup */
body{background:#050504;}
.home-activity-hero{position:relative;margin-top:-6px;padding:8px 0 18px;border-bottom:1px solid rgba(245,196,81,.18);background:radial-gradient(circle at 50% 20%,rgba(245,196,81,.08),transparent 28%)}
.home-hero-top{display:grid;grid-template-columns:1fr 280px 1fr;align-items:start;gap:18px;min-height:116px}
.home-hero-title .eyebrow{font-size:12px;letter-spacing:.34em;color:#d9b85a;margin-top:4px}.home-hero-title .section-title{font-size:31px;line-height:1.16;margin-top:6px;text-shadow:0 0 18px rgba(255,255,255,.15)}
.home-hero-logo{display:flex;justify-content:center;align-items:center;margin-top:-4px}.home-hero-logo img{width:188px;max-width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 0 25px rgba(245,196,81,.18));animation:v96LogoFloat 3.4s ease-in-out infinite}.home-hero-actions{display:flex;flex-direction:column;align-items:flex-end;gap:12px}.home-hero-actions .btn{min-width:190px;min-height:52px;border-radius:14px;font-size:18px}.home-hero-actions .hero-mission-btn{background:linear-gradient(135deg,#202a39,#121821);border:1px solid rgba(113,136,171,.28)}.play-dot{display:inline-flex;align-items:center;justify-content:center;margin-right:8px}
@keyframes v96LogoFloat{50%{transform:translateY(-4px);filter:drop-shadow(0 0 34px rgba(245,196,81,.28)) brightness(1.08)}}
.home-mission-progress{margin-top:10px;border-radius:18px;padding:22px 28px;background:rgba(5,5,4,.62);border-color:rgba(255,255,255,.13);box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)}.home-mission-progress .daily-label{color:#f5c451;margin:0 0 2px;font-size:24px;letter-spacing:.01em}.home-mission-progress .metric{font-size:42px;margin:0;color:#fff}.home-mission-progress .label{color:#e0c25c}.home-mission-progress .progress{height:11px;background:#1d2536}.home-mission-progress .progress span{background:linear-gradient(90deg,#3347ff,#2c80ff)}
.mission-task-grid{margin-top:16px}.mission-task-grid .activity-card{min-height:288px;border-radius:18px;padding:26px 26px 22px;background:linear-gradient(145deg,rgba(20,21,23,.96),rgba(6,7,8,.96));border-color:rgba(255,255,255,.12)}.mission-task-grid .activity-icon{font-size:50px;margin-bottom:10px}.mission-task-grid .activity-card h2{font-size:28px}.mission-task-grid .activity-card p{font-size:15px;min-height:62px}.mission-task-grid .btn{font-size:16px;padding:12px 20px;border-radius:10px}.check-card{background:linear-gradient(145deg,rgba(43,31,9,.95),rgba(7,7,6,.98))!important;border-color:rgba(245,196,81,.32)!important}.ad-card{background:linear-gradient(145deg,rgba(10,30,51,.92),rgba(5,6,9,.98))!important;border-color:rgba(56,168,255,.25)!important}.game-card{background:linear-gradient(145deg,rgba(45,18,75,.9),rgba(7,6,10,.98))!important;border-color:rgba(169,112,255,.28)!important}.spin-card{background:linear-gradient(145deg,rgba(72,15,24,.92),rgba(7,5,6,.98))!important;border-color:rgba(255,95,118,.28)!important}
.v96-income-card{grid-column:1/-1;margin-top:24px;min-height:210px;border-radius:18px;border-color:rgba(245,196,81,.32);background:radial-gradient(circle at 53% 50%,rgba(245,196,81,.20),transparent 24%),linear-gradient(135deg,rgba(47,35,10,.92),rgba(11,10,7,.96));box-shadow:0 0 45px rgba(245,196,81,.08)}.v96-income-layout{display:grid!important;grid-template-columns:auto minmax(230px,1fr) minmax(250px,360px) minmax(260px,360px)!important;gap:28px;align-items:center}.v96-income-card .activity-icon{font-size:48px}.v96-income-card h2{font-size:30px;margin:0 0 20px}.general-ad-stats{display:flex;gap:18px;flex-wrap:wrap}.general-ad-stats>div{min-width:150px;padding:15px 20px;border-radius:14px;border:1px solid rgba(245,196,81,.18);background:rgba(0,0,0,.42)}.general-ad-stats small{display:block;color:#d2b65b}.general-ad-stats b{display:block;font-size:26px;color:#f7d77b}.general-ad-stats em{font-style:normal;color:#c9c9c9;font-size:12px}.v96-income-logo{text-align:center}.v96-income-logo img{width:250px;max-width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 0 22px rgba(245,196,81,.22));animation:v96LogoFloat 3.4s ease-in-out infinite}.income-action-stack{display:flex;flex-direction:column;gap:14px}.income-watch-btn{font-size:25px;border-radius:14px;min-height:76px;box-shadow:0 0 26px rgba(245,196,81,.22)}.income-note{padding:15px 18px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.38);color:#c9cdd6;font-size:15px}.mission-community-strip{display:grid!important;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;margin-top:16px;border-radius:18px;background:rgba(12,13,15,.82);border-color:rgba(255,255,255,.12)}.mission-community-icon{font-size:44px}.mission-community-strip h2{margin:0;font-size:25px}.mission-community-strip p{margin:2px 0 0;color:#9da8b7}.mission-community-strip .btn{min-width:230px;min-height:54px;border-radius:14px;background:linear-gradient(135deg,#1f2b40,#111620)}
.coin-flow-divider{display:none!important}.ad-coin-animation{display:none!important}.section-gap{margin-top:16px}
@media(max-width:980px){.home-hero-top{grid-template-columns:1fr;align-items:center;text-align:center}.home-hero-actions{align-items:stretch}.home-hero-actions .btn{width:100%}.home-hero-logo{order:-1}.home-hero-logo img{width:160px}.home-mission-progress{grid-template-columns:1fr}.v96-income-layout{grid-template-columns:1fr!important;text-align:center}.general-ad-stats{justify-content:center}.income-action-stack{align-items:stretch}.mission-community-strip{grid-template-columns:1fr;text-align:center}.mission-community-strip .btn{width:100%}}
@media(max-width:560px){.home-hero-title .section-title{font-size:25px}.home-mission-progress .metric{font-size:34px}.mission-task-grid .activity-card h2{font-size:24px}.v96-income-card h2{font-size:25px}.income-watch-btn{font-size:22px}.general-ad-stats>div{min-width:0;flex:1}.v96-income-logo img{width:200px}}
/* V9.7 — unified black/gold Home based on approved mockup */
body{
background:
radial-gradient(circle at 52% 18%,rgba(218,160,31,.075),transparent 28%),
radial-gradient(circle at 8% 70%,rgba(126,82,4,.055),transparent 26%),
#050504;
}
.main{background:transparent}
.v97-income-first{
margin-top:4px!important;
margin-bottom:16px!important;
min-height:260px!important;
background:
radial-gradient(circle at 54% 50%,rgba(245,196,81,.105),transparent 28%),
linear-gradient(145deg,rgba(13,13,11,.96),rgba(5,5,4,.98))!important;
border:1px solid rgba(245,196,81,.28)!important;
box-shadow:0 18px 55px rgba(0,0,0,.55),inset 0 0 45px rgba(245,196,81,.025)!important;
}
.v97-income-first:before{
content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;
background-image:radial-gradient(circle,rgba(245,196,81,.26) 1px,transparent 1.5px);
background-size:36px 36px;opacity:.08;
}
.v97-income-first{position:relative;overflow:hidden}
.v97-income-first>*{position:relative;z-index:1}
.v97-income-first .v96-income-logo img{
width:225px!important;max-height:225px;object-fit:contain;
filter:drop-shadow(0 0 16px rgba(245,196,81,.38));
animation:v97EmblemSpin 12s linear infinite,v97EmblemGlow 2.8s ease-in-out infinite!important;
transform-style:preserve-3d;
}
@keyframes v97EmblemSpin{to{transform:rotateY(360deg)}}
@keyframes v97EmblemGlow{50%{filter:drop-shadow(0 0 32px rgba(245,196,81,.68)) brightness(1.12)}}
.v97-mission{
background:linear-gradient(145deg,rgba(12,13,14,.96),rgba(5,5,5,.98))!important;
border-color:rgba(245,196,81,.20)!important;
margin-top:0!important;
}
.mission-task-grid .activity-card{
box-shadow:0 16px 42px rgba(0,0,0,.46),inset 0 0 25px rgba(255,255,255,.018)!important;
}
.mission-community-strip{
background:linear-gradient(145deg,rgba(12,13,14,.96),rgba(5,5,5,.98))!important;
border-color:rgba(245,196,81,.18)!important;
}
/* remove any visible rectangular image backgrounds */
.v96-income-logo,.home-hero-logo{background:transparent!important}
.v96-income-logo img,.brand-logo-link img{background:transparent!important;border:0!important}
.brand-logo-link img{object-fit:contain!important;border-radius:0!important;width:38px!important;height:38px!important}
/* keep every section visually on the same black canvas */
.wallet-strip,.topbar{background:rgba(5,5,4,.93)!important}
.card,.activity-card,.mini-wallet{backdrop-filter:blur(10px)}
@media(max-width:980px){
.v97-income-first .v96-income-logo img{width:190px!important;margin:auto}
}
/* CoinCash OS V9.8 — compact income panel */
.v98-spinning-brand{
width:210px;
max-width:100%;
margin:0 auto;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:2px;
transform-style:preserve-3d;
animation:v98BrandSpin 12s linear infinite,v98BrandGlow 2.8s ease-in-out infinite;
}
.v97-income-first .v96-income-logo .v98-spinning-brand img{
width:178px!important;
max-height:136px!important;
object-fit:contain;
animation:none!important;
filter:none!important;
}
.v98-spinning-brand span{
display:block;
margin-top:-3px;
color:#efbd43;
font-size:22px;
line-height:1;
font-weight:900;
letter-spacing:.13em;
text-shadow:0 0 8px rgba(245,196,81,.5),0 2px 0 #5a3900;
white-space:nowrap;
}
@keyframes v98BrandSpin{to{transform:rotateY(360deg)}}
@keyframes v98BrandGlow{50%{filter:drop-shadow(0 0 25px rgba(245,196,81,.72)) brightness(1.1)}}
.v97-income-first{
min-height:184px!important;
padding:16px 20px!important;
margin-bottom:10px!important;
}
.v96-income-layout{
grid-template-columns:46px minmax(250px,1.08fr) minmax(190px,250px) minmax(230px,310px)!important;
gap:18px!important;
}
.v96-income-card .activity-icon{font-size:38px!important}
.v96-income-card .income-ad-copy h2{
font-size:27px!important;
margin:0 0 10px!important;
white-space:nowrap;
}
.v96-income-card .general-ad-stats{gap:10px!important;flex-wrap:nowrap!important}
.v96-income-card .general-ad-stats>div{
min-width:125px!important;
padding:10px 13px!important;
}
.v96-income-card .general-ad-stats b{font-size:22px!important}
.v96-income-card .income-action-stack{gap:9px!important}
.v96-income-card .income-watch-btn{
min-height:58px!important;
font-size:21px!important;
}
.v96-income-card .income-note{
padding:10px 13px!important;
font-size:13px!important;
line-height:1.35;
}
.home-mission-progress{
padding:15px 22px!important;
margin-top:0!important;
}
.home-mission-progress .daily-label{font-size:22px!important}
.home-mission-progress .metric{font-size:36px!important}
@media(max-width:1100px){
.v96-income-layout{grid-template-columns:40px 1fr 190px 250px!important;gap:12px!important}
.v96-income-card .income-ad-copy h2{font-size:23px!important}
.v98-spinning-brand{width:180px}.v97-income-first .v96-income-logo .v98-spinning-brand img{width:150px!important}
.v98-spinning-brand span{font-size:18px}
}
@media(max-width:980px){
.v97-income-first{min-height:auto!important}
.v96-income-layout{grid-template-columns:1fr!important;text-align:center}
.v96-income-card .income-ad-copy h2{white-space:normal}
.v96-income-card .general-ad-stats{justify-content:center!important;flex-wrap:wrap!important}
}
.v98-spinning-brand{margin-left:-60px;}
.v98-spinning-brand img{display:block;margin:0 auto;}
.income-ad-copy h2{white-space:nowrap;font-size:2rem;}
.income-ad-card{padding:18px 22px!important;min-height:220px!important;}
\n\n/* CoinCash OS V9.9 — CommunityReward realtime bar */
.community-reward-bar{
display:grid;
grid-template-columns:minmax(430px,.96fr) minmax(420px,1.34fr);
gap:14px;
align-items:stretch;
margin:0 0 12px;
}
.community-reward-balance,.community-reward-ticker{
min-height:72px;
border:1px solid rgba(245,196,81,.54);
border-radius:18px;
background:
radial-gradient(circle at 12% 50%,rgba(245,196,81,.13),transparent 32%),
linear-gradient(135deg,rgba(20,16,7,.98),rgba(5,5,4,.98));
box-shadow:0 0 24px rgba(245,196,81,.09),inset 0 0 22px rgba(245,196,81,.025);
position:relative;
overflow:hidden;
}
.community-reward-balance{
display:grid;
grid-template-columns:auto minmax(140px,1fr) auto auto;
gap:14px;
align-items:center;
padding:10px 17px;
}
.community-reward-icon{font-size:38px;filter:drop-shadow(0 0 10px rgba(245,196,81,.45))}
.community-reward-label{display:flex;flex-direction:column;line-height:1.1}
.community-reward-label b{font-size:20px;color:#fff;white-space:nowrap}
.community-reward-label small{font-size:12px;color:#c7b986;margin-top:5px}
.community-reward-balance strong{font-size:29px;line-height:1;color:#f7d35e;white-space:nowrap;text-shadow:0 0 16px rgba(245,196,81,.28)}
.community-live{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(0,255,160,.42);border-radius:999px;padding:7px 10px;color:#12df91;font-size:12px;font-weight:900;white-space:nowrap;background:rgba(0,118,72,.14)}
.community-live i{width:7px;height:7px;border-radius:50%;background:#14e99b;box-shadow:0 0 10px #14e99b;animation:communityPulse 1.35s ease-in-out infinite}
@keyframes communityPulse{50%{opacity:.38;transform:scale(.7)}}
.community-reward-ticker{display:flex;align-items:center;padding:0 15px;gap:12px}
.ticker-speaker{font-size:27px;flex:0 0 auto;filter:drop-shadow(0 0 8px rgba(245,196,81,.36))}
.ticker-window{overflow:hidden;white-space:nowrap;flex:1;min-width:0}
.ticker-track{display:inline-block;min-width:max-content;color:#f4c94e;font-size:19px;font-weight:800;letter-spacing:.01em;animation:communityTicker 15s linear infinite;text-shadow:0 0 10px rgba(245,196,81,.18)}
@keyframes communityTicker{from{transform:translateX(22%)}to{transform:translateX(-58%)}}
/* reclaim vertical space so daily missions remain visible on common laptop screens */
.home-mission-progress{padding:10px 18px!important;min-height:70px!important}
.home-mission-progress .daily-label{font-size:19px!important;line-height:1.05!important;margin-bottom:0!important}
.home-mission-progress .label{font-size:11px!important}
.home-mission-progress .metric{font-size:31px!important;line-height:1!important}
.home-mission-progress .progress{height:8px!important}
.home-mission-progress .mission-state{font-size:14px!important;white-space:nowrap}
.v97-income-first{min-height:174px!important;padding-top:13px!important;padding-bottom:13px!important}
@media(max-width:1180px){
.community-reward-bar{grid-template-columns:1fr}
.community-reward-balance strong{font-size:25px}
}
@media(max-width:700px){
.community-reward-balance{grid-template-columns:auto 1fr auto;padding:10px 12px}
.community-reward-balance strong{grid-column:2/4;font-size:23px}
.community-live{grid-row:1;grid-column:3}
.ticker-track{font-size:16px}
}
/* CoinCash OS V9.10 — unified CommunityReward frame + animated income stats */
.community-reward-bar{
display:grid!important;
grid-template-columns:minmax(430px,.96fr) minmax(420px,1.34fr)!important;
gap:0!important;
align-items:stretch;
margin:0 0 12px;
border:1px solid rgba(245,196,81,.68);
border-radius:18px;
background:
radial-gradient(circle at 9% 50%,rgba(245,196,81,.15),transparent 28%),
linear-gradient(135deg,rgba(20,16,7,.98),rgba(5,5,4,.98));
box-shadow:0 0 28px rgba(245,196,81,.13),inset 0 0 26px rgba(245,196,81,.035);
position:relative;
overflow:hidden;
}
.community-reward-bar::before{
content:"";
position:absolute;inset:-120% -20%;
background:linear-gradient(105deg,transparent 42%,rgba(255,224,130,.12) 50%,transparent 58%);
animation:communitySweep 6s linear infinite;
pointer-events:none;
}
@keyframes communitySweep{to{transform:translateX(36%)}}
.community-reward-balance,.community-reward-ticker{
min-height:72px!important;
border:0!important;
border-radius:0!important;
background:transparent!important;
box-shadow:none!important;
position:relative;z-index:1;
}
.community-reward-balance{border-right:1px solid rgba(245,196,81,.26)!important}
.community-coin-pile{
width:72px;height:52px;position:relative;display:inline-block;flex:0 0 auto;
filter:drop-shadow(0 0 10px rgba(245,196,81,.45));
}
.community-coin-pile .coin{
position:absolute;width:30px;height:30px;border-radius:50%;
display:grid;place-items:center;font-style:normal;font-size:13px;font-weight:1000;color:#6b3d00;
background:radial-gradient(circle at 35% 30%,#fff3a8 0 9%,#ffd44f 10% 34%,#d89300 66%,#7f4700 100%);
border:2px solid #ffe28a;box-shadow:inset 0 0 0 2px rgba(120,61,0,.28),0 3px 8px rgba(0,0,0,.55);
animation:coinPileFloat 2.7s ease-in-out infinite;
}
.community-coin-pile .coin-a{left:1px;bottom:2px;animation-delay:-.7s}
.community-coin-pile .coin-b{left:23px;bottom:0;animation-delay:-1.2s}
.community-coin-pile .coin-c{left:38px;bottom:16px;animation-delay:-.2s}
.community-coin-pile .coin-d{left:12px;bottom:22px;animation-delay:-1.7s}
@keyframes coinPileFloat{50%{transform:translateY(-3px) rotate(4deg);filter:brightness(1.13)}}
.v96-income-card .general-ad-stats>div.income-stat-card{
position:relative;overflow:hidden;isolation:isolate;
border-color:rgba(245,196,81,.44)!important;
background:linear-gradient(145deg,rgba(17,13,4,.95),rgba(2,2,2,.9))!important;
box-shadow:inset 0 0 18px rgba(245,196,81,.035),0 0 14px rgba(245,196,81,.06);
animation:statCardGlow 3.2s ease-in-out infinite;
}
.v96-income-card .general-ad-stats>div.income-stat-card::after{
content:"";position:absolute;inset:-70% -30%;z-index:-1;
background:linear-gradient(110deg,transparent 43%,rgba(255,225,130,.16) 50%,transparent 57%);
animation:statShine 4.2s linear infinite;
}
.stat-share{padding-left:48px!important}
.stat-coin-stack{position:absolute;left:12px;bottom:15px;width:26px;height:28px}
.stat-coin-stack i{position:absolute;left:0;width:25px;height:8px;border-radius:50%;background:linear-gradient(#ffe26f,#bf7600);border:1px solid #ffd966;box-shadow:0 0 8px rgba(245,196,81,.3)}
.stat-coin-stack i:nth-child(1){bottom:0}.stat-coin-stack i:nth-child(2){bottom:6px}.stat-coin-stack i:nth-child(3){bottom:12px;animation:stackCoinBounce 1.8s ease-in-out infinite}
.stat-orbit{position:absolute;right:9px;top:9px;width:19px;height:19px;border:2px solid rgba(245,196,81,.55);border-radius:50%;animation:statOrbit 2.3s linear infinite}
.stat-orbit::after{content:"";position:absolute;width:6px;height:6px;border-radius:50%;background:#ffd758;left:-4px;top:4px;box-shadow:0 0 9px #ffd758}
.income-stat-card b{animation:numberPulse 2.5s ease-in-out infinite}
@keyframes statCardGlow{50%{box-shadow:inset 0 0 22px rgba(245,196,81,.07),0 0 18px rgba(245,196,81,.13)}}
@keyframes statShine{to{transform:translateX(65%)}}
@keyframes stackCoinBounce{50%{transform:translateY(-5px);filter:brightness(1.25)}}
@keyframes statOrbit{to{transform:rotate(360deg)}}
@keyframes numberPulse{50%{text-shadow:0 0 12px rgba(255,215,90,.5)}}
@media(max-width:1180px){
.community-reward-bar{grid-template-columns:1fr!important}
.community-reward-balance{border-right:0!important;border-bottom:1px solid rgba(245,196,81,.22)!important}
}
/* CoinCash OS V9.11 — CommunityReward sync and compact layout fixes */
.community-reward-balance{
grid-template-columns:auto minmax(175px,1fr) auto!important;
column-gap:16px!important;
}
.community-reward-label{
align-items:flex-start;
gap:4px;
min-width:0;
}
.community-reward-label .community-live{
margin-top:3px;
padding:4px 9px;
font-size:11px;
}
.community-reward-balance strong{
justify-self:end;
font-size:27px!important;
}
.v96-income-card .general-ad-stats{
width:100%;
display:grid!important;
grid-template-columns:minmax(125px,.78fr) minmax(205px,1.22fr)!important;
gap:12px!important;
}
.v96-income-card .general-ad-stats>div.income-stat-card{
min-width:0!important;
width:100%;
}
.v96-income-card .general-ad-stats>div.stat-share{
padding-left:60px!important;
padding-right:16px!important;
}
.stat-coin-stack{
left:16px!important;
bottom:17px!important;
}
@media(max-width:1180px){
.community-reward-balance{
grid-template-columns:auto minmax(160px,1fr) auto!important;
}
}
@media(max-width:700px){
.community-reward-balance{
grid-template-columns:auto 1fr!important;
}
.community-reward-balance strong{
grid-column:1/-1!important;
justify-self:start;
padding-left:88px;
}
.v96-income-card .general-ad-stats{
grid-template-columns:1fr!important;
}
}
/* CoinCash OS V9.12 — compact Community Reward and centered ad logo */
.community-reward-balance strong{
font-size:22px!important;
max-width:190px;
overflow:hidden;
text-overflow:ellipsis;
letter-spacing:-.02em;
}
.community-reward-balance{
grid-template-columns:72px minmax(165px,1fr) minmax(130px,190px)!important;
column-gap:12px!important;
}
.v96-income-layout{
grid-template-columns:42px minmax(330px,1fr) 220px minmax(255px,315px)!important;
gap:16px!important;
}
.v96-income-card .general-ad-stats{
width:max-content!important;
max-width:100%;
grid-template-columns:132px 182px!important;
gap:10px!important;
}
.v96-income-card .general-ad-stats>div.income-stat-card{
padding:11px 13px!important;
}
.v96-income-card .general-ad-stats>div.stat-share{
width:182px!important;
padding-left:50px!important;
padding-right:10px!important;
}
.v96-income-card .general-ad-stats small{font-size:11px!important}
.v96-income-card .general-ad-stats b{font-size:20px!important}
.v96-income-card .general-ad-stats em{font-size:10px!important}
.stat-coin-stack{left:12px!important;bottom:13px!important;transform:scale(.86)}
.v96-income-logo{
width:220px!important;
justify-self:center!important;
align-self:center!important;
display:flex!important;
justify-content:center!important;
margin:0!important;
}
.v98-spinning-brand{margin:0 auto!important}
.income-action-stack{justify-self:stretch!important}
@media(max-width:1180px){
.v96-income-layout{grid-template-columns:38px minmax(285px,1fr) 190px 260px!important;gap:12px!important}
.v96-income-logo{width:190px!important}
.community-reward-balance strong{font-size:20px!important;max-width:170px}
}
@media(max-width:980px){
.v96-income-layout{grid-template-columns:1fr!important}
.v96-income-card .general-ad-stats{margin-inline:auto!important}
.v96-income-logo{width:210px!important;margin-inline:auto!important}
}
@media(max-width:700px){
.community-reward-balance strong{font-size:19px!important;max-width:none}
.v96-income-card .general-ad-stats{width:100%!important;grid-template-columns:1fr!important}
.v96-income-card .general-ad-stats>div.stat-share{width:100%!important}
}
/* CoinCash OS V9.13 — center rotating logo and move TV icon into viewed card */
.v96-income-layout{
grid-template-columns:minmax(330px,1fr) 210px minmax(255px,315px)!important;
gap:10px!important;
}
.v96-income-logo{
width:210px!important;
justify-self:start!important;
margin-left:-12px!important;
}
.v96-income-card .general-ad-stats{
grid-template-columns:140px 180px!important;
}
.v96-income-card .general-ad-stats>div.stat-views{
position:relative!important;
padding-left:48px!important;
}
.stat-tv-icon{
position:absolute;
left:12px;
top:50%;
transform:translateY(-50%);
font-size:27px;
line-height:1;
filter:drop-shadow(0 0 7px rgba(245,196,81,.35));
animation:tvFloat 2.4s ease-in-out infinite;
}
@keyframes tvFloat{0%,100%{transform:translateY(-50%)}50%{transform:translateY(calc(-50% - 3px))}}
@media(max-width:1180px){
.v96-income-layout{grid-template-columns:minmax(285px,1fr) 185px 260px!important;gap:8px!important}
.v96-income-logo{width:185px!important;margin-left:-8px!important}
}
@media(max-width:980px){
.v96-income-layout{grid-template-columns:1fr!important}
.v96-income-logo{justify-self:center!important;margin-left:0!important}
}
.v98-spinning-brand{margin-left:-80px !important;}
/* ===== CoinCash OS V9.15 Member Flow ===== */
.member-flow-card{border-color:rgba(245,196,81,.62);background:linear-gradient(135deg,rgba(245,196,81,.10),rgba(8,11,18,.92) 44%,rgba(8,11,18,.98));overflow:hidden;position:relative}
.member-flow-card:before{content:"";position:absolute;inset:-40% 45% auto -10%;height:260px;background:radial-gradient(circle,rgba(245,196,81,.19),transparent 67%);pointer-events:none}
.member-flow-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px;position:relative;z-index:1}
.member-flow-head h2{margin:4px 0 0}.flow-credit{text-align:right;border:1px solid rgba(245,196,81,.35);border-radius:14px;padding:10px 14px;background:rgba(0,0,0,.28)}
.flow-credit small{display:block;color:#9ca8b9}.flow-credit b{font-size:20px;color:#f5c451}
.member-flow-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;position:relative;z-index:1}
.flow-step{display:flex;align-items:center;gap:10px;padding:14px;border-radius:14px;border:1px solid #303946;background:rgba(10,14,22,.85);opacity:.58;transition:.25s ease}
.flow-step>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#263041;color:#fff;font-weight:900;flex:0 0 auto}
.flow-step b,.flow-step small{display:block}.flow-step small{color:#8f9bad;margin-top:4px;line-height:1.35}.flow-step.done{opacity:1;border-color:rgba(49,212,119,.6);box-shadow:0 0 18px rgba(49,212,119,.1)}
.flow-step.done>span{background:#31d477;color:#04120a}.flow-actions{margin-top:16px;position:relative;z-index:1}.vip-ready-banner{margin-top:16px;padding:14px;border:1px solid rgba(245,196,81,.65);border-radius:14px;background:rgba(245,196,81,.12);color:#ffe393;font-weight:800;text-align:center}
.member-history-card{margin-top:18px}.member-history-card .table-wrap{overflow:auto}.member-history-card table{min-width:760px}
.member-flow-admin{border-color:rgba(49,212,119,.55);background:linear-gradient(135deg,rgba(49,212,119,.08),rgba(10,14,22,.94))}
@media(max-width:980px){.member-flow-steps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.member-flow-head{align-items:flex-start;flex-direction:column}.flow-credit{text-align:left}.member-flow-steps{grid-template-columns:1fr}}
/* V9.16 Member Flow refinements */
.mission-task-grid .activity-card h2{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:clamp(20px,2vw,27px);line-height:1.2}
.member-hero{position:relative;overflow:hidden;padding-right:190px}
.member-hero-animation{position:absolute;right:22px;bottom:8px;width:145px;height:82px;pointer-events:none}
.member-hero-animation span{position:absolute;right:34px;bottom:11px;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font-weight:900;font-size:12px;color:#211703;background:radial-gradient(circle at 35% 30%,#fff1a5,#f5c451 45%,#a66e08 76%);border:2px solid #ffe58a;box-shadow:0 0 24px rgba(245,196,81,.38);animation:profileCoinFloat 2.2s ease-in-out infinite}
.member-hero-animation i{position:absolute;bottom:23px;width:7px;height:7px;border-radius:50%;background:#f5c451;box-shadow:0 0 12px #f5c451;animation:profileSpark 2.4s linear infinite}
.member-hero-animation i:nth-child(1){right:112px;animation-delay:0s}.member-hero-animation i:nth-child(2){right:95px;animation-delay:.7s}.member-hero-animation i:nth-child(3){right:78px;animation-delay:1.4s}
@keyframes profileCoinFloat{50%{transform:translateY(-8px) rotate(8deg)}}
@keyframes profileSpark{0%{transform:translate(0,12px) scale(.4);opacity:0}35%{opacity:1}100%{transform:translate(42px,-30px) scale(1.2);opacity:0}}
@media(max-width:700px){.member-hero{padding-right:20px;padding-bottom:92px}.member-hero-animation{right:12px;bottom:5px}.mission-task-grid .activity-card h2{font-size:21px}}
/* CoinCash OS V9.17 — Profile account referral integration */
.referral-code-row{align-items:center}
.referral-code-copy{display:inline-flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.copy-code-btn{border:1px solid rgba(212,175,55,.65);background:linear-gradient(135deg,#f3d777,#b8860b);color:#171003;border-radius:8px;padding:6px 11px;font-weight:800;cursor:pointer;box-shadow:0 4px 14px rgba(212,175,55,.16)}
.copy-code-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}
@media(max-width:560px){.referral-code-row{align-items:flex-start}.referral-code-copy{justify-content:flex-start}}
/* CoinCash OS V9.18 — four member wallets */
.member-wallet-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.member-wallet-card{position:relative;overflow:hidden;min-height:300px;padding:22px;border:1px solid rgba(245,196,81,.26);border-radius:20px;background:linear-gradient(145deg,rgba(25,25,22,.98),rgba(8,9,11,.98));box-shadow:0 18px 48px rgba(0,0,0,.34)}
.member-wallet-card:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-78px;top:-88px;background:radial-gradient(circle,rgba(245,196,81,.16),transparent 68%);pointer-events:none}
.wallet-card-head{display:flex;align-items:center;gap:13px}.wallet-card-head h2{margin:2px 0 0;font-size:21px}.wallet-card-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:rgba(245,196,81,.10);border:1px solid rgba(245,196,81,.24);font-size:25px}
.member-wallet-card .metric{margin:22px 0 8px;font-size:clamp(27px,4vw,38px);color:#ffe08a}.member-wallet-card .muted{min-height:48px;margin:0 0 15px}.wallet-rule{padding:10px 12px;border-radius:11px;background:rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.08);color:#c9cdd4;font-size:12px;margin-bottom:16px}.free-rule{color:#8ee7ae;border-color:rgba(49,212,119,.22)}
.member-wallet-card .actions{margin-top:auto}.community-wallet-card{border-color:rgba(169,112,255,.34)}.usdt-wallet-card{border-color:rgba(49,212,119,.30)}.ads-wallet-card{border-color:rgba(56,168,255,.30)}.wallet-vip-alert{margin:-5px 0 14px;padding:10px 12px;border-radius:11px;background:rgba(245,196,81,.12);border:1px solid rgba(245,196,81,.32);color:#ffe08a;font-size:12px;font-weight:800}
@media(max-width:760px){.member-wallet-grid{grid-template-columns:1fr}.member-wallet-card{min-height:auto}}
/* V9.19 Account Settings */
.settings-account-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,.75fr);gap:20px;align-items:stretch}.settings-account-card,.settings-logo-card{min-height:100%}.settings-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.settings-heading h2{margin:4px 0 0}.settings-save-state{font-size:12px;color:#99a6b8;border:1px solid #303847;border-radius:999px;padding:7px 11px;background:#11161d}.settings-save-state.saved{color:#31d477;border-color:rgba(49,212,119,.4);background:rgba(49,212,119,.08)}.account-settings-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.account-setting-field{display:flex;flex-direction:column;gap:8px;padding:14px;border-radius:14px;border:1px solid #2e3745;background:linear-gradient(145deg,#141922,#0f131a);color:#d9e0e9}.account-setting-field>span:first-child{font-weight:800;font-size:14px}.account-setting-field input[type=text],.account-setting-field input[type=password],.account-setting-field input[type=email],.account-setting-field input[type=tel]{width:100%;box-sizing:border-box;border:1px solid #3a4555;background:#0a0e14;color:#fff;border-radius:10px;padding:12px 13px;outline:none}.account-setting-field input:focus{border-color:#f5c451;box-shadow:0 0 0 3px rgba(245,196,81,.1)}.notification-setting{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:space-between}.notification-setting span:first-child{display:flex;flex-direction:column;gap:3px}.notification-setting small{color:#8f9baa;font-weight:400}.toggle-switch{position:relative;width:52px;height:30px;flex:0 0 auto}.toggle-switch input{position:absolute;opacity:0;pointer-events:none}.toggle-switch i{display:block;width:100%;height:100%;border-radius:999px;background:#303744;border:1px solid #465162;cursor:pointer;transition:.25s}.toggle-switch i:after{content:"";display:block;width:22px;height:22px;margin:3px;border-radius:50%;background:#aeb7c2;transition:.25s}.toggle-switch input:checked+i{background:linear-gradient(135deg,#f5c451,#d99b19);border-color:#f5c451}.toggle-switch input:checked+i:after{transform:translateX(22px);background:#17120a}.settings-form-actions{grid-column:1/-1;display:flex;gap:10px;flex-wrap:wrap;margin-top:4px}.settings-logo-card{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow:hidden;position:relative}.settings-logo-card:before{content:"";position:absolute;width:210px;height:210px;border-radius:50%;background:rgba(245,196,81,.12);filter:blur(55px)}.settings-spinning-brand{position:relative;z-index:1;width:190px;height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;perspective:800px}.settings-spinning-brand img{width:165px;height:165px;object-fit:contain;filter:drop-shadow(0 0 25px rgba(245,196,81,.35));animation:v98BrandSpin 7s linear infinite}.settings-spinning-brand span{margin-top:4px;font-size:17px;font-weight:900;letter-spacing:4px;color:#f5c451}.settings-logo-card h3,.settings-logo-card p{position:relative;z-index:1}.settings-logo-card h3{margin:4px 0 3px}.settings-logo-card p{max-width:250px}.account-setting-field.invalid input{border-color:#ff6478}.account-setting-field.invalid{border-color:rgba(255,100,120,.55)}
@media(max-width:900px){.settings-account-layout{grid-template-columns:1fr}.settings-logo-card{min-height:310px}.account-settings-form{grid-template-columns:1fr}.notification-setting,.settings-form-actions{grid-column:auto}}
@media(max-width:560px){.settings-heading{flex-direction:column}.settings-form-actions .btn{width:100%}.settings-spinning-brand{height:190px}.settings-spinning-brand img{width:140px;height:140px}}
/* CoinCash OS V9.20 — bouncing CCT coins on CCT All and USDT All */
body:has(.section-title) main .stat,
body:has(.section-title) main .audit-box,
body:has(.section-title) main .card.full:has(>.metric){
position:relative;
overflow:hidden;
}
body:has(.section-title) main .stat{padding-right:112px;min-height:112px;display:flex;flex-direction:column;justify-content:center}
.cct-bounce-coin{
--coin-delay:0s;
position:absolute;
right:28px;
top:50%;
width:72px;
height:72px;
border-radius:50%;
display:grid;
place-items:center;
z-index:2;
color:#2b1a02;
font-size:17px;
font-weight:1000;
letter-spacing:1px;
border:3px solid #ffdf70;
background:
radial-gradient(circle at 34% 28%,#fff5a5 0 4%,#ffd950 15%,#efaa14 49%,#b86a00 76%,#ffd85b 90%);
box-shadow:
inset 0 0 0 4px rgba(255,245,161,.35),
inset 0 -8px 14px rgba(120,58,0,.30),
0 8px 17px rgba(0,0,0,.42),
0 0 20px rgba(245,196,81,.31);
transform:translateY(-50%);
animation:cctCoinBounce 1.9s cubic-bezier(.45,.05,.55,.95) infinite;
animation-delay:var(--coin-delay);
pointer-events:none;
}
.cct-bounce-coin::before{
content:"";
position:absolute;
inset:7px;
border-radius:50%;
border:1px solid rgba(114,58,0,.48);
box-shadow:inset 0 0 0 2px rgba(255,238,135,.36);
}
.cct-bounce-coin::after{
content:"";
position:absolute;
width:30px;
height:11px;
border-radius:50%;
left:9px;
top:8px;
background:rgba(255,255,255,.34);
transform:rotate(-28deg);
filter:blur(1px);
}
.audit-box .cct-bounce-coin.audit-coin{right:70px;width:86px;height:86px;font-size:20px}
.card.full:has(>.metric) .cct-bounce-coin.total-coin{right:42px;width:88px;height:88px;font-size:20px}
@keyframes cctCoinBounce{
0%,100%{transform:translateY(-50%) translateY(4px) rotate(-2deg);filter:brightness(.96)}
45%{transform:translateY(-50%) translateY(-12px) rotate(2deg);filter:brightness(1.12)}
58%{transform:translateY(-50%) translateY(-8px) rotate(0deg)}
}
@media(max-width:760px){
body:has(.section-title) main .stat{padding-right:86px;min-height:96px}
.cct-bounce-coin{right:16px;width:50px;height:50px;font-size:14px}
.audit-box{padding-right:88px!important}
.audit-box .cct-bounce-coin.audit-coin{right:16px;width:62px;height:62px;font-size:15px}
.card.full:has(>.metric){padding-right:100px!important}
.card.full:has(>.metric) .cct-bounce-coin.total-coin{right:18px;width:64px;height:64px;font-size:15px}
}
@media(prefers-reduced-motion:reduce){.cct-bounce-coin{animation:none}}
/* CoinCash OS V9.21 — requested animated CCT accents */
.cct-bounce-coin,.cct-wallet-coin-icon{
display:inline-grid;place-items:center;flex:0 0 auto;width:50px;height:50px;border-radius:50%;
color:#2a1a00;font-size:13px;font-weight:1000;letter-spacing:.6px;
background:radial-gradient(circle at 35% 28%,#fff3a4 0 8%,#dca51a 20%,#eaa91f 58%,#a96707 82%,#6f3e00 100%);
border:3px solid #ffe38a;box-shadow:inset 0 0 0 3px rgba(111,62,0,.42),0 6px 14px rgba(212,145,20,.45);
animation:cctCoinBounce 1.8s ease-in-out infinite;
}
@keyframes cctCoinBounce{0%,100%{transform:translateY(0) rotate(-2deg)}48%{transform:translateY(-6px) rotate(3deg)}65%{transform:translateY(-5px) rotate(-1deg)}}
.mission-community-strip{grid-template-columns:auto minmax(0,1fr) auto auto!important}
.mission-coin-row{display:flex;align-items:center;justify-content:center;gap:28px;min-width:270px}
.mission-coin-row .cct-bounce-coin:nth-child(2){animation-delay:.22s}.mission-coin-row .cct-bounce-coin:nth-child(3){animation-delay:.44s}
.profile-account-logo-row{display:flex!important;justify-content:center!important;border-bottom:0!important;padding:22px 0 4px!important}
.profile-account-spinning-brand,.monitor-spinning-brand{display:flex;flex-direction:column;align-items:center;justify-content:center;perspective:800px}
.profile-account-spinning-brand img,.monitor-spinning-brand img{width:150px;height:150px;object-fit:contain;filter:drop-shadow(0 0 25px rgba(245,196,81,.32));animation:v98BrandSpin 7s linear infinite}
.profile-account-spinning-brand span,.monitor-spinning-brand span{margin-top:-6px;color:#f5c451;font-weight:900;letter-spacing:4px}
.cct-wallet-coin-icon{width:48px;height:48px;border-radius:50%;font-size:10px;padding:0;background:radial-gradient(circle at 35% 28%,#fff3a4 0 8%,#dca51a 20%,#eaa91f 58%,#a96707 82%,#6f3e00 100%)}
.reward-coin-card{display:flex!important;align-items:center;justify-content:space-between;gap:16px;min-height:116px;overflow:hidden}
.reward-coin-card:nth-child(2) .cct-bounce-coin{animation-delay:.12s}.reward-coin-card:nth-child(3) .cct-bounce-coin{animation-delay:.24s}.reward-coin-card:nth-child(4) .cct-bounce-coin{animation-delay:.36s}.reward-coin-card:nth-child(5) .cct-bounce-coin{animation-delay:.48s}.reward-coin-card:nth-child(6) .cct-bounce-coin{animation-delay:.60s}
.monitor-overview-title{display:grid!important;grid-template-columns:1fr auto 1fr;align-items:center}
.monitor-overview-title>a{justify-self:end}.monitor-spinning-brand{min-width:220px}.monitor-spinning-brand img{width:130px;height:130px}.monitor-spinning-brand span{font-size:14px}
@media(max-width:980px){.mission-community-strip{grid-template-columns:1fr!important}.mission-coin-row{min-width:0}.monitor-overview-title{grid-template-columns:1fr!important;text-align:center}.monitor-overview-title>a{justify-self:stretch}.monitor-spinning-brand{order:2}.monitor-overview-title>a{order:3}}
@media(max-width:560px){.mission-coin-row{gap:14px}.cct-bounce-coin{width:48px;height:48px;font-size:11px}.profile-account-spinning-brand img{width:125px;height:125px}.monitor-spinning-brand img{width:110px;height:110px}}
/* CoinCash OS V9.22 — keep the three Mission CCT coins inline between copy and action */
.mission-community-strip .mission-coin-row .cct-bounce-coin{
position:relative!important;
inset:auto!important;
right:auto!important;
top:auto!important;
transform:none;
z-index:1;
}
.mission-community-strip .mission-coin-row{
grid-column:auto;
display:flex!important;
flex-direction:row;
align-items:center;
justify-content:center;
gap:28px;
min-width:270px;
position:relative;
}
@media(max-width:980px){
.mission-community-strip .mission-coin-row{order:3;margin:6px auto;min-width:0}
.mission-community-strip .btn{order:4}
}
/* V9.23: keep mission text inside all four cards */
.mission-task-grid .activity-card{display:flex;flex-direction:column;min-width:0}
.mission-task-grid .activity-card h2{font-size:clamp(19px,1.8vw,27px)!important;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:8px 0 7px}
.mission-task-grid .activity-card p{font-size:clamp(12px,1.15vw,15px)!important;line-height:1.45;min-height:64px!important;max-height:64px;overflow:hidden;margin:0 0 8px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.mission-task-grid .activity-progress{margin-top:auto;margin-bottom:14px}
.mission-task-grid .activity-card .btn{align-self:flex-start;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:1100px) and (min-width:901px){.mission-task-grid .activity-card{padding:20px 18px}.mission-task-grid .activity-card h2{font-size:20px!important}.mission-task-grid .activity-card p{font-size:12px!important}}
@media(max-width:560px){.mission-task-grid .activity-card p{min-height:auto!important;max-height:none;-webkit-line-clamp:unset}.mission-task-grid .activity-card h2{white-space:normal}}
/* V9.23: real-time price charts */
.live-price-card{position:relative;overflow:hidden;border-color:rgba(245,196,81,.28)!important;background:radial-gradient(circle at 85% 20%,rgba(245,196,81,.10),transparent 32%),linear-gradient(145deg,rgba(24,21,15,.97),rgba(8,9,11,.98))!important}
.live-price-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:12px}
.live-price-head h2{margin:0 0 4px}.live-price-sub{color:#96a0ad;font-size:13px}.live-price-badge{padding:8px 12px;border:1px solid rgba(49,212,119,.35);border-radius:999px;background:rgba(49,212,119,.09);color:#46dc8c;font-size:12px;font-weight:900;letter-spacing:.06em;white-space:nowrap}
.live-price-metrics{display:flex;gap:22px;flex-wrap:wrap;margin:8px 0 14px}.live-price-metrics>div{min-width:150px;padding:10px 14px;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:rgba(0,0,0,.28)}.live-price-metrics small{display:block;color:#98a2af;margin-bottom:3px}.live-price-metrics b{font-size:20px;color:#f7d77b}.live-price-metrics .down-value{color:#ff7284}
.price-canvas{display:block;width:100%;height:280px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(12,16,22,.86),rgba(5,7,10,.96))}
@media(max-width:700px){.live-price-head{flex-direction:column}.price-canvas{height:220px}.live-price-metrics>div{flex:1;min-width:125px}}
/* CoinCash OS V9.24 — keep CCT coins safely inside CCT/USDT cards and enlarge gold particles */
.page-all-cct .cct-bounce-coin,
.page-all-usdt .cct-bounce-coin{
top:50%;
margin-top:-12px;
transform:translateY(-50%);
animation-name:cctAllCoinBounce;
animation-duration:1.9s;
animation-timing-function:cubic-bezier(.45,.05,.55,.95);
animation-iteration-count:infinite;
animation-delay:var(--coin-delay,0s);
}
@keyframes cctAllCoinBounce{
0%,100%{transform:translateY(-50%) translateY(3px) rotate(-2deg);filter:brightness(.98)}
48%{transform:translateY(-50%) translateY(-7px) rotate(2deg);filter:brightness(1.12)}
65%{transform:translateY(-50%) translateY(-3px) rotate(-1deg)}
}
.page-all-cct .audit-box .cct-bounce-coin,
.page-all-usdt .audit-box .cct-bounce-coin{margin-top:-8px}
.page-all-usdt .card.full:has(>.metric) .cct-bounce-coin{margin-top:-14px}
.gold-particle{
width:6px;
height:6px;
opacity:.20;
box-shadow:0 0 12px rgba(246,196,81,.98),0 0 28px rgba(246,196,81,.42);
}
.gold-particle:nth-child(3n){width:4px;height:4px;opacity:.42}
.gold-particle:nth-child(5n){width:9px;height:9px;opacity:.12;filter:blur(.6px)}
@media(max-width:760px){
.page-all-cct .cct-bounce-coin,
.page-all-usdt .cct-bounce-coin{margin-top:-8px}
}
/* CoinCash OS V9.26 — ONLY USDT total-in coin: smaller, lower, safe bounce */
.page-all-usdt .card.full.green:has(>.metric) .cct-bounce-coin.total-coin{
width:56px;
height:56px;
font-size:14px;
right:32px;
top:56%;
margin-top:0;
animation-name:usdtTotalCoinBounce;
animation-duration:1.9s;
animation-timing-function:cubic-bezier(.45,.05,.55,.95);
animation-iteration-count:infinite;
animation-delay:var(--coin-delay,0s);
}
@keyframes usdtTotalCoinBounce{
0%,100%{transform:translateY(-50%) translateY(2px) rotate(-2deg);filter:brightness(.98)}
48%{transform:translateY(-50%) translateY(-4px) rotate(2deg);filter:brightness(1.08)}
65%{transform:translateY(-50%) translateY(-2px) rotate(-1deg)}
}
@media(max-width:760px){
.page-all-usdt .card.full.green:has(>.metric) .cct-bounce-coin.total-coin{
width:46px;
height:46px;
font-size:12px;
right:18px;
top:57%;
margin-top:0;
}
}
/* CoinCash OS V9.27 — Admin Zero-Code Control Center */
.admin-control-center{position:relative;overflow:hidden;border-color:rgba(245,196,81,.34)!important;background:radial-gradient(circle at 92% 0,rgba(245,196,81,.10),transparent 32%),linear-gradient(145deg,rgba(19,18,14,.98),rgba(8,10,13,.98))!important}
.admin-control-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:22px}.admin-control-head h2{margin:4px 0 6px;font-size:28px}.admin-kicker{display:inline-block;color:#f5c451;font-size:11px;font-weight:900;letter-spacing:.16em}.admin-settings-state{display:flex;align-items:center;gap:8px;border:1px solid rgba(49,212,119,.28);background:rgba(49,212,119,.08);color:#55df91;border-radius:999px;padding:9px 13px;font-size:12px;white-space:nowrap}.admin-settings-state .dot{width:8px;height:8px;border-radius:50%;background:#31d477;box-shadow:0 0 12px rgba(49,212,119,.8)}
.admin-settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.admin-setting-group{border:1px solid rgba(255,255,255,.09);border-radius:17px;padding:17px;background:linear-gradient(180deg,rgba(255,255,255,.032),rgba(255,255,255,.014));min-width:0}.admin-setting-group h3{margin:0 0 14px;color:#f7d77b;font-size:16px}.admin-setting-group label:not(.setting-switch){display:block;color:#aab2bd;font-size:12px;font-weight:800;margin:0 0 11px}.admin-setting-group input[type="number"],.admin-setting-group textarea{width:100%;box-sizing:border-box;margin-top:6px;border-radius:11px;border:1px solid rgba(245,196,81,.18);background:#080a0d;color:#fff;padding:11px 12px;outline:none}.admin-setting-group textarea{resize:vertical;min-height:108px}.admin-setting-group input:focus,.admin-setting-group textarea:focus{border-color:#f5c451;box-shadow:0 0 0 3px rgba(245,196,81,.08)}.setting-help{font-size:11px;color:#7f8996;line-height:1.55;margin-top:8px}.setting-switch{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:11px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06);margin-bottom:8px;color:#c8ced6;font-size:13px;font-weight:800;cursor:pointer}.setting-switch input{width:18px;height:18px;accent-color:#dcae38}.warning-switch{border-color:rgba(255,114,132,.16);color:#ff9bab}.admin-settings-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:17px}.admin-announcement-banner{position:relative;z-index:19;text-align:center;padding:10px 18px;background:linear-gradient(90deg,rgba(245,196,81,.17),rgba(245,196,81,.08),rgba(245,196,81,.17));border-bottom:1px solid rgba(245,196,81,.25);color:#f7d77b;font-weight:850;font-size:13px}.maintenance-mode .topbar{box-shadow:0 2px 0 rgba(255,114,132,.55)}body.maintenance-mode::after{content:'MAINTENANCE MODE';position:fixed;right:14px;bottom:14px;z-index:80;padding:8px 12px;border-radius:999px;background:rgba(150,20,40,.92);border:1px solid #ff7284;color:#fff;font-size:11px;font-weight:900;letter-spacing:.08em;pointer-events:none}
@media(max-width:1050px){.admin-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.admin-control-head{flex-direction:column}.admin-settings-grid{grid-template-columns:1fr}.admin-control-head h2{font-size:23px}}
/* V9.28 Admin Tokenomics editable */
.admin-setting-group.tokenomics-group{border-color:rgba(245,196,81,.28);background:linear-gradient(145deg,rgba(245,196,81,.065),rgba(15,19,26,.94))}
.token-preview{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:8px;padding:10px 12px;border:1px solid rgba(255,255,255,.09);border-radius:10px;background:rgba(4,8,14,.52);font-size:13px}
.token-preview b{color:#f5c451}.token-preview b.good{color:#48df91}.token-preview b.bad{color:#ff7284}
.admin-setting-group input[type=number]{font-variant-numeric:tabular-nums}
/* V9.29 Signup fund routing */
.fund-routing-box{margin:12px 0;padding:12px;border:1px solid rgba(245,196,81,.18);border-radius:12px;background:rgba(0,0,0,.18)}
.fund-routing-box>b{display:block;color:#f5c451;font-size:12px;margin-bottom:9px}
.fund-routing-row{display:grid;grid-template-columns:minmax(0,1fr) 105px;gap:8px;margin-top:8px}
.fund-routing-row select,.fund-routing-row input{width:100%;box-sizing:border-box;border-radius:10px;border:1px solid rgba(245,196,81,.18);background:#080a0d;color:#fff;padding:10px 11px;outline:none}
.fund-routing-row select:focus,.fund-routing-row input:focus{border-color:#f5c451;box-shadow:0 0 0 3px rgba(245,196,81,.08)}
@media(max-width:520px){.fund-routing-row{grid-template-columns:1fr 90px}}
/* V9.30 Admin single-source settings */
.admin-control-center{background:rgba(8,10,13,.58)!important;backdrop-filter:blur(10px)}
.transaction-fee-dashboard{background:linear-gradient(145deg,rgba(245,196,81,.055),rgba(8,10,13,.72))!important}
.transaction-apply-list{display:grid;gap:7px;margin-top:13px;padding-top:12px;border-top:1px solid rgba(245,196,81,.14)}
.transaction-apply-list>b{color:#f7d77b;font-size:12px;margin-bottom:2px}
/* V9.32 Ledger & My Transactions */
.profile-tabs{flex-wrap:wrap}
.profile-tab{display:inline-flex;align-items:center;gap:7px}
.member-history-card .member-flow-head{gap:16px;align-items:center}
.tx-owner-chip{display:inline-flex;align-items:center;gap:6px;padding:9px 12px;border:1px solid rgba(245,196,81,.28);border-radius:12px;background:rgba(245,196,81,.06);color:#d8c27b;font-size:12px}
.tx-table th,.tx-table td{white-space:nowrap;vertical-align:middle}
.tx-table td:nth-child(4){white-space:normal}
.tx-id{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;color:#f7d77b}
.tx-status{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.4px}
.tx-status.success{color:#65eba3;background:rgba(49,212,119,.11);border:1px solid rgba(49,212,119,.25)}
.tx-detail-btn{padding:7px 10px;font-size:11px}
.tx-detail-modal{width:min(780px,92vw)}
.tx-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}
.tx-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.tx-detail-grid>div{display:flex;flex-direction:column;gap:5px;padding:12px 14px;border:1px solid rgba(245,196,81,.14);border-radius:12px;background:rgba(8,10,13,.62)}
.tx-detail-grid span{font-size:11px;color:#8f99a7;text-transform:uppercase;letter-spacing:.45px}
.tx-detail-grid b{font-size:14px;color:#f0f3f8;overflow-wrap:anywhere}
.tx-detail-grid .tx-note-row{grid-column:1/-1}
.ledger-toolbar{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:16px}
.ledger-search{display:flex;gap:8px;min-width:min(420px,100%)}
.ledger-search input{width:100%;min-width:260px;background:#111722;border:1px solid rgba(245,196,81,.18);color:#fff;border-radius:11px;padding:11px 13px;outline:none}
.ledger-search input:focus{border-color:rgba(245,196,81,.55);box-shadow:0 0 0 3px rgba(245,196,81,.08)}
.ledger-audit-card{background:linear-gradient(145deg,rgba(49,212,119,.035),rgba(245,196,81,.035))}
@media(max-width:820px){.ledger-toolbar{align-items:stretch;flex-direction:column}.ledger-search{min-width:0}.ledger-search input{min-width:0}.tx-detail-grid{grid-template-columns:1fr}.tx-table{min-width:820px}}
/* V9.34 USDT separation */
.stat small{display:block;margin-top:6px;color:#9aa3af;font-size:11px;line-height:1.35;max-width:75%;}
/* V9.35 Income Rules */
.income-rules-shell{margin-top:18px}
.income-rules-admin,.member-income-rules{background:rgba(9,13,21,.72)!important;border:1px solid rgba(218,165,32,.35);backdrop-filter:blur(8px)}
.income-rule-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.rule-live{font-size:11px;color:#e8bf55;border:1px solid rgba(232,191,85,.35);border-radius:999px;padding:5px 9px}
.income-rule-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.income-rule-box{background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:14px}
.income-rule-box h3{color:#f1c75b;margin:0 0 10px}.income-rule-box p{margin:7px 0;color:#c9d0da;font-size:13px;line-height:1.45}
.income-rule-special{margin-top:12px;padding:12px 14px;border-radius:12px;background:rgba(218,165,32,.07);border:1px dashed rgba(218,165,32,.3);color:#d8dee8;font-size:12px;line-height:1.6}
.member-rule-mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px}
.member-rule-mini-grid>div{padding:11px 12px;border-radius:12px;background:rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.07)}
.member-rule-mini-grid b{display:block;color:#f1c75b;margin-bottom:5px}.member-rule-mini-grid small{display:block;color:#aeb7c3;line-height:1.5}
.member-rule-note{margin:10px 0 0;color:#aeb7c3;font-size:12px;line-height:1.5}
@media(max-width:760px){.income-rule-grid,.member-rule-mini-grid{grid-template-columns:1fr}.income-rule-head{flex-direction:column;align-items:flex-start}}
/* V9.36 Profile Income Rules Top */
.profile-income-rules-top{margin:14px 0 14px}
.profile-income-rules-top .member-income-rules{margin:0;width:100%;box-sizing:border-box}
/* V9.37 Free Active ID Flow */
.register-id-rule,.member-id-status{margin:14px 0;padding:12px 14px;border:1px solid rgba(218,165,32,.28);border-radius:12px;background:rgba(218,165,32,.06);color:#cfd6df}
.register-id-rule{font-size:12px;line-height:1.55}.register-id-rule b{color:#f1c75b}.register-id-rule p{margin:5px 0}
/* V9.38+ V9.50 Clean embedded ad placements */
.adsterra-global-banner{max-width:100%;margin:22px auto;text-align:center;overflow:hidden}.adsterra-mobile-320{display:none}.adsterra-desktop-728{display:block}.adsterra-zone,.sponsor-zone{text-align:center}.adsterra-zone .muted,.sponsor-zone .muted{opacity:.72}.adsterra-300{width:300px;max-width:100%;margin:16px auto;overflow:hidden}.adsterra-native{max-width:100%;margin:8px auto;overflow:hidden}.adsterra-zone small{display:block;margin-top:8px;opacity:.7}@media(max-width:760px){.adsterra-mobile-320{display:block}.adsterra-desktop-728{display:none}}
.sponsor-zone{padding:24px}.sponsor-zone-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;text-align:left;margin-bottom:18px}.sponsor-zone-head h2{margin:0 0 6px}.sponsor-badge{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;border:1px solid rgba(245,196,81,.24);background:rgba(245,196,81,.08);color:#f5c451;font-weight:800;font-size:12px}.sponsor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:stretch}.sponsor-card{background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.015));border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:18px;text-align:center;min-width:0}.sponsor-card h3{margin:0 0 6px;color:#f5d47e}.sponsor-card p{margin:0 0 14px}.sponsor-card-wide{grid-column:span 1}.sponsor-card-full{grid-column:1/-1}.adcash-display{display:flex;justify-content:center;align-items:center;margin:8px auto;max-width:100%;overflow:hidden}.adcash-display-728{min-height:90px}.adcash-side-wrap{display:none!important}.monetag-direct-zone{margin:0;padding:0;max-width:none;text-align:center;border:0}.monetag-direct-btn{display:inline-flex;justify-content:center;align-items:center;text-decoration:none}@media (max-width:900px){.sponsor-grid{grid-template-columns:1fr}.sponsor-card-wide,.sponsor-card-full{grid-column:auto}}@media (max-width:760px){.adcash-display-728{display:none}}
/* V9.42 Login clean rotating logo */
.auth-brand-logo.auth-brand-logo-spin{
width:150px!important;
height:150px!important;
object-fit:contain!important;
border:0!important;
border-radius:0!important;
background:transparent!important;
box-shadow:none!important;
filter:drop-shadow(0 0 26px rgba(245,196,81,.38))!important;
animation:v98BrandSpin 7s linear infinite!important;
}
@media(max-width:520px){
.auth-brand-logo.auth-brand-logo-spin{width:126px!important;height:126px!important}
}
/* V9.51 Offerwall hub + reward bridge */
.offerwall-hub-card,.gateway-intro-card,.reward-bridge-card{padding:22px}
.offerwall-hub-head,.gateway-intro-head,.reward-bridge-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}
.offerwall-hub-actions{display:flex;gap:10px;flex-wrap:wrap}
.earn-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px}
.earn-category-card{padding:18px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.015));min-width:0}
.earn-category-card h3{margin:10px 0 8px;color:#f6d47d}.earn-category-card p{margin:0;color:#b1bbc7;min-height:54px}
.earn-badge{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:14px;background:rgba(245,196,81,.12);border:1px solid rgba(245,196,81,.22);font-size:22px}
.earn-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.earn-tags span{padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);font-size:12px;color:#d9e0e8}
.offerwall-reward-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px}.offerwall-reward-strip.compact{margin-top:14px}
.reward-stat{padding:14px 16px;border-radius:16px;background:linear-gradient(180deg,rgba(245,196,81,.08),rgba(255,255,255,.02));border:1px solid rgba(245,196,81,.14)}.reward-stat small{display:block;color:#9ca7b4;margin-bottom:6px}.reward-stat b{color:#fff;font-size:16px}
.sponsor-grid{grid-template-columns:1fr 1fr}.sponsor-card{padding:20px}.sponsor-card-full{grid-column:1/-1}
.gateway-balance-box{padding:16px 18px;min-width:260px;border-radius:18px;border:1px solid rgba(245,196,81,.18);background:rgba(245,196,81,.08)}.gateway-balance-box small{display:block;color:#b9c2cf}.gateway-balance-box b{display:block;font-size:28px;color:#fff;margin:6px 0}.gateway-balance-box p{margin:0;color:#d8dfE8}
.reward-bridge-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:16px}.reward-bridge-grid label{display:block;color:#b4bdc8;font-size:12px;font-weight:800}.reward-bridge-grid input,.reward-bridge-grid select{width:100%;margin-top:6px;background:#0b0e13;color:#fff;border:1px solid rgba(245,196,81,.16);border-radius:12px;padding:11px 12px;box-sizing:border-box}.reward-bridge-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.reward-log-box{margin-top:18px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.012));padding:16px}.reward-log-head{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.reward-log-head h3{margin:0}.reward-log-list{display:grid;gap:10px}.reward-log-item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:#10151c;border:1px solid rgba(255,255,255,.06)}.reward-log-item small{display:block;color:#9aa5b2;margin-top:4px}.reward-log-amount{font-weight:900;color:#31d477}.reward-empty{padding:18px;border-radius:14px;background:#10151c;border:1px dashed rgba(255,255,255,.15);color:#aab5c2}
.provider-support{margin:0 0 14px;color:#aab4bf}.gateway-log{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:16px}.health-box{padding:12px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#10151c;display:flex;justify-content:space-between;gap:12px;align-items:center}.health-box .good{color:#31d477}.health-box .warn{color:#f5c451}
@media(max-width:980px){.earn-category-grid,.offerwall-reward-strip,.reward-bridge-grid,.gateway-log{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.earn-category-grid,.offerwall-reward-strip,.reward-bridge-grid,.gateway-log,.sponsor-grid{grid-template-columns:1fr}.gateway-balance-box{width:100%}}
.feed-status-box{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:16px;padding:14px 16px;border-radius:16px;border:1px solid rgba(49,212,119,.18);background:linear-gradient(180deg,rgba(49,212,119,.08),rgba(255,255,255,.02))}.feed-status-box b{display:block;margin-bottom:4px}.feed-status-box small{color:#a8b2be}.feed-chip{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);font-weight:800;font-size:12px;color:#f5d47e}
/* V9.53 Earn Center */
.earn-hero{display:grid;grid-template-columns:1.5fr .7fr;gap:24px;align-items:center;padding:28px;background:radial-gradient(circle at 15% 20%,rgba(245,196,81,.10),transparent 35%),linear-gradient(145deg,#171b24,#0d1016)}.earn-hero h1{font-size:clamp(30px,5vw,54px);margin:8px 0 12px}.earn-hero p{color:#aeb8c4;max-width:760px;line-height:1.7}.earn-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.earn-hero-wallet{padding:22px;border-radius:22px;border:1px solid rgba(245,196,81,.22);background:linear-gradient(180deg,rgba(245,196,81,.10),rgba(255,255,255,.02));text-align:center}.earn-hero-wallet small{color:#aab5c1}.earn-hero-wallet>b{display:block;font-size:34px;margin:8px 0;color:#fff}.earn-mini-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.earn-mini-stats span{padding:10px;border-radius:12px;background:rgba(255,255,255,.04);font-size:12px}.earn-mini-stats strong{display:block;color:#f5d47d;font-size:16px}
.earn-section{margin-top:24px;padding:4px 0}.earn-section-head{display:flex;justify-content:space-between;gap:16px;align-items:end;flex-wrap:wrap;margin-bottom:14px}.earn-section-head h2{margin:6px 0}.earn-provider-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.earn-provider-card{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:18px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.015))}.earn-provider-card.featured{border-color:rgba(245,196,81,.25);box-shadow:0 0 0 1px rgba(245,196,81,.05) inset}.earn-provider-card h3{margin:0 0 6px}.earn-provider-card p{margin:0;color:#9faab6}.earn-provider-logo{width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:16px;background:linear-gradient(135deg,#f5c451,#9a6810);color:#111;font-weight:900}.earn-video-card{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;padding:20px;border-radius:20px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(135deg,rgba(56,168,255,.06),rgba(245,196,81,.04))}.earn-video-icon{width:68px;height:68px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5c451,#d99b19);color:#111;font-size:28px;font-weight:900;box-shadow:0 0 30px rgba(245,196,81,.16)}.earn-video-card h3{margin:0 0 6px}.earn-video-card p{margin:0;color:#9faab6}.earn-nodb-note{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-top:28px;padding:18px 20px;border-color:rgba(245,196,81,.18);background:rgba(245,196,81,.05)}.earn-nodb-note p{margin:6px 0 0;color:#aab4c0;line-height:1.6}
@media(max-width:900px){.earn-hero{grid-template-columns:1fr}.earn-provider-grid{grid-template-columns:1fr}}
@media(max-width:640px){.earn-provider-card,.earn-video-card{grid-template-columns:auto 1fr}.earn-provider-card .btn,.earn-video-card .btn{grid-column:1/-1}.earn-nodb-note{align-items:flex-start;flex-direction:column}}
/* V9.54 Firestore Server status */
.earn-firestore-note{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;border-color:rgba(245,196,81,.18)}
.earn-firestore-note.firestore-connected{border-color:rgba(49,212,119,.34);background:linear-gradient(180deg,rgba(49,212,119,.075),rgba(255,255,255,.018))}
.earn-firestore-note.firestore-connected .sponsor-badge{color:#61e59a;border-color:rgba(49,212,119,.32);background:rgba(49,212,119,.08)}
.earn-firestore-note.firestore-warning{border-color:rgba(245,196,81,.32)}
.firestore-health-box{border-color:rgba(49,212,119,.18)}
/* V9.56 Real Member Identity + Smart Contract Bridge */
.live-auth-note{margin:10px 0 16px;padding:10px 12px;border:1px solid rgba(49,212,119,.25);border-radius:12px;background:rgba(49,212,119,.07);color:#c9f7dc;font-size:12px;font-weight:700}
.live-plan-choice{margin:4px 0 8px}.plan-switch{grid-template-columns:1fr 1fr}.plan-switch label{display:flex;flex-direction:column;gap:3px;align-items:flex-start}.plan-switch small{font-size:10px;color:#9ea7b4}.tiny{font-size:11px}
.live-chain-bridge-card{margin-top:16px;border-color:rgba(49,212,119,.28)!important;background:linear-gradient(145deg,rgba(49,212,119,.055),rgba(245,196,81,.035),rgba(10,12,15,.96))!important}
.chain-readonly-chip{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;border:1px solid rgba(49,212,119,.32);background:rgba(49,212,119,.08);color:#5be49a;font-size:11px;font-weight:900;letter-spacing:.3px}
.live-identity-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0}.live-identity-grid>div{padding:12px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.22);min-width:0}.live-identity-grid .span2{grid-column:1/-1}.live-identity-grid small{display:block;color:#8e99a8;margin-bottom:6px}.live-identity-grid b,.live-identity-grid code{display:block;color:#fff;font-weight:850;overflow-wrap:anywhere}.live-identity-grid code{color:#f5c451;font-size:11px}
.live-wallet-map{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end;margin-top:12px}.live-wallet-map label{display:flex;flex-direction:column;gap:7px;color:#aab3bf;font-size:12px;font-weight:800}.live-wallet-map input{width:100%;padding:13px 14px;border-radius:12px;border:1px solid rgba(245,196,81,.28);background:rgba(0,0,0,.36);color:#fff}.live-wallet-map .actions{display:flex;gap:8px;flex-wrap:wrap}
@media(max-width:700px){.live-identity-grid{grid-template-columns:1fr}.live-identity-grid .span2{grid-column:auto}.live-wallet-map{grid-template-columns:1fr}.plan-switch{grid-template-columns:1fr}}
.verification-box{padding:13px;border:1px solid rgba(49,212,119,.28);border-radius:12px;background:rgba(49,212,119,.06);color:#d9f8e5;text-align:left}.verification-box p{margin:6px 0}.tiny{font-size:11px}.center-text{text-align:center;display:block}.auth-form #registerPhoneVerifyBox,.auth-form #loginPhoneBox{display:grid;gap:12px}.auth-form #registerPhoneVerifyBox[hidden],.auth-form #loginPhoneBox[hidden],.auth-form #loginPhoneOtpField[hidden]{display:none!important}
/* V9.60 real member identity / offerwall mapping */
.earn-identity-card{margin-top:18px;border-color:rgba(245,196,81,.28)}
.earn-identity-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px}
.earn-identity-head h2{margin:4px 0 6px}.earn-identity-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.earn-identity-grid>div{padding:14px 16px;border:1px solid rgba(245,196,81,.16);border-radius:16px;background:rgba(5,9,14,.42);min-width:0}
.earn-identity-grid small{display:block;color:var(--muted);margin-bottom:6px}.earn-identity-grid b{display:block;overflow-wrap:anywhere;color:#f7d67b}
.earn-identity-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.earn-identity-note{margin-top:12px}
.provider-identity-line{margin-top:10px;padding:10px 12px;border:1px solid rgba(47,211,138,.28);border-radius:12px;background:rgba(12,35,27,.38);font-size:13px;color:#a9b6c7;overflow-wrap:anywhere}
.provider-identity-line b{color:#39e59a}
@media(max-width:900px){.earn-identity-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.earn-identity-grid{grid-template-columns:1fr}.earn-identity-head{flex-direction:column}}
/* V9.62 Central Provider + Member Reward Engine */
.health-box{flex-wrap:wrap}.health-box small{flex-basis:100%;color:#8f9aa7;font-size:11px;line-height:1.35}.member-audit-box .btn{margin-left:auto}.provider-state.good{color:#31d477}.provider-state.warn{color:#f5c451}
/* V9.64 — Base Sepolia ON-CHAIN LIVE */
.chain-live-connected .price-live{position:relative}
.chain-live-connected .price-live::after{content:'ON-CHAIN';position:absolute;right:8px;top:7px;font-size:8px;letter-spacing:.7px;color:#58e09a;border:1px solid rgba(88,224,154,.45);border-radius:999px;padding:2px 5px;background:rgba(10,35,25,.72)}
.onchain-live-badge{display:inline-flex;align-items:center;gap:6px;color:#58e09a;border:1px solid rgba(88,224,154,.38);background:rgba(24,81,58,.18);border-radius:999px;padding:6px 10px;font-size:11px;font-weight:900;letter-spacing:.4px}
.onchain-action-panel{margin-top:14px;padding:14px;border:1px solid rgba(245,196,81,.28);background:rgba(255,255,255,.025);border-radius:18px}
.onchain-action-panel h3{margin:0 0 5px;color:#f5c451}.onchain-action-panel .actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.onchain-action-panel .actions .btn{min-width:145px}
.onchain-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:10px}.onchain-step{padding:9px;border-radius:12px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);font-size:11px;color:#9da8b7}.onchain-step b{display:block;color:#fff;margin-bottom:3px}.onchain-step.ok{border-color:rgba(88,224,154,.42);color:#58e09a}.onchain-status-line{margin-top:10px;color:#9da8b7;font-size:12px}.onchain-status-line.good{color:#58e09a}.onchain-status-line.warn{color:#f5c451}.onchain-status-line.bad{color:#ff7284}
@media(max-width:760px){.onchain-steps{grid-template-columns:1fr 1fr}.onchain-action-panel .actions .btn{flex:1 1 45%}}