/* Source: app-bundle-20260822.css */ /* assets/css/base.css */ *{box-sizing:border-box}html{background:#07090c;color-scheme:dark}html,body{margin:0;min-height:100%;background:#07090c;color:#f7f9fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}body{overflow-x:hidden}body.chat-mode{overflow:hidden}a{text-decoration:none;color:inherit}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}input,select{width:100%;outline:none}#app{min-height:100vh;min-height:100dvh}.app-page,.landing-page,.auth-page,.logout-page{width:min(100%,1120px);margin:0 auto}.app-page{width:min(100%,560px);min-height:100vh;min-height:100dvh;padding:14px 14px 96px}.app-page.narrow{width:min(100%,500px)}.landing-page{padding:0 18px 40px}.auth-page,.logout-page{min-height:100vh;min-height:100dvh;padding:18px}.hidden{display:none!important}.muted{color:#8d98a5}.eyebrow{font-size:10px;font-weight:900;letter-spacing:.15em;color:#4ee49a}.row{display:flex;align-items:center;gap:10px}.space{display:flex;align-items:center;justify-content:space-between;gap:12px}.stack{display:grid;gap:12px}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.045em}p{line-height:1.65}.fineprint{display:block;color:#77828e;font-size:10px;line-height:1.55}.success-text{color:#4ee49a!important}.progress{height:8px;background:#20262d;border-radius:999px;overflow:hidden}.progress>i{display:block;height:100%;background:linear-gradient(90deg,#22c877,#58eda1);border-radius:inherit;transition:width .35s ease}.progress.slim{height:4px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:50px;border:0;border-radius:16px;padding:14px 16px;font-weight:900;transition:transform .12s ease,filter .2s ease,box-shadow .2s ease}.btn:hover{filter:brightness(1.03)}.btn:active{transform:translateY(1px)}.btn-small{width:auto;min-height:40px;padding:10px 14px;border-radius:13px;font-size:12px}.btn-primary{background:linear-gradient(135deg,#4be29a,#2ccc7c);color:#06110b;box-shadow:0 12px 32px rgba(50,215,132,.15)}.btn-secondary{background:#151a20;color:#f7f9fb;border:1px solid rgba(255,255,255,.07)}.btn-whatsapp{background:#25d366;color:#06140b}.btn-danger{background:#2a1519;color:#ff9ca6;border:1px solid rgba(255,98,113,.15)}.text-link,.ghost-link{border:0;background:transparent;color:#aab4bf;font-weight:800;cursor:pointer}.text-link:hover,.ghost-link:hover{color:#fff}.toast{position:fixed;left:50%;bottom:88px;transform:translate(-50%,18px);width:min(calc(100% - 28px),480px);background:#142019;border:1px solid rgba(78,228,154,.26);color:#ebfff3;padding:13px 15px;border-radius:15px;opacity:0;pointer-events:none;z-index:1000;transition:.25s ease;box-shadow:0 18px 50px rgba(0,0,0,.45)}.toast.error{background:#211417;border-color:rgba(255,96,110,.25);color:#ffd8dd}.toast.show{opacity:1;transform:translate(-50%,0)}.brand-lockup{display:inline-flex;align-items:center;gap:9px}.brand-mark{width:36px;height:36px;border-radius:12px;background:linear-gradient(135deg,#4ee49a,#1fb86f);display:grid;place-items:center;color:#06110b;font-weight:1000;box-shadow:0 8px 24px rgba(78,228,154,.18)}.brand-copy{display:grid;line-height:1}.brand-copy b{font-size:17px;letter-spacing:-.04em}.brand-copy b span{color:#4ee49a}.brand-copy small{margin-top:4px;font-size:8px;color:#67727e;font-weight:700}.topbar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:4px 0 14px}.brand-topbar{grid-template-columns:1fr auto}.top-title{display:grid;text-align:center;line-height:1}.top-title b{font-size:14px}.top-title small{font-size:8px;color:#697480;margin-top:4px}.top-icon,.chat-back{width:38px;height:38px;border-radius:12px;border:1px solid rgba(255,255,255,.07);background:#12171c;color:#fff;display:grid;place-items:center}.avatar{width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.08);background:#151a20;color:#fff;font-weight:900}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin:22px 2px 12px}.section-head h2{font-size:17px;margin:3px 0 0}.section-head span{font-size:10px;color:#7f8994}.section-head button{border:0;background:transparent;color:#4ee49a;font-weight:800;font-size:11px}.card,.flow-card{background:linear-gradient(180deg,#12161b,#0e1216);border:1px solid rgba(255,255,255,.07);border-radius:24px;box-shadow:0 18px 50px rgba(0,0,0,.25)}.flow-card{padding:22px}.balance-card{background:linear-gradient(145deg,#183327,#10251c 56%,#10171a);border:1px solid rgba(78,228,154,.15);border-radius:24px;padding:19px;box-shadow:0 20px 55px rgba(0,0,0,.26);margin-bottom:12px}.balance-card.compact{padding:16px}.balance-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.balance-top small{font-size:9px;letter-spacing:.12em;color:#8f9c95;font-weight:900}.balance-top strong{display:block;font-size:35px;letter-spacing:-.045em;margin:5px 0 13px}.balance-card.compact strong{font-size:29px}.progress-chip{background:rgba(78,228,154,.1);color:#4ee49a;border:1px solid rgba(78,228,154,.16);padding:7px 9px;border-radius:999px;font-size:11px;font-weight:900}.balance-foot{display:flex;justify-content:space-between;gap:12px;margin-top:9px;color:#748078;font-size:9px}@media(max-width:420px){.landing-page{padding-left:14px;padding-right:14px}.auth-page,.logout-page{padding:14px}.app-page{padding-left:12px;padding-right:12px}.flow-card{padding:18px}.balance-foot{display:grid;gap:3px}} /* assets/css/components.css */ .site-header{display:flex;align-items:center;justify-content:space-between;padding:18px 0;position:relative;z-index:4}.header-actions{display:flex;align-items:center;gap:10px}.landing-hero{min-height:calc(100vh - 86px);display:grid;grid-template-columns:1.12fr .88fr;gap:56px;align-items:center;position:relative}.landing-hero:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(55,224,145,.14),transparent 67%);left:-220px;top:4%;pointer-events:none}.hero-content{position:relative;z-index:2}.hero-content h1{font-size:clamp(46px,6vw,76px);line-height:.94;margin:14px 0 22px;max-width:790px}.hero-content h1 em{font-style:normal;color:#4ee49a}.hero-content>p{max-width:650px;color:#98a3ae;font-size:16px}.hero-actions{display:flex;gap:11px;margin-top:25px;max-width:520px}.hero-actions .btn{width:auto;min-width:210px}.trust-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.trust-row span{font-size:10px;color:#aab4be;background:#10151a;border:1px solid rgba(255,255,255,.06);border-radius:999px;padding:8px 10px}.hero-phone{display:flex;justify-content:center;position:relative;z-index:2}.phone-shell{width:min(100%,330px);border-radius:34px;background:linear-gradient(180deg,#11171c,#0b0f13);border:1px solid rgba(255,255,255,.08);padding:14px;box-shadow:0 40px 90px rgba(0,0,0,.45),0 0 0 8px rgba(255,255,255,.015)}.phone-head{display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;padding:6px 4px 14px}.phone-avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#344a5b,#1d2a35);display:grid;place-items:center;font-weight:900}.phone-head b{display:block;font-size:13px}.phone-head small{color:#75808b;font-size:9px}.online-dot{width:8px;height:8px;border-radius:50%;background:#4ee49a;box-shadow:0 0 0 5px rgba(78,228,154,.08)}.preview-chat{background:#0b0f13;border-radius:24px;padding:16px;min-height:260px;display:flex;flex-direction:column;gap:10px}.preview-bubble{max-width:82%;background:#171d23;border-radius:17px 17px 17px 6px;padding:11px 12px;font-size:11px;line-height:1.5;color:#d6dde4}.preview-bubble.user{align-self:flex-end;background:#45dc90;color:#07110b;border-radius:17px 17px 6px 17px}.preview-earned{align-self:center;color:#4ee49a;background:rgba(78,228,154,.08);font-size:9px;font-weight:900;border-radius:999px;padding:6px 9px}.preview-balance{display:flex;justify-content:space-between;align-items:center;padding:15px 5px 4px}.preview-balance span{font-size:9px;color:#6f7a85}.preview-balance b{font-size:20px;color:#4ee49a}.how-section{padding:78px 0 40px}.how-section>h2{font-size:34px;margin:9px 0 24px}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.how-grid article{background:#0f1419;border:1px solid rgba(255,255,255,.06);border-radius:22px;padding:20px}.how-grid i{font-style:normal;color:#4ee49a;font-size:10px;font-weight:900}.how-grid b{display:block;margin:20px 0 8px;font-size:16px}.how-grid p{color:#7f8994;font-size:11px;margin:0}.site-footer{display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.06);padding:18px 0;color:#6f7a85;font-size:10px}.site-footer a{color:#a8b2bc;cursor:pointer}.auth-top{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;max-width:980px;margin:0 auto 34px}.auth-top .brand-lockup{justify-self:center}.auth-wrap{width:min(100%,980px);margin:0 auto;display:grid;grid-template-columns:1fr 430px;gap:64px;align-items:center;min-height:calc(100dvh - 130px)}.auth-visual h1{font-size:52px;line-height:.98;margin:12px 0 18px}.auth-visual p{color:#8d98a4;max-width:500px}.auth-benefits{display:grid;gap:10px;margin-top:22px;color:#c6ced6;font-size:12px}.auth-card{background:#10151a;border:1px solid rgba(255,255,255,.07);border-radius:27px;padding:24px;box-shadow:0 30px 80px rgba(0,0,0,.34)}.auth-card-head h2{font-size:26px;margin:8px 0 5px}.auth-card-head p{color:#7f8994;font-size:12px;margin-bottom:20px}.form-stack{display:grid;gap:13px}.form-stack label{display:grid;gap:7px;color:#aab3bd;font-size:11px;font-weight:800}.form-stack input,.form-stack select{padding:14px 15px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#0a0e12;color:#fff;transition:border .2s,box-shadow .2s}.form-stack input:focus,.form-stack select:focus{border-color:rgba(78,228,154,.5);box-shadow:0 0 0 3px rgba(78,228,154,.07)}.password-field{display:grid;grid-template-columns:1fr auto;align-items:center;background:#0a0e12;border:1px solid rgba(255,255,255,.08);border-radius:14px}.password-field input{border:0;background:transparent;box-shadow:none!important}.password-field button{border:0;background:transparent;color:#7f8a95;padding:0 13px;font-size:10px;font-weight:800}.check-row{display:flex!important;align-items:flex-start;gap:9px;font-weight:600!important;line-height:1.45;color:#77828d!important}.check-row input{width:17px;height:17px;flex:0 0 17px;padding:0;margin:1px 0 0}.check-row.compact{align-items:center}.form-inline{display:flex;justify-content:space-between;align-items:center;gap:10px}.form-inline .text-link{font-size:10px}.auth-switch{text-align:center;color:#75808b;font-size:11px;margin-top:16px}.auth-switch a{color:#4ee49a;font-weight:900;cursor:pointer}.demo-note{margin-top:14px;padding:11px 12px;border-radius:13px;background:#141912;color:#9aa690;font-size:9px;line-height:1.5}.logout-page{display:grid;place-items:center}.logout-card{width:min(100%,420px);background:#10151a;border:1px solid rgba(255,255,255,.07);border-radius:26px;padding:25px}.logout-icon{width:50px;height:50px;border-radius:16px;background:#1d1417;color:#ff8c99;display:grid;place-items:center;margin-bottom:16px}.logout-card h1{font-size:30px;margin:8px 0}.logout-card p{color:#828d98;font-size:12px}.logout-user{display:flex;align-items:center;gap:10px;background:#0b0f13;border-radius:16px;padding:12px;margin:18px 0}.logout-user b,.logout-user small{display:block}.logout-user small{color:#727d88;font-size:9px}.logout-card .btn+.btn{margin-top:8px}.profile-avatar.mini{width:38px;height:38px;margin:0;font-size:14px}.chat-app{height:100vh;height:100dvh;max-width:720px;margin:0 auto;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;background:#0a0e12;overflow:hidden;position:relative}.chat-top{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.06);background:rgba(9,13,17,.98);z-index:4}.chat-person{display:flex;align-items:center;gap:9px;min-width:0}.partner-avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#35485a,#1f2d38);font-weight:950;position:relative;flex:0 0 40px}.partner-avatar i{position:absolute;width:10px;height:10px;border-radius:50%;background:#4ee49a;border:2px solid #0b0f13;right:0;bottom:0}.chat-person b{display:block;font-size:13px}.chat-person small{display:block;color:#79848f;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-wallet{text-align:right}.chat-wallet small{display:block;color:#6f7a85;font-size:8px}.chat-wallet b{display:block;color:#4ee49a;font-size:13px;margin-top:2px}.chat-progress{padding:9px 13px;background:#0d1216;border-bottom:1px solid rgba(255,255,255,.04)}.chat-progress>div:first-child{display:flex;justify-content:space-between;gap:12px;margin-bottom:6px}.chat-progress span{font-size:8px;font-weight:900;letter-spacing:.1em;color:#75808b}.chat-progress b{font-size:9px;color:#c5cdd5}.chat-messages{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:16px 12px 22px;display:flex;flex-direction:column;gap:9px;scroll-behavior:smooth;background:radial-gradient(circle at 50% 0,rgba(78,228,154,.035),transparent 38%)}.message-row{display:flex;gap:7px;align-items:flex-end;transition:opacity .25s,transform .25s}.message-row.user-row{justify-content:flex-end}.message-enter{opacity:0;transform:translateY(8px)}.mini-avatar{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#18232c;color:#dce3e9;font-size:9px;font-weight:900;flex:0 0 25px}.message-bubble{max-width:min(78%,470px);padding:11px 12px;border-radius:18px;font-size:12px;line-height:1.5;word-break:break-word}.ai-bubble{background:#171d23;color:#dce2e8;border-radius:18px 18px 18px 6px;border:1px solid rgba(255,255,255,.025)}.ai-bubble small{display:block;text-align:right;color:#5f6a75;font-size:7px;margin-top:6px}.user-bubble{background:linear-gradient(135deg,#47df93,#2ccd7d);color:#06110b;border-radius:18px 18px 6px 18px}.earning-event{align-self:center;display:flex;align-items:center;gap:6px;background:rgba(78,228,154,.08);color:#4ee49a;border:1px solid rgba(78,228,154,.08);padding:6px 9px;border-radius:999px;font-size:9px}.earning-event span{width:15px;height:15px;border-radius:50%;background:#4ee49a;color:#06110b;display:grid;place-items:center;font-size:8px}.system-event{align-self:center;color:#6f7a84;font-size:8px;text-align:center;padding:5px 8px}.typing-row .ai-bubble{width:50px;display:flex;gap:4px}.typing i{width:6px;height:6px;background:#71808d;border-radius:50%;animation:typingDot 1.1s infinite}.typing i:nth-child(2){animation-delay:.14s}.typing i:nth-child(3){animation-delay:.28s}@keyframes typingDot{0%,60%,100%{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.chat-composer{padding:8px 10px max(8px,env(safe-area-inset-bottom));border-top:1px solid rgba(255,255,255,.06);background:#0b0f13}.composer-hint{display:flex;justify-content:space-between;padding:0 4px 6px;color:#6f7a85;font-size:8px}.composer-hint b{color:#4ee49a}.composer-row{display:grid;grid-template-columns:1fr 46px;gap:8px}.composer-row input{background:#141a20;border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:13px 14px;color:#fff}.send-btn{width:46px;height:46px;border:0;border-radius:16px;background:linear-gradient(135deg,#49e098,#2dcd7e);color:#06110b;font-weight:1000;display:grid;place-items:center}.chat-unlock{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:12px;border-top:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,#0f1712,#0b0f0d)}.chat-unlock>div{display:grid;gap:3px}.chat-unlock b{font-size:11px}.chat-unlock small{font-size:8px;color:#7b887f}.chat-unlock .btn{width:auto;min-height:44px;font-size:10px}.flow-card{margin-top:6px}.flow-card h1{font-size:30px;line-height:1.04;margin:10px 0}.flow-card>p{color:#8994a0;font-size:12px}.flow-badge,.return-symbol,.success-ring,.lock-symbol,.kyc-symbol{width:50px;height:50px;border-radius:16px;background:rgba(78,228,154,.09);color:#4ee49a;display:grid;place-items:center;font-weight:950;margin-bottom:15px}.success-ring{border-radius:50%;font-size:18px}.carrier-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.carrier{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;text-align:left;background:#11171c;border:1px solid rgba(255,255,255,.07);border-radius:18px;padding:14px;color:#fff}.carrier.selected{background:#122019;border-color:rgba(78,228,154,.52);box-shadow:0 0 0 3px rgba(78,228,154,.06)}.carrier-logo{width:37px;height:37px;border-radius:12px;background:#ffd500;color:#111;display:grid;place-items:center;font-weight:1000}.carrier-logo.c1{background:#e92535;color:#fff}.carrier-logo.c2{background:#54b947;color:#fff}.carrier-logo.c3{background:#66b63d;color:#fff}.carrier b,.carrier small{display:block}.carrier small{font-size:8px;color:#707b86;margin-top:3px}.carrier i{font-style:normal;color:#4ee49a}.carrier-card .btn+.btn,.activity-ready .btn+.btn,.return-card .btn+.btn,.share-card .btn+.btn{margin-top:8px}.reward-display{display:grid;gap:3px;background:#0c1210;border:1px solid rgba(78,228,154,.1);border-radius:18px;padding:14px;margin:14px 0}.reward-display small{color:#748078;font-size:8px;font-weight:900;letter-spacing:.1em}.reward-display b{font-size:34px;color:#4ee49a;letter-spacing:-.04em}.instruction-list{display:grid;gap:8px;margin:16px 0}.instruction-list>div{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;background:#0b1014;border-radius:14px;padding:11px}.instruction-list i{width:25px;height:25px;border-radius:8px;background:#17221c;color:#4ee49a;display:grid;place-items:center;font-style:normal;font-size:9px;font-weight:900}.instruction-list b,.instruction-list small{display:block}.instruction-list b{font-size:10px}.instruction-list small{color:#74808b;font-size:8px;line-height:1.45;margin-top:3px}.activity-status{display:flex;justify-content:space-between;gap:10px;align-items:center;background:#0b1014;border-radius:14px;padding:12px;margin:15px 0;font-size:10px}.activity-status span{color:#78838e}.activity-status span i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#4ee49a;margin-right:5px}.activity-status b{color:#d0d7de}.share-meter{background:#0b1014;border-radius:16px;padding:13px;margin:16px 0}.share-meter>div:first-child{display:flex;justify-content:space-between;margin-bottom:8px;font-size:9px;color:#79858f}.share-meter b{color:#d6dde3}.page-intro{padding:8px 2px 14px}.page-intro h1{font-size:30px;margin:6px 0}.page-intro p{font-size:11px;color:#7e8994}.welcome-block{padding:9px 2px 14px}.welcome-block span{color:#74808b;font-size:10px}.welcome-block h1{font-size:30px;margin:2px 0 4px}.welcome-block p{font-size:10px;color:#76818c;margin:0}.quick-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:12px}.quick-actions button{background:#10151a;border:1px solid rgba(255,255,255,.06);border-radius:18px;padding:14px;color:#fff;text-align:left}.quick-actions i{width:30px;height:30px;border-radius:10px;background:#17231d;color:#4ee49a;display:grid;place-items:center;font-style:normal}.quick-actions b,.quick-actions span{display:block}.quick-actions b{font-size:11px;margin-top:11px}.quick-actions span{font-size:8px;color:#707b86;margin-top:3px;line-height:1.4}.next-action{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#11171c;border:1px solid rgba(255,255,255,.06);border-radius:19px;padding:15px;color:#fff;text-align:left}.next-action b,.next-action span{display:block}.next-action b{font-size:12px}.next-action span{font-size:8px;color:#73808a;margin-top:4px}.next-action i{width:39px;height:39px;border-radius:50%;background:#4ee49a;color:#06110b;display:grid;place-items:center;font-style:normal}.transaction-list{display:grid;gap:8px}.transaction{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;background:#10151a;border:1px solid rgba(255,255,255,.04);border-radius:16px;padding:12px}.tx-icon{width:31px;height:31px;border-radius:10px;display:grid;place-items:center;font-weight:900}.tx-icon.credit{background:rgba(78,228,154,.08);color:#4ee49a}.tx-icon.debit{background:rgba(255,93,105,.08);color:#ff7582}.transaction b,.transaction small{display:block}.transaction b{font-size:10px}.transaction small{font-size:8px;color:#68747f;margin-top:3px}.transaction strong{font-size:10px}.transaction strong.credit{color:#4ee49a}.transaction strong.debit{color:#ff7582}.empty-state{padding:18px;border-radius:16px;background:#0e1317;color:#6f7a84;text-align:center;font-size:10px}.task-list{display:grid;gap:10px}.task-card{background:#10151a;border:1px solid rgba(255,255,255,.06);border-radius:20px;padding:16px}.task-card.done{opacity:.65}.task-card-top{display:flex;justify-content:space-between;align-items:center}.task-card-top>b{color:#4ee49a;font-size:15px}.task-badge{font-size:8px;letter-spacing:.11em;color:#4ee49a;font-weight:900}.task-card h3{font-size:16px;margin:8px 0 6px}.task-card p{font-size:10px;color:#78838e}.task-meta{display:flex;justify-content:space-between;gap:10px;color:#89949f;font-size:8px;margin:12px 0}.wallet-stats{display:grid;grid-template-columns:1fr 1fr;gap:9px}.wallet-stats article{background:#10151a;border:1px solid rgba(255,255,255,.05);border-radius:17px;padding:14px}.wallet-stats small,.wallet-stats b{display:block}.wallet-stats small{font-size:7px;letter-spacing:.09em;color:#6e7984;font-weight:900}.wallet-stats b{font-size:15px;margin-top:6px}.locked-withdraw{text-align:left}.locked-withdraw .lock-symbol{font-size:20px}.kyc-summary{display:flex;justify-content:space-between;background:#0b1014;border-radius:14px;padding:12px;margin:15px 0;font-size:10px}.kyc-summary span{color:#75808b}.review-list{display:grid;gap:2px;margin:16px 0}.review-list>div{display:flex;justify-content:space-between;gap:10px;background:#0b1014;padding:11px}.review-list>div:first-child{border-radius:14px 14px 0 0}.review-list>div:last-child{border-radius:0 0 14px 14px}.review-list span{color:#74808b;font-size:9px}.review-list b{font-size:9px}.pending-card{text-align:left}.profile-card{text-align:center;padding:25px 0 18px}.profile-avatar{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#4ee49a,#219961);display:grid;place-items:center;margin:0 auto 12px;color:#06110b;font-size:26px;font-weight:1000}.profile-card h1{font-size:24px;margin:0 0 4px}.profile-card>span{font-size:9px;color:#74808b}.profile-status{display:inline-flex;align-items:center;gap:6px;margin-top:10px;background:#101a14;color:#8ddab2;border-radius:999px;padding:6px 9px;font-size:8px}.profile-status i{width:6px;height:6px;border-radius:50%;background:#4ee49a}.settings-list{display:grid;gap:8px}.settings-list button{display:flex;align-items:center;justify-content:space-between;width:100%;background:#10151a;border:1px solid rgba(255,255,255,.05);border-radius:16px;color:#fff;padding:14px;text-align:left}.settings-list span{font-size:10px}.settings-list b{font-size:9px;color:#7e8994}.settings-list .logout-row{color:#ff8e9a}.bottom-nav{position:fixed;z-index:50;left:50%;bottom:0;transform:translateX(-50%);width:min(100%,560px);display:grid;grid-template-columns:repeat(5,1fr);background:rgba(7,9,12,.95);backdrop-filter:blur(18px);border-top:1px solid rgba(255,255,255,.06);padding:7px 8px max(7px,env(safe-area-inset-bottom))}.bottom-nav button{background:transparent;border:0;color:#6f7a85;padding:6px 3px;display:grid;gap:2px;place-items:center}.bottom-nav i{font-style:normal;font-size:17px}.bottom-nav span{font-size:8px;font-weight:850}.bottom-nav button.active{color:#4ee49a}@media(max-width:760px){.site-header{padding:14px 0}.header-actions .text-link{display:none}.landing-hero{min-height:auto;grid-template-columns:1fr;gap:28px;padding:50px 0 30px}.hero-content h1{font-size:45px}.hero-content>p{font-size:13px}.hero-actions{display:grid;max-width:none}.hero-actions .btn{width:100%;min-width:0}.hero-phone{padding:0 12px}.how-section{padding-top:48px}.how-section>h2{font-size:26px}.how-grid{grid-template-columns:1fr}.auth-top{margin-bottom:18px}.auth-wrap{grid-template-columns:1fr;gap:20px;min-height:auto}.auth-visual{padding:18px 2px 0}.auth-visual h1{font-size:38px}.auth-visual p,.auth-benefits{font-size:11px}.auth-card{padding:19px}.chat-unlock{grid-template-columns:1fr}.chat-unlock .btn{width:100%}.quick-actions{grid-template-columns:1fr 1fr}.quick-actions button:last-child{grid-column:1/-1}.carrier-grid{grid-template-columns:1fr 1fr}}@media(max-width:390px){.hero-content h1{font-size:39px}.phone-shell{max-width:310px}.carrier-grid{grid-template-columns:1fr}.chat-wallet small{display:none}.chat-wallet b{font-size:11px}.message-bubble{max-width:84%;font-size:11px}.auth-card{border-radius:22px}.wallet-stats{grid-template-columns:1fr 1fr}} /* Product-completion states */ .app-boot{min-height:100svh;display:grid;place-content:center;justify-items:center;gap:18px;padding:28px;text-align:center;background:radial-gradient(circle at 50% 35%,rgba(102,117,255,.18),transparent 34%),#070910;color:#f7f8ff} .app-boot-mark{width:72px;height:72px;border-radius:24px;overflow:hidden;box-shadow:0 18px 50px rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.12)} .app-boot-mark img{width:100%;height:100%;object-fit:cover}.app-boot>div:nth-child(2){display:grid;gap:6px}.app-boot b{font-size:24px}.app-boot span{color:#9aa3b8} .app-boot>i{width:44px;height:4px;border-radius:99px;background:linear-gradient(90deg,#6675ff 0 35%,rgba(255,255,255,.12) 35%);background-size:180% 100%;animation:ceBoot 1.1s ease-in-out infinite} @keyframes ceBoot{50%{background-position:-80% 0}} .site-footer{max-width:1180px;margin:0 auto;padding:28px 24px 38px;display:flex;align-items:center;justify-content:space-between;gap:18px;color:#8f98ad;border-top:1px solid rgba(255,255,255,.08)} .site-footer nav{display:flex;gap:18px;flex-wrap:wrap}.site-footer a{color:#c9cede;text-decoration:none}.site-footer a:hover{text-decoration:underline} .legal-page{min-height:100svh;padding:24px}.legal-shell{max-width:760px;margin:0 auto}.legal-card{margin-top:28px;padding:clamp(24px,5vw,48px);border:1px solid rgba(255,255,255,.1);border-radius:28px;background:#0d111b;box-shadow:0 24px 80px rgba(0,0,0,.25)} .legal-card h1{margin:8px 0 14px;font-size:clamp(32px,7vw,52px)}.legal-card h2{margin:28px 0 8px;font-size:20px}.legal-card p,.legal-card li{color:#aeb6c8;line-height:1.75}.legal-card a{color:#8d98ff} .task-card.is-locked{opacity:.78}.task-card.is-locked .btn{background:#171d2a!important;color:#aeb6c8!important;border:1px solid rgba(255,255,255,.1)} .task-lock-note{display:flex;align-items:center;gap:8px;margin:12px 0;color:#c9cede;font-size:13px}.task-lock-note:before{content:"🔒";font-size:14px} .kyc-reason{margin:18px 0;padding:16px;border-radius:16px;border:1px solid rgba(255,92,112,.28);background:rgba(255,92,112,.08)}.kyc-reason small{display:block;color:#ff9eaa;font-weight:800;margin-bottom:6px}.kyc-reason p{margin:0;color:#f4d9dd} @media(max-width:640px){.site-footer{align-items:flex-start;flex-direction:column;padding:24px 18px 100px}.legal-page{padding:16px}.legal-card{margin-top:18px;border-radius:22px;padding:22px}.app-boot{padding-bottom:15vh}} /* assets/css/experience.css */ /* Consolidated ChatEarn experience layer: action-first, compact, mobile-first */ :root{ --x-bg:#070910;--x-panel:#0f1320;--x-panel2:#121827;--x-white:#fff;--x-muted:#8f98ab; --x-line:rgba(255,255,255,.08);--x-violet:#6f67ff;--x-blue:#4f9cff;--x-cyan:#21d4ee;--x-green:#2fd47f; --x-grad:linear-gradient(135deg,var(--x-violet),var(--x-blue) 58%,var(--x-cyan)); } html,body{background:var(--x-bg)!important;color:var(--x-white)!important} body{background-image:radial-gradient(circle at 12% 0,rgba(111,103,255,.13),transparent 26%),radial-gradient(circle at 90% 18%,rgba(33,212,238,.07),transparent 24%)!important;background-attachment:fixed;-webkit-tap-highlight-color:transparent} input,select{font-size:16px!important}.eyebrow,.text-link,.auth-switch a,.section-head button{color:#9a95ff!important}.brand-mark,.btn-primary,.send-btn,.circle-go{background:var(--x-grad)!important;color:#fff!important;box-shadow:0 10px 28px rgba(111,103,255,.22)!important}.brand-copy b span{color:#9a95ff!important}.btn-secondary{background:#151a28!important;border-color:var(--x-line)!important;color:#fff!important}.progress>i{background:var(--x-grad)!important}.progress-chip{background:rgba(111,103,255,.13)!important;color:#c8c5ff!important;border-color:rgba(111,103,255,.22)!important}.balance-card{background:linear-gradient(145deg,#18182e,#101725 56%,#0d1420)!important;border-color:rgba(111,103,255,.24)!important;box-shadow:0 20px 55px rgba(0,0,0,.28)!important}.balance-top strong,.chat-wallet b,.reward-display b,.task-reward,.preview-balance b{color:#fff!important}.auth-card,.flow-card,.task-card,.next-action,.transaction,.wallet-stats article,.quick-actions button,.profile-card,.settings-list button{background:linear-gradient(180deg,#111624,#0c111c)!important;border-color:var(--x-line)!important} /* CTA hierarchy */ .btn{min-height:48px!important;border-radius:15px!important;font-weight:900!important}.primary-cta{position:relative;z-index:3}.flow-card .primary-cta{margin:12px 0 8px!important}.cta-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.cta-row .btn{margin:0!important}.action-chip{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:8px 11px;border:1px solid var(--x-line);border-radius:999px;background:#121827;color:#d7dcea;font-size:10px;font-weight:800} /* Signup/login: form first on phones so CTA is visible early */ .auth-benefits{display:flex!important;flex-wrap:wrap!important;gap:7px!important}.auth-benefits span,.trust-row span{display:inline-flex!important;align-items:center;min-height:32px;padding:7px 10px!important;border:1px solid var(--x-line)!important;border-radius:999px!important;background:#121827!important;color:#d0d6e2!important;font-size:10px!important}.form-stack{gap:11px!important}.auth-card{padding:20px!important}.auth-card-head p{margin-bottom:14px!important}.form-stack input,.form-stack select,.password-field{background:#090d16!important;border-color:rgba(255,255,255,.1)!important}.form-stack input:focus,.form-stack select:focus{border-color:rgba(111,103,255,.65)!important;box-shadow:0 0 0 3px rgba(111,103,255,.1)!important} /* Flow pages: remove giant balance block from top and replace with compact balance pill */ .flow-balance-pill{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 10px;padding:10px 12px;border:1px solid rgba(111,103,255,.18);border-radius:14px;background:linear-gradient(135deg,rgba(111,103,255,.12),rgba(33,212,238,.05));font-size:10px;color:#aab3c5}.flow-balance-pill b{font-size:14px;color:#fff}.flow-card{padding:18px!important;margin-top:4px!important}.flow-card h1{font-size:clamp(25px,7vw,36px)!important;line-height:1.03!important;margin:7px 0 8px!important}.flow-card>p{font-size:11px!important;line-height:1.45!important;margin:0 0 10px!important;color:#98a2b3!important}.reward-display{margin:10px 0!important;padding:12px 13px!important;border-radius:16px!important;background:linear-gradient(135deg,rgba(111,103,255,.15),rgba(33,212,238,.06))!important;border-color:rgba(111,103,255,.2)!important}.reward-display small{font-size:8px!important}.reward-display b{font-size:31px!important}.flow-badge,.return-symbol,.success-ring,.lock-symbol,.kyc-symbol{width:42px!important;height:42px!important;margin-bottom:10px!important;background:rgba(111,103,255,.13)!important;color:#c1bdff!important}.success-ring{background:rgba(47,212,127,.12)!important;color:#55e59c!important} /* Network selection */ .carrier-grid{gap:8px!important;margin:12px 0!important}.carrier{padding:12px!important;border-radius:16px!important;background:#111725!important}.carrier.selected{background:rgba(111,103,255,.12)!important;border-color:rgba(111,103,255,.6)!important;box-shadow:0 0 0 3px rgba(111,103,255,.06)!important}.carrier i{color:#b8b4ff!important}.carrier-logo{width:34px!important;height:34px!important;border-radius:11px!important} /* Task details: CTA above instructions */ .activity-ready .instruction-list{margin:12px 0 0!important}.instruction-list{gap:7px!important}.instruction-list>div{min-height:50px!important;padding:10px!important;border:1px solid var(--x-line)!important;background:#0f1521!important;border-radius:14px!important}.instruction-list i{background:var(--x-grad)!important;color:#fff!important}.instruction-list b{font-size:11px!important}.instruction-list small{font-size:8px!important;line-height:1.35!important}.activity-ready .btn-secondary{margin-top:8px!important} /* Return/share */ .activity-status,.share-meter{background:#0d1320!important;border:1px solid var(--x-line)!important;border-radius:15px!important}.share-card .btn-whatsapp{background:#25d366!important;color:#06140b!important}.share-card h1{font-size:clamp(28px,8vw,40px)!important}.share-card .fineprint{display:none!important} /* Dashboard */ .dashboard-balance-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.dashboard-balance-actions .btn{min-height:44px!important;padding:10px 12px!important}.dashboard-boost{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;margin:10px 0 13px;padding:14px;border-radius:18px;background:linear-gradient(135deg,rgba(111,103,255,.17),rgba(33,212,238,.07));border:1px solid rgba(111,103,255,.2)}.dashboard-boost span{display:block;font-size:8px;letter-spacing:.12em;color:#aca8ff;font-weight:900}.dashboard-boost b{display:block;margin-top:3px;font-size:15px}.dashboard-boost button{border:0;border-radius:12px;background:#fff;color:#0a1020;padding:10px 12px;font-weight:900}.quick-actions{grid-template-columns:repeat(3,1fr)!important;gap:8px!important}.quick-actions button{min-height:98px!important;padding:12px!important;border-radius:17px!important}.quick-actions i{background:rgba(111,103,255,.13)!important;color:#c0bcff!important}.next-action{background:linear-gradient(135deg,#17172e,#101a2b)!important;border-color:rgba(111,103,255,.18)!important}.dashboard-primary{display:grid;grid-template-columns:1.35fr .65fr;gap:8px;margin:12px 0}.dashboard-primary button{border:1px solid var(--x-line);border-radius:17px;padding:14px;text-align:left;color:#fff;background:#111725}.dashboard-primary button:first-child{background:var(--x-grad);border-color:transparent}.dashboard-primary b{display:block;font-size:14px}.dashboard-primary span{display:block;margin-top:3px;font-size:9px;color:rgba(255,255,255,.72)} /* Bottom nav and chat */ .bottom-nav{box-shadow:0 -16px 40px rgba(0,0,0,.22)!important}.bottom-nav button{min-height:48px!important;border-radius:12px!important}.bottom-nav button.active{background:rgba(111,103,255,.08)!important;color:#b7b3ff!important}.chat-app{height:100dvh!important;max-height:100dvh!important;overflow:hidden!important;background:#080c14!important}.chat-top,.chat-progress,#chat-footer{background:#090e17!important}.chat-messages{min-height:0!important;overflow-y:auto!important;background:radial-gradient(circle at 50% 0,rgba(111,103,255,.06),transparent 40%)!important}.user-bubble{background:linear-gradient(135deg,var(--x-violet),var(--x-blue))!important;color:#fff!important}.earning-event{background:rgba(111,103,255,.12)!important;color:#cbc8ff!important;border-color:rgba(111,103,255,.16)!important}.earning-event span{background:var(--x-violet)!important;color:#fff!important}.partner-avatar,.mini-avatar{background:linear-gradient(135deg,#343b66,#1e2944)!important}.message-enter{animation:xMessage .28s cubic-bezier(.22,.8,.3,1) both!important}@keyframes xMessage{from{opacity:0;transform:translateY(7px) scale(.985)}to{opacity:1;transform:none}} /* Modal */ .product-modal-backdrop{position:fixed;inset:0;z-index:5000;display:grid;place-items:end center;background:rgba(2,5,12,.68);backdrop-filter:blur(8px);padding:12px}.product-modal{width:min(100%,500px);background:linear-gradient(180deg,#151a2a,#0d1220);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:18px;box-shadow:0 30px 100px rgba(0,0,0,.55)}.product-modal .modal-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:rgba(111,103,255,.14);color:#c6c2ff;font-weight:900}.product-modal h2{font-size:23px;margin:10px 0 5px}.product-modal p{font-size:11px;color:#9ba4b6;margin-bottom:12px}.product-modal .modal-stat{display:flex;justify-content:space-between;align-items:center;padding:11px 12px;border-radius:13px;background:#0b101b;margin-bottom:10px}.product-modal .btn+.btn{margin-top:7px} @media(max-width:520px){ .auth-wrap{display:flex!important;flex-direction:column!important;gap:12px!important;padding-bottom:24px!important}.auth-card{order:1;width:100%!important}.auth-visual{order:2;width:100%!important;padding:0 4px!important}.auth-visual .eyebrow,.auth-visual h1{display:none!important}.auth-visual p{font-size:10px!important;margin:0 0 7px!important}.auth-benefits{margin-top:0!important}.auth-benefits span{font-size:9px!important;min-height:29px!important}.auth-top{margin-bottom:14px!important}.auth-card-head h2{font-size:24px!important;margin-bottom:3px!important}.auth-card-head p{font-size:10px!important}.flow-card{padding:16px!important}.app-page.narrow>.balance-card.compact{display:none!important}.quick-actions{grid-template-columns:1fr 1fr!important}.quick-actions button:last-child{grid-column:1/-1}.dashboard-boost{grid-template-columns:1fr auto}.dashboard-primary{grid-template-columns:1fr 1fr}.landing-hero{padding-top:24px!important}.hero-content h1{font-size:38px!important}.hero-actions{display:grid!important;grid-template-columns:1fr!important}.hero-actions .btn{width:100%!important}.site-header{padding-top:max(10px,env(safe-area-inset-top))!important}.chat-top{padding-top:max(8px,env(safe-area-inset-top))!important}.chat-composer{padding-bottom:max(8px,env(safe-area-inset-bottom))!important}.instruction-list>div{min-height:48px!important}} @media(max-width:380px){.dashboard-primary,.dashboard-balance-actions{grid-template-columns:1fr}.quick-actions{grid-template-columns:1fr!important}.quick-actions button:last-child{grid-column:auto}} /* assets/css/network-task.css */ /* Network colors + network earning task guide */ .carrier[data-network="MTN"]{border-color:rgba(255,204,0,.22)!important}.carrier[data-network="MTN"] .carrier-logo{background:#ffcc00!important;color:#111!important}.carrier[data-network="MTN"].selected{background:rgba(255,204,0,.12)!important;border-color:#ffcc00!important;box-shadow:0 0 0 3px rgba(255,204,0,.07)!important}.carrier[data-network="MTN"].selected i{color:#ffcc00!important} .carrier[data-network="Airtel"]{border-color:rgba(237,28,36,.2)!important}.carrier[data-network="Airtel"] .carrier-logo{background:#ed1c24!important;color:#fff!important}.carrier[data-network="Airtel"].selected{background:rgba(237,28,36,.1)!important;border-color:#ed1c24!important;box-shadow:0 0 0 3px rgba(237,28,36,.06)!important}.carrier[data-network="Airtel"].selected i{color:#ff6d73!important} .carrier[data-network="Glo"]{border-color:rgba(78,181,72,.2)!important}.carrier[data-network="Glo"] .carrier-logo{background:#4eb548!important;color:#fff!important}.carrier[data-network="Glo"].selected{background:rgba(78,181,72,.1)!important;border-color:#4eb548!important;box-shadow:0 0 0 3px rgba(78,181,72,.06)!important}.carrier[data-network="Glo"].selected i{color:#75df70!important} .network-task-guide{z-index:7000!important}.network-task-sheet{position:relative;width:min(100%,520px);max-height:min(88dvh,760px);overflow-y:auto;background:linear-gradient(180deg,#151a2a,#0c111c);border:1px solid rgba(255,255,255,.1);border-radius:26px;padding:18px;box-shadow:0 30px 100px rgba(0,0,0,.58);animation:taskUp .24s ease-out both}.sheet-close{position:absolute;top:12px;right:12px;width:34px;height:34px;border:1px solid rgba(255,255,255,.08);border-radius:11px;background:#0c111b;color:#fff;font-size:21px;line-height:1}.plan-confirm{display:flex;align-items:center;gap:11px;padding:13px 42px 13px 13px;border:1px solid rgba(255,255,255,.08);border-radius:17px;background:#101625}.plan-confirm>span{font-size:22px}.plan-confirm small,.must-task>span,.eligibility-step small{display:block;font-size:8px;letter-spacing:.12em;font-weight:900;color:#9ca6b7}.plan-confirm b{display:block;margin-top:3px;font-size:13px;line-height:1.35}.sheet-balance{display:flex;justify-content:space-between;align-items:center;margin:10px 0;padding:11px 13px;border-radius:14px;background:linear-gradient(135deg,rgba(111,103,255,.12),rgba(33,212,238,.05));border:1px solid rgba(111,103,255,.16)}.sheet-balance span{font-size:10px;color:#aab3c5}.sheet-balance b{font-size:18px}.must-task{padding:9px 1px 5px}.must-task>span{color:#b9b5ff}.must-task h2{font-size:23px;line-height:1.05;margin:4px 0 6px}.eligibility-step{display:grid;grid-template-columns:auto 1fr;gap:11px;align-items:start;margin-top:9px;padding:13px;border:1px solid rgba(255,255,255,.08);border-radius:17px;background:#0f1521}.eligibility-step.active{border-color:rgba(111,103,255,.32);background:linear-gradient(135deg,rgba(111,103,255,.12),rgba(33,212,238,.04))}.eligibility-step>i{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,#6f67ff,#21d4ee);color:#fff;font-style:normal;font-size:11px;font-weight:900}.eligibility-step b{display:block;margin:2px 0 4px;font-size:13px}.eligibility-step p{margin:0;color:#98a2b3;font-size:10px;line-height:1.45}.network-task-continue{margin-top:12px!important;width:100%} .network-mtn .plan-confirm{border-color:rgba(255,204,0,.25);background:linear-gradient(135deg,rgba(255,204,0,.12),rgba(255,204,0,.03))}.network-mtn .network-task-continue{background:linear-gradient(135deg,#ffcc00,#f4b700)!important;color:#141414!important;box-shadow:0 12px 30px rgba(255,204,0,.16)!important}.network-airtel .plan-confirm{border-color:rgba(237,28,36,.24);background:linear-gradient(135deg,rgba(237,28,36,.12),rgba(237,28,36,.03))}.network-airtel .network-task-continue{background:linear-gradient(135deg,#ed1c24,#ff5a62)!important;color:#fff!important;box-shadow:0 12px 30px rgba(237,28,36,.16)!important}.network-glo .plan-confirm{border-color:rgba(78,181,72,.24);background:linear-gradient(135deg,rgba(78,181,72,.12),rgba(78,181,72,.03))}.network-glo .network-task-continue{background:linear-gradient(135deg,#4eb548,#2fd47f)!important;color:#fff!important;box-shadow:0 12px 30px rgba(78,181,72,.16)!important} @keyframes taskUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}} @media(max-width:520px){.network-task-guide{padding:10px!important}.network-task-sheet{border-radius:24px 24px 18px 18px;padding:15px;max-height:90dvh}.must-task h2{font-size:21px}.eligibility-step{padding:12px}.network-task-continue{min-height:52px!important}} /* assets/css/brand.css */ /* Official ChatEarn brand asset integration */ :root{--brand-image:url('/c592197d-8fdc-4124-af5d-021b2357067a.jpeg')} .brand-lockup{gap:10px!important} .brand-lockup .brand-mark{position:relative;overflow:hidden;background:#090d17!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:0 8px 24px rgba(111,103,255,.18)!important;color:transparent!important} .brand-lockup .brand-mark::before{content:"";position:absolute;inset:0;background-image:var(--brand-image);background-size:cover;background-position:center;border-radius:inherit} .brand-copy b span{color:#9a95ff!important} .brand-copy small{color:#7f899b!important} .brand-showcase{display:grid;place-items:center;margin:0 auto 18px;width:min(100%,360px);padding:10px;border:1px solid rgba(255,255,255,.08);border-radius:28px;background:linear-gradient(180deg,rgba(17,22,36,.92),rgba(8,12,20,.92));box-shadow:0 24px 70px rgba(0,0,0,.34)} .brand-showcase img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:20px} .hero-phone.with-brand-showcase{display:grid;align-content:center;gap:14px} .hero-phone.with-brand-showcase .brand-showcase{margin:0 auto} .auth-brand-banner{display:none} .logo-watermark{position:fixed;right:-70px;bottom:110px;width:210px;height:210px;background-image:var(--brand-image);background-size:cover;background-position:center;border-radius:50%;opacity:.025;pointer-events:none;z-index:0;filter:saturate(1.15)} #app{position:relative;z-index:1} @media(max-width:760px){ .site-header .brand-copy small,.topbar .brand-copy small,.auth-top .brand-copy small{display:none} .brand-lockup .brand-mark{width:40px!important;height:40px!important;border-radius:13px!important} .hero-phone.with-brand-showcase{margin-top:8px} .hero-phone.with-brand-showcase .brand-showcase{width:min(78vw,300px)} } @media(max-width:520px){ .brand-showcase{border-radius:22px;padding:8px;margin-bottom:12px} .brand-showcase img{border-radius:16px} .auth-brand-banner{display:block;width:88px;height:88px;object-fit:cover;border-radius:20px;margin:0 auto 12px;border:1px solid rgba(255,255,255,.08);box-shadow:0 12px 32px rgba(111,103,255,.16)} .logo-watermark{display:none} } /* assets/css/flow-polish.css */ /* Final mobile-flow polish: obvious next actions, centered milestones, no dead dashboard space */ html,body{overflow-x:hidden} /* Dashboard: keep short pages visually complete and anchor navigation to viewport bottom */ .dashboard-page-tight{min-height:100dvh!important;display:flex!important;flex-direction:column!important;padding-bottom:0!important} .dashboard-page-tight .bottom-nav{margin-top:auto!important;position:sticky;bottom:0;z-index:30;background:rgba(7,9,16,.96)!important;backdrop-filter:blur(18px)} .dashboard-page-tight .transaction-list{margin-bottom:14px!important} /* Milestones must be impossible to miss */ .product-modal-backdrop,.network-task-guide{place-items:center!important;padding:16px!important} .product-modal,.network-task-sheet{max-height:min(88dvh,760px)!important} .chat-unlock-focus{position:fixed!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;z-index:4800!important;width:min(88vw,420px)!important;display:grid!important;grid-template-columns:1fr!important;gap:14px!important;padding:20px!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:24px!important;background:linear-gradient(180deg,#151a2a,#0d1220)!important;box-shadow:0 0 0 9999px rgba(2,5,12,.72),0 30px 90px rgba(0,0,0,.55)!important;text-align:center!important} .chat-unlock-focus>div{gap:6px!important}.chat-unlock-focus b{font-size:20px!important}.chat-unlock-focus small{font-size:11px!important;color:#9ba4b6!important}.chat-unlock-focus .btn{width:100%!important;min-height:54px!important;font-size:14px!important} /* Network selection: the selected carrier determines the CTA color */ .carrier-card:has(.carrier[data-network="MTN"].selected) #network-next{background:linear-gradient(135deg,#ffcc00,#f4b700)!important;color:#141414!important;box-shadow:0 12px 28px rgba(255,204,0,.2)!important} .carrier-card:has(.carrier[data-network="Airtel"].selected) #network-next{background:linear-gradient(135deg,#ed1c24,#ff5a62)!important;color:#fff!important;box-shadow:0 12px 28px rgba(237,28,36,.2)!important} .carrier-card:has(.carrier[data-network="Glo"].selected) #network-next{background:linear-gradient(135deg,#4eb548,#2fd47f)!important;color:#fff!important;box-shadow:0 12px 28px rgba(78,181,72,.2)!important} /* Task screen: reward + one dominant network-colored CTA above everything else */ .activity-ready .instruction-list{display:none!important} .activity-ready.network-mtn .reward-display{border-color:rgba(255,204,0,.3)!important;background:linear-gradient(135deg,rgba(255,204,0,.13),rgba(255,204,0,.03))!important} .activity-ready.network-mtn #start-activity{background:linear-gradient(135deg,#ffcc00,#f4b700)!important;color:#141414!important;box-shadow:0 12px 30px rgba(255,204,0,.18)!important} .activity-ready.network-airtel .reward-display{border-color:rgba(237,28,36,.28)!important;background:linear-gradient(135deg,rgba(237,28,36,.12),rgba(237,28,36,.03))!important} .activity-ready.network-airtel #start-activity{background:linear-gradient(135deg,#ed1c24,#ff5a62)!important;color:#fff!important;box-shadow:0 12px 30px rgba(237,28,36,.18)!important} .activity-ready.network-glo .reward-display{border-color:rgba(78,181,72,.28)!important;background:linear-gradient(135deg,rgba(78,181,72,.12),rgba(78,181,72,.03))!important} .activity-ready.network-glo #start-activity{background:linear-gradient(135deg,#4eb548,#2fd47f)!important;color:#fff!important;box-shadow:0 12px 30px rgba(78,181,72,.18)!important} .activity-ready #start-activity{width:100%!important;min-height:58px!important;font-size:15px!important;border-radius:18px!important} .activity-ready>p{max-width:34ch!important} /* Keep the required two-step sheet compact and obvious */ .network-task-sheet .must-task h2{font-size:22px!important}.network-task-sheet .eligibility-step{padding:12px!important}.network-task-sheet .eligibility-step b{font-size:13px!important}.network-task-sheet .eligibility-step p{font-size:10px!important;line-height:1.4!important}.network-task-continue{min-height:58px!important;font-size:14px!important} /* Chat: tighter reading rhythm */ .ai-bubble{max-width:min(72%,400px)!important;line-height:1.42!important}.chat-messages{gap:8px!important}.earning-event{font-size:10px!important;font-weight:900!important} @media(max-width:520px){ .dashboard-page-tight{min-height:calc(100dvh - env(safe-area-inset-bottom))!important} .dashboard-page-tight .bottom-nav{padding-bottom:max(8px,env(safe-area-inset-bottom))!important} .product-modal-backdrop,.network-task-guide{padding:12px!important} .network-task-sheet{width:min(94vw,520px)!important;border-radius:22px!important} .chat-unlock-focus{width:90vw!important;padding:18px!important} .ai-bubble{max-width:78%!important} } /* assets/css/chat-experience.css */ /* ChatEarn chat experience v2 — compact, personal, mobile-first */ .chat-app{background:#070a11!important} .chat-top{padding:10px 12px!important;background:rgba(7,10,17,.98)!important;backdrop-filter:blur(16px)} .chat-person b{font-size:14px!important;letter-spacing:-.01em}.chat-person small{font-size:8px!important;color:#7f8a9a!important;margin-top:2px} .chat-wallet{padding:6px 9px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:#0d1320}.chat-wallet small{font-size:7px!important}.chat-wallet b{font-size:12px!important;color:#fff!important} .chat-progress{padding:8px 12px 7px!important;background:#0b1019!important}.chat-progress>div:first-child{margin-bottom:5px!important}.chat-progress span{font-size:7px!important}.chat-progress b{font-size:8px!important}.chat-quick-guide{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;margin-top:7px!important;padding:6px 8px!important;border:1px solid rgba(111,103,255,.12)!important;border-radius:999px!important;background:rgba(111,103,255,.06)!important;color:#aab3c5!important;font-size:8px!important;letter-spacing:0!important}.chat-quick-guide b{color:#fff!important;font-size:8px!important}.chat-quick-guide i{width:3px;height:3px;border-radius:50%;background:#5f6b7c} .chat-messages{padding:14px 11px 18px!important;gap:7px!important;background:radial-gradient(circle at 50% 0,rgba(79,156,255,.045),transparent 38%)!important}.message-bubble{font-size:12px!important;line-height:1.38!important;padding:9px 11px!important;max-width:min(79%,440px)!important}.ai-bubble{background:#151b25!important;color:#edf1f7!important;border:1px solid rgba(255,255,255,.035)!important}.ai-bubble small{font-size:6px!important;margin-top:4px!important;color:#657080!important}.user-bubble{background:linear-gradient(135deg,#665cff,#3d8bff)!important;color:#fff!important}.mini-avatar{width:23px!important;height:23px!important;flex-basis:23px!important;font-size:8px!important;background:linear-gradient(135deg,#343c63,#202a45)!important}.earning-event{padding:5px 8px!important;font-size:8px!important;background:rgba(47,212,127,.08)!important;color:#58e9a1!important;border-color:rgba(47,212,127,.1)!important}.earning-event span{width:14px!important;height:14px!important;background:#2fd47f!important;color:#06120c!important}.system-event{font-size:7px!important;padding:3px 7px!important;color:#687384!important}.typing-row .ai-bubble{padding:9px 10px!important} .chat-composer{padding:7px 9px max(7px,env(safe-area-inset-bottom))!important;background:#090e17!important}.composer-hint{padding:0 3px 5px!important;font-size:7px!important}.composer-hint b{color:#bcb8ff!important}.composer-row{grid-template-columns:1fr 44px!important;gap:7px!important}.composer-row input{min-height:44px!important;padding:11px 13px!important;border-radius:15px!important;background:#111724!important;border-color:rgba(255,255,255,.07)!important;font-size:16px!important}.send-btn{width:44px!important;height:44px!important;border-radius:15px!important;background:linear-gradient(135deg,#6f67ff,#4f9cff)!important;color:#fff!important} .chat-unlock-focus{opacity:.2!important;pointer-events:none!important} .chat-stage-backdrop{position:fixed;inset:0;z-index:9000;display:grid;place-items:center;background:rgba(2,5,12,.78);backdrop-filter:blur(10px);padding:18px;animation:chatStageFade .2s ease-out both}.chat-stage-card{width:min(100%,420px);padding:22px;border:1px solid rgba(255,255,255,.1);border-radius:25px;background:linear-gradient(180deg,#151b2b,#0d1320);box-shadow:0 30px 100px rgba(0,0,0,.62);text-align:center;animation:chatStagePop .26s cubic-bezier(.2,.8,.25,1) both}.chat-stage-icon{width:52px;height:52px;margin:0 auto 12px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(135deg,#6f67ff,#21d4ee);font-size:21px;font-weight:950;color:#fff}.chat-stage-card>span{display:block;font-size:8px;letter-spacing:.14em;font-weight:950;color:#aaa6ff}.chat-stage-card h2{margin:6px 0 5px;font-size:27px;line-height:1.02}.chat-stage-card p{margin:0;color:#929cad;font-size:11px}.chat-stage-balance{display:flex;align-items:center;justify-content:space-between;margin:16px 0 10px;padding:12px 13px;border-radius:15px;background:#0a101b;border:1px solid rgba(255,255,255,.07);text-align:left}.chat-stage-balance span{font-size:9px;color:#8590a1}.chat-stage-balance b{font-size:18px}.chat-stage-next{width:100%!important;min-height:52px!important;margin:0!important;font-size:13px!important} @keyframes chatStageFade{from{opacity:0}to{opacity:1}}@keyframes chatStagePop{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}} @media(max-width:520px){.chat-stage-backdrop{padding:14px}.chat-stage-card{padding:19px;border-radius:23px}.chat-stage-card h2{font-size:25px}.chat-wallet small{display:none}.chat-wallet{padding:7px 9px}.chat-wallet b{font-size:11px!important}} @media(prefers-reduced-motion:reduce){.chat-stage-backdrop,.chat-stage-card{animation:none!important}} /* assets/css/final-qa.css */ /* Final mobile QA corrections: dashboard hierarchy, navigation stability, overflow safety */ /* Prevent accidental horizontal page drift anywhere in the app. */ html,body,#app{width:100%;max-width:100%;overflow-x:hidden!important} .app-page{max-width:560px;overflow-x:clip} /* Dashboard: one clear action layer only. The injected primary row already carries the two important actions, so remove the duplicated three-card and next-step CTA. */ .dashboard-page-tight .quick-actions{display:none!important} .dashboard-page-tight .quick-actions + .section-head{display:none!important} .dashboard-page-tight .next-action{display:none!important} .dashboard-page-tight{width:min(100%,560px)!important;min-height:100dvh!important;padding:12px 12px 0!important;display:flex!important;flex-direction:column!important} .dashboard-page-tight .welcome-block{padding-bottom:10px!important} .dashboard-page-tight .balance-card{margin-bottom:8px!important} .dashboard-page-tight .dashboard-primary{margin:8px 0 14px!important;grid-template-columns:1.15fr .85fr!important} .dashboard-page-tight .dashboard-primary button{min-width:0!important;min-height:76px!important;padding:13px!important} .dashboard-page-tight .dashboard-primary b{font-size:13px!important;line-height:1.2!important} .dashboard-page-tight .dashboard-primary span{font-size:8.5px!important;line-height:1.35!important} .dashboard-page-tight .section-head{margin:16px 2px 10px!important} .dashboard-page-tight .transaction-list{margin-bottom:10px!important} .dashboard-page-tight .transaction{min-width:0!important} .dashboard-page-tight .transaction>div{min-width:0!important} .dashboard-page-tight .transaction b,.dashboard-page-tight .transaction small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} /* Navigation must always occupy the full app width. This also overrides the old left:50% + translate rule when dashboard navigation becomes sticky. */ .bottom-nav{width:min(100%,560px)!important;max-width:560px!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;left:50%!important;transform:translateX(-50%)!important;overflow:visible!important} .bottom-nav button{min-width:0!important;width:100%!important} .dashboard-page-tight .bottom-nav{position:sticky!important;left:0!important;right:auto!important;bottom:0!important;transform:none!important;width:calc(100% + 24px)!important;max-width:none!important;margin-left:-12px!important;margin-right:-12px!important;margin-top:auto!important;padding-left:8px!important;padding-right:8px!important} /* Keep all cards and CTAs inside the viewport on narrow phones. */ .flow-card,.task-card,.balance-card,.next-action,.transaction,.dashboard-primary button{max-width:100%!important} .btn{max-width:100%!important} /* Shorter, cleaner task pages: the CTA is visually dominant. */ .activity-ready>p{margin-bottom:8px!important} .activity-ready #start-activity{margin-top:8px!important} /* Chat safety: no content should widen the viewport. */ .chat-app,.chat-top,.chat-progress,.chat-messages,#chat-footer{width:100%;max-width:100%;min-width:0} .message-row,.message-bubble{min-width:0} .message-bubble{overflow-wrap:anywhere} @media(max-width:520px){ .dashboard-page-tight .dashboard-primary{grid-template-columns:1fr 1fr!important} .dashboard-page-tight .dashboard-balance-actions{grid-template-columns:1fr 1fr!important} .dashboard-page-tight .section-head h2{font-size:16px!important} .dashboard-page-tight .transaction{grid-template-columns:auto minmax(0,1fr) auto!important} } @media(max-width:360px){ .dashboard-page-tight .dashboard-primary,.dashboard-page-tight .dashboard-balance-actions{grid-template-columns:1fr!important} } /* assets/css/live-app.css */ .live-brand img{width:42px;height:42px;border-radius:12px;object-fit:cover;display:block}.live-brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:inherit}.inline-error{min-height:18px;color:#ff8896;font-size:12px}.balance-withdraw{border:0;border-radius:12px;background:#fff;color:#070910;padding:10px 14px;font-weight:900;font-size:12px}.dashboard-page{min-height:100dvh;display:flex;flex-direction:column}.dashboard-page>.bottom-nav{margin-top:auto}.dashboard-actions{display:grid;grid-template-columns:1.35fr .65fr;gap:12px;margin:14px 0 24px}.dashboard-actions button{border:1px solid rgba(255,255,255,.08);border-radius:18px;background:#111725;color:#fff;padding:18px;text-align:left;min-height:98px}.dashboard-actions button b,.dashboard-actions button span{display:block}.dashboard-actions button b{font-size:17px}.dashboard-actions button span{color:#8993a5;font-size:12px;margin-top:6px}.dashboard-actions .dash-primary{background:linear-gradient(135deg,#6676ff,#35c8f5);border:0;color:#fff}.dashboard-actions .dash-primary span{color:rgba(255,255,255,.78)}.live-carriers{gap:12px}.carrier-live{--carrier:#6676ff;border:1px solid color-mix(in srgb,var(--carrier) 46%,rgba(255,255,255,.08))!important;background:linear-gradient(135deg,color-mix(in srgb,var(--carrier) 18%,#0d121b),#0d121b)!important}.carrier-live .carrier-logo{background:var(--carrier)!important;color:#07090f!important}.carrier-live>i{color:var(--carrier);font-style:normal;font-size:20px}.network-theme .balance-card{border-color:color-mix(in srgb,var(--carrier) 22%,rgba(255,255,255,.08))}.network-requirements{border-top:2px solid var(--carrier)}.task-ready-note{display:flex;gap:12px;align-items:flex-start;padding:14px;border-radius:15px;border:1px solid color-mix(in srgb,var(--carrier) 35%,rgba(255,255,255,.08));background:color-mix(in srgb,var(--carrier) 8%,#111621);margin-bottom:22px}.task-ready-note>span{font-size:26px}.task-ready-note small,.task-ready-note b{display:block}.task-ready-note small{font-size:10px;letter-spacing:.12em;color:#9aa4b5;font-weight:900}.task-ready-note b{margin-top:5px;font-size:15px;line-height:1.4}.required-head>span{font-size:10px;letter-spacing:.14em;font-weight:900;color:#8993a5}.required-head h1{margin:6px 0 18px}.requirement{display:grid;grid-template-columns:42px 1fr;gap:13px;padding:15px;margin-bottom:10px;border-radius:15px;border:1px solid rgba(255,255,255,.08);background:#0e141f}.requirement>i{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--carrier);color:#07090f;font-style:normal;font-weight:950}.requirement small,.requirement b{display:block}.requirement small{font-size:9px;letter-spacing:.12em;color:#7d8798;font-weight:900}.requirement b{font-size:15px;margin-top:3px}.requirement p{margin:6px 0 0!important;color:#929cab!important;font-size:12px!important;line-height:1.5!important}.network-cta{width:100%;border:0;border-radius:16px;background:var(--carrier);color:#06080b;padding:17px 18px;font-weight:950;font-size:16px;margin:10px 0;box-shadow:0 14px 34px color-mix(in srgb,var(--carrier) 18%,transparent)}.network-cta:disabled{background:#2a303a;color:#747e8e;box-shadow:none}.dashboard-notice-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.68);display:grid;place-items:center;padding:20px;z-index:1000;backdrop-filter:blur(5px)}.dashboard-notice{width:min(100%,390px);position:relative;border:1px solid rgba(255,255,255,.1);border-radius:22px;background:#101620;padding:24px}.dashboard-notice>span{font-size:10px;letter-spacing:.14em;color:#8c96a7;font-weight:900}.dashboard-notice h2{font-size:30px;margin:7px 0}.dashboard-notice p{color:#8c96a7;line-height:1.5;margin:0 0 18px}.notice-close{position:absolute;right:14px;top:12px;border:0;background:#1b2230;color:#dfe5ee;width:34px;height:34px;border-radius:10px;font-size:20px}.notice-action{width:100%}.task-empty{display:grid;gap:6px;place-items:center;padding:36px}.task-empty b{font-size:16px}.task-empty span{color:#7e8898;font-size:12px}.maintenance-page,.fatal-page{min-height:100dvh;display:grid;place-items:center;padding:22px;background:#070910;color:#fff}.maintenance-page section,.fatal-page section{width:min(100%,420px);padding:28px;border:1px solid rgba(255,255,255,.09);border-radius:22px;background:#0e131d;text-align:center}.maintenance-page img{width:62px;height:62px;border-radius:16px;object-fit:cover}.maintenance-page h1,.fatal-page h1{margin:16px 0 7px}.maintenance-page p,.fatal-page p{color:#818b9c;line-height:1.55}.fatal-page button{border:0;border-radius:12px;padding:12px 18px;font-weight:900}.chat-progress.ongoing{padding-bottom:12px}.chat-progress.ongoing>div{margin-bottom:0}.earning-event b{font-size:14px}.toast.show{opacity:1;transform:none} @media(max-width:720px){.dashboard-actions{grid-template-columns:1fr 1fr}.dashboard-actions button{min-height:88px;padding:15px}.dashboard-actions button b{font-size:15px}.network-cta{font-size:15px}.requirement{grid-template-columns:38px 1fr;padding:13px}.requirement>i{width:38px;height:38px}.task-ready-note{padding:12px}.balance-withdraw{padding:9px 12px}.dashboard-page{padding-bottom:max(84px,env(safe-area-inset-bottom))}} @media(max-width:420px){.dashboard-actions{grid-template-columns:1fr}.dashboard-actions button{min-height:auto}.required-head h1{font-size:27px}.requirement p{font-size:11px!important}.network-cta{padding:15px}.live-brand img{width:38px;height:38px}} /* assets/css/growth-experience.css */ .dashboard-share-card{margin:18px 0 22px;padding:18px;border:1px solid rgba(103,118,255,.22);border-radius:22px;background:linear-gradient(145deg,rgba(82,72,170,.20),rgba(24,30,50,.9));box-shadow:0 18px 50px rgba(0,0,0,.2)}.share-card-copy span,.proof-head span{font-size:11px;font-weight:900;letter-spacing:.16em;color:#9f92ff}.share-card-copy h2,.proof-head h2{margin:7px 0 5px;font-size:22px;line-height:1.05}.share-card-copy p,.proof-head p{margin:0;color:#8d96a7;font-size:13px;line-height:1.55}.share-card-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.share-card-stats article{padding:12px 13px;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:rgba(5,8,16,.48)}.share-card-stats small,.share-card-stats b{display:block}.share-card-stats small{font-size:10px;color:#7f8999}.share-card-stats b{margin-top:4px;font-size:14px;overflow-wrap:anywhere}.share-card-actions{display:grid;grid-template-columns:1.35fr .85fr;gap:10px;margin-top:14px}.share-card-actions .btn{margin:0;min-height:48px}.share-limit{display:block;margin-top:9px;color:#737d8e;font-size:10px}.task-proof-form{display:grid;gap:13px;padding:16px;margin:18px 0 12px;border:1px solid rgba(103,118,255,.18);border-radius:18px;background:#0c111b}.task-proof-form label{display:grid;gap:7px;color:#a8b0bd;font-size:12px;font-weight:800}.task-proof-form textarea,.task-proof-form input[type=file]{width:100%;border:1px solid rgba(255,255,255,.09);border-radius:13px;background:#070b12;color:#fff;padding:12px;outline:0}.task-proof-form textarea{min-height:95px;resize:vertical}.task-proof-form textarea:focus,.task-proof-form input[type=file]:focus{border-color:rgba(102,118,255,.7);box-shadow:0 0 0 3px rgba(102,118,255,.08)}.task-proof-form label small,.proof-note{font-size:10px;color:#707a8b}.task-card.pending-review{opacity:.82}.task-card.pending-review .task-badge{color:#f0c76b}.referral-profile-row b{max-width:50%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-timer{display:grid;gap:4px;margin:12px 0 14px;padding:13px 14px;border:1px solid rgba(255,196,61,.2);border-radius:15px;background:rgba(255,196,61,.07)}.task-timer small{font-size:9px;font-weight:900;letter-spacing:.14em;color:#d9b354}.task-timer b{font-size:16px}.task-timer span{font-size:11px;line-height:1.45;color:#8b95a5}.task-proof-form button[disabled],#complete-task[data-timer-locked="1"]{opacity:.48;cursor:not-allowed} .task-share-gate{margin:0 0 18px;padding:18px;border:1px solid rgba(76,220,150,.24);border-radius:20px;background:linear-gradient(145deg,rgba(27,78,61,.38),rgba(17,22,34,.96));box-shadow:0 18px 42px rgba(0,0,0,.22)}.gate-kicker{font-size:10px;font-weight:900;letter-spacing:.16em;color:#52dfa1}.task-share-gate h2{margin:6px 0 6px;font-size:23px}.task-share-gate p{margin:0;color:#98a2b2;font-size:13px;line-height:1.5}.gate-progress{display:flex;justify-content:space-between;gap:10px;margin:14px 0;padding:11px 12px;border-radius:13px;background:rgba(4,9,15,.42);font-size:11px}.gate-progress span{color:#8e98a7}.task-share-gate .btn{width:100%;min-height:50px;margin:0}.task-card [data-share-locked="1"]{opacity:.45} .landing-journey{width:min(1120px,calc(100% - 32px));margin:0 auto 56px}.landing-value-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:10px}.landing-value-strip div,.landing-steps article,.landing-paths article{border:1px solid rgba(255,255,255,.07);background:rgba(12,17,29,.82);box-shadow:0 14px 38px rgba(0,0,0,.18)}.landing-value-strip div{padding:18px;border-radius:18px}.landing-value-strip b,.landing-value-strip span{display:block}.landing-value-strip b{font-size:24px;line-height:1}.landing-value-strip span{margin-top:7px;color:#8d96a7;font-size:12px}.landing-how{padding:64px 0 22px}.landing-kicker,.landing-final-cta span{font-size:11px;font-weight:900;letter-spacing:.16em;color:#8f86ff}.landing-how h2,.landing-final-cta h2{margin:8px 0 22px;font-size:clamp(30px,5vw,48px);line-height:1.02;max-width:720px}.landing-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.landing-steps article{padding:20px;border-radius:20px}.landing-steps i{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,#6f63ff,#2bc4ec);font-style:normal;font-weight:900}.landing-steps b,.landing-steps span{display:block}.landing-steps b{margin-top:18px;font-size:18px}.landing-steps span{margin-top:7px;color:#8d96a7;font-size:13px;line-height:1.5}.landing-paths{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:16px}.landing-paths article{display:flex;align-items:center;gap:13px;padding:17px;border-radius:18px}.landing-paths article>span{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:rgba(112,99,255,.14);font-size:19px}.landing-paths b,.landing-paths small{display:block}.landing-paths b{font-size:16px}.landing-paths small{margin-top:4px;color:#8d96a7;font-size:11px;line-height:1.4}.landing-final-cta{display:flex;align-items:end;justify-content:space-between;gap:22px;margin-top:22px;padding:26px;border:1px solid rgba(106,95,255,.24);border-radius:24px;background:radial-gradient(circle at 90% 0,rgba(42,199,237,.18),transparent 35%),linear-gradient(145deg,rgba(76,64,167,.20),rgba(11,16,27,.94))}.landing-final-cta h2{margin-bottom:0;font-size:32px}.landing-final-cta .btn{flex:0 0 auto;min-width:210px} @media(max-width:720px){.landing-value-strip,.landing-steps,.landing-paths{grid-template-columns:1fr}.landing-value-strip{gap:9px}.landing-value-strip div{display:flex;align-items:center;justify-content:space-between;padding:14px 15px}.landing-value-strip span{margin:0}.landing-how{padding-top:42px}.landing-how h2{font-size:34px}.landing-steps article{padding:17px}.landing-final-cta{align-items:stretch;flex-direction:column;padding:20px}.landing-final-cta .btn{width:100%;min-width:0}.landing-final-cta h2{font-size:28px}} @media(max-width:560px){.dashboard-share-card{padding:15px;border-radius:18px}.share-card-copy h2,.proof-head h2{font-size:20px}.share-card-actions{grid-template-columns:1fr}.share-card-stats{grid-template-columns:1fr 1fr}.task-proof-form{padding:14px}.task-timer{padding:12px}.task-share-gate{padding:15px}.landing-journey{width:min(100% - 24px,1120px)}} /* Action-focused earning opportunity cards */ .earning-intro{max-width:680px}.earning-list{gap:14px} .earning-card{position:relative;overflow:hidden;padding:18px;border-color:rgba(103,118,255,.17)} .earning-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--task-color,#6675ff)} .earning-card .task-card-top>b{font-size:20px;color:#56e6a0} .earning-card h3{margin:13px 0 10px;font-size:20px;line-height:1.2} .earning-action{padding:13px 14px;border:1px solid rgba(255,255,255,.07);border-radius:15px;background:rgba(4,8,14,.42)} .earning-action>span{display:block;margin-bottom:5px;color:#9f92ff;font-size:10px;font-weight:950;letter-spacing:.13em} .earning-action p{margin:0!important;color:#d9dee8!important;font-size:14.5px!important;line-height:1.52!important;font-weight:650} .earning-meta{display:flex;gap:7px;flex-wrap:wrap;margin:11px 0} .earning-meta span{padding:6px 9px;border:1px solid rgba(103,118,255,.16);border-radius:999px;background:rgba(103,118,255,.07);color:#aeb6c6;font-size:11px;font-weight:800} .earning-return-note{margin:0 0 12px;color:#8e98aa;font-size:12px;line-height:1.4} .earning-card>.btn{width:100%;margin:0;min-height:52px;font-size:15px} @media(max-width:560px){.earning-card{padding:16px}.earning-card .task-card-top>b{font-size:19px}.earning-card h3{font-size:19px}.earning-action p{font-size:14px!important}} /* assets/css/readability-final.css */ body{font-size:16.5px}.app-page,.flow-card,.task-card,.profile-card,.transaction,.dashboard-actions button,.settings-list button{font-size:16px}.page-intro p,.task-card p,.flow-card p,.transaction small,.balance-foot,.dashboard-actions span,.settings-list b,.top-title small{font-size:14.5px;line-height:1.5}.message-bubble{font-size:16px;line-height:1.5}.chat-input input,.chat-input textarea{font-size:16px}.task-card h3,.section-head h2,.page-intro h1,.flow-card h1,.welcome-block h1{font-weight:850}.task-card .btn,.btn,.dashboard-actions button,.bottom-nav button{font-weight:800}.bottom-nav span{font-size:12.5px}.ce-modal{position:fixed;inset:0;z-index:260;display:grid;place-items:center;padding:18px}.ce-modal-shade{position:absolute;inset:0;background:rgba(0,0,0,.74);backdrop-filter:blur(6px)}.ce-modal-card{position:relative;width:min(100%,460px);max-height:88dvh;overflow:auto;padding:22px;border:1px solid rgba(255,255,255,.1);border-radius:22px;background:#0e141f;box-shadow:0 28px 90px rgba(0,0,0,.58)}.ce-modal-eyebrow{display:block;margin-bottom:7px;font-size:12px;font-weight:900;letter-spacing:.14em;color:#9f92ff}.ce-modal-card h2{margin:0;font-size:25px;line-height:1.1}.ce-modal-card>p{margin:8px 0 0;color:#a0a9b8;font-size:15px;line-height:1.5}.ce-modal-steps{display:grid;gap:9px;margin:17px 0}.ce-modal-steps>div{display:grid;grid-template-columns:32px minmax(0,1fr);gap:10px;align-items:center;padding:11px 12px;border:1px solid rgba(255,255,255,.07);border-radius:13px;background:#090e16}.ce-modal-steps b{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:rgba(102,117,255,.16);color:#9ca8ff;font-size:13px}.ce-modal-steps span{font-size:15px;line-height:1.42;font-weight:700;color:#e8ebf1}.ce-modal-actions{display:grid;gap:9px;margin-top:14px}.ce-modal-actions .btn{margin:0;min-height:50px;font-size:16px}@media(max-width:560px){body{font-size:16.5px}.message-bubble{font-size:16px}.page-intro p,.task-card p,.flow-card p{font-size:14.5px}.bottom-nav span{font-size:12.5px}.ce-modal{align-items:end;padding:10px}.ce-modal-card{width:100%;border-radius:22px 22px 14px 14px;padding:19px}.ce-modal-card h2{font-size:23px}.ce-modal-steps span{font-size:15px}} /* assets/css/retention-runtime.css */ .ce-earn-toast{position:fixed;right:16px;top:74px;z-index:1200;display:flex;align-items:center;gap:10px;min-width:210px;max-width:calc(100vw - 32px);padding:11px 13px;border:1px solid rgba(67,226,154,.28);border-radius:14px;background:rgba(10,20,17,.96);box-shadow:0 18px 50px rgba(0,0,0,.28);transform:translateY(-12px);opacity:0;pointer-events:none;transition:.2s ease}.ce-earn-toast.show{transform:none;opacity:1}.ce-earn-toast i{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:rgba(67,226,154,.12);color:#69eab0;font-style:normal;font-weight:900}.ce-earn-toast b,.ce-earn-toast span{display:block}.ce-earn-toast b{font-size:14px}.ce-earn-toast span{margin-top:2px;color:#8f9aaa;font-size:11px}.ce-task-summary{margin:0 0 14px;padding:15px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:linear-gradient(145deg,rgba(22,29,42,.95),rgba(11,15,22,.95))}.ce-task-summary-top{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.ce-task-summary h2{margin:3px 0 0;font-size:18px}.ce-task-summary small{color:#7f8998;font-size:10px;font-weight:800;letter-spacing:.08em}.ce-task-summary strong{font-size:20px}.ce-task-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:13px}.ce-task-summary-grid div{padding:10px;border-radius:12px;background:rgba(255,255,255,.035)}.ce-task-summary-grid b,.ce-task-summary-grid span{display:block}.ce-task-summary-grid b{font-size:14px}.ce-task-summary-grid span{margin-top:2px;color:#7f8998;font-size:10px}.ce-task-filters{display:flex;gap:7px;overflow-x:auto;padding:0 0 10px;scrollbar-width:none}.ce-task-filters::-webkit-scrollbar{display:none}.ce-task-filters button{flex:0 0 auto;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:#0d121a;color:#929cab;padding:8px 11px;font-size:11px;font-weight:800}.ce-task-filters button.active{background:#f4f7fb;color:#090b10;border-color:#f4f7fb}.ce-task-card-meta{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}.ce-task-chip{display:inline-flex;align-items:center;border-radius:999px;padding:4px 7px;background:rgba(102,118,255,.11);color:#9fa9ff;font-size:9px;font-weight:900}.ce-task-chip.hot{background:rgba(255,169,66,.12);color:#ffc06d}.ce-caught-up{margin:14px 0;padding:18px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:linear-gradient(150deg,#111925,#0c1119)}.ce-caught-up .kicker,.ce-return-offer .kicker{font-size:10px;font-weight:900;letter-spacing:.1em;color:#6ee2aa}.ce-caught-up h2,.ce-return-offer h2{margin:6px 0 5px;font-size:20px}.ce-caught-up p,.ce-return-offer p{margin:0;color:#8b96a6;font-size:12px;line-height:1.5}.ce-caught-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.ce-caught-actions .btn:first-child{grid-column:1/-1}.ce-next-unlock{margin-top:9px;color:#aeb7c4;font-size:11px}.ce-return-offer{margin:0 0 14px;padding:16px;border:1px solid rgba(255,255,255,.08);border-radius:17px;background:linear-gradient(145deg,rgba(31,28,17,.84),rgba(12,16,23,.96))}.ce-return-offer .offer-row{display:flex;align-items:center;justify-content:space-between;gap:14px}.ce-return-offer .btn{flex:0 0 auto}.ce-exit-modal{position:fixed;inset:0;z-index:1400;display:grid;place-items:center;padding:18px}.ce-exit-modal:before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(5px)}.ce-exit-card{position:relative;width:min(100%,390px);padding:20px;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:#10151e;box-shadow:0 30px 90px rgba(0,0,0,.45)}.ce-exit-card small{font-size:10px;color:#6ee2aa;font-weight:900;letter-spacing:.09em}.ce-exit-card h2{font-size:22px;margin:7px 0}.ce-exit-card p{color:#8d98a8;font-size:12px;line-height:1.5}.ce-exit-actions{display:grid;gap:8px;margin-top:15px}@media(max-width:720px){.ce-earn-toast{top:66px;right:12px}.ce-task-summary{padding:14px}.ce-task-summary-grid{gap:6px}.ce-task-summary-grid div{padding:9px}.ce-caught-actions{grid-template-columns:1fr}.ce-caught-actions .btn:first-child{grid-column:auto}.ce-return-offer .offer-row{align-items:flex-start;flex-direction:column}.ce-return-offer .btn{width:100%}} /* assets/css/payout-runtime.css */ .payout-setup-card{margin-top:14px}.payout-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.payout-card-head h2{margin:4px 0 0;font-size:1.25rem;line-height:1.2}.payout-ready{flex:0 0 auto;padding:7px 10px;border-radius:999px;background:rgba(56,189,248,.12);border:1px solid rgba(56,189,248,.25);font-size:.78rem;font-weight:800}.payout-setup-card>p{margin:10px 0 16px;line-height:1.55}.payout-note{display:block;margin-top:12px;line-height:1.5;opacity:.72}.payout-request-note{display:flex;flex-direction:column;gap:3px;margin-bottom:14px;padding:12px 14px;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:rgba(255,255,255,.035)}.payout-request-note b{font-size:.92rem}.payout-request-note span{font-size:.8rem;opacity:.72}.payout-runtime-toast{position:fixed;left:50%;top:18px;z-index:9999;max-width:min(92vw,420px);transform:translate(-50%,-18px);opacity:0;pointer-events:none;padding:11px 15px;border-radius:12px;background:#111725;border:1px solid rgba(255,255,255,.12);box-shadow:0 18px 50px rgba(0,0,0,.35);font-size:.9rem;font-weight:700;transition:.2s ease}.payout-runtime-toast.show{transform:translate(-50%,0);opacity:1}.payout-runtime-toast.bad{border-color:rgba(248,113,113,.38)}.payout-prompt{position:fixed;z-index:9998;left:50%;bottom:92px;width:min(calc(100vw - 28px),430px);transform:translateX(-50%);padding:16px 16px 14px;border-radius:18px;background:#111725;border:1px solid rgba(255,255,255,.12);box-shadow:0 22px 60px rgba(0,0,0,.42)}.payout-prompt>span{display:block;margin-right:34px;font-size:.68rem;font-weight:900;letter-spacing:.1em;opacity:.64}.payout-prompt>b{display:block;margin-top:5px;font-size:1.05rem}.payout-prompt p{margin:6px 34px 12px 0;font-size:.86rem;line-height:1.45;opacity:.78}.payout-prompt-action{width:100%;min-height:44px;border:0;border-radius:12px;font-weight:800;cursor:pointer}.payout-prompt-close{position:absolute;right:10px;top:9px;width:32px;height:32px;border:0;border-radius:50%;background:rgba(255,255,255,.06);font-size:1.1rem;color:inherit;cursor:pointer}@media(min-width:760px){.payout-prompt{bottom:28px}.payout-setup-card{margin-top:18px}} /* Source: live-app.css */ .live-brand img{width:42px;height:42px;border-radius:12px;object-fit:cover;display:block}.live-brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:inherit}.inline-error{min-height:18px;color:#ff8896;font-size:12px}.balance-withdraw{border:0;border-radius:12px;background:#fff;color:#070910;padding:10px 14px;font-weight:900;font-size:12px}.dashboard-page{min-height:100dvh;display:flex;flex-direction:column}.dashboard-page>.bottom-nav{margin-top:auto}.dashboard-actions{display:grid;grid-template-columns:1.35fr .65fr;gap:12px;margin:14px 0 24px}.dashboard-actions button{border:1px solid rgba(255,255,255,.08);border-radius:18px;background:#111725;color:#fff;padding:18px;text-align:left;min-height:98px}.dashboard-actions button b,.dashboard-actions button span{display:block}.dashboard-actions button b{font-size:17px}.dashboard-actions button span{color:#8993a5;font-size:12px;margin-top:6px}.dashboard-actions .dash-primary{background:linear-gradient(135deg,#6676ff,#35c8f5);border:0;color:#fff}.dashboard-actions .dash-primary span{color:rgba(255,255,255,.78)}.live-carriers{gap:12px}.carrier-live{--carrier:#6676ff;border:1px solid color-mix(in srgb,var(--carrier) 46%,rgba(255,255,255,.08))!important;background:linear-gradient(135deg,color-mix(in srgb,var(--carrier) 18%,#0d121b),#0d121b)!important}.carrier-live .carrier-logo{background:var(--carrier)!important;color:#07090f!important}.carrier-live>i{color:var(--carrier);font-style:normal;font-size:20px}.network-theme .balance-card{border-color:color-mix(in srgb,var(--carrier) 22%,rgba(255,255,255,.08))}.network-requirements{border-top:2px solid var(--carrier)}.task-ready-note{display:flex;gap:12px;align-items:flex-start;padding:14px;border-radius:15px;border:1px solid color-mix(in srgb,var(--carrier) 35%,rgba(255,255,255,.08));background:color-mix(in srgb,var(--carrier) 8%,#111621);margin-bottom:22px}.task-ready-note>span{font-size:26px}.task-ready-note small,.task-ready-note b{display:block}.task-ready-note small{font-size:10px;letter-spacing:.12em;color:#9aa4b5;font-weight:900}.task-ready-note b{margin-top:5px;font-size:15px;line-height:1.4}.required-head>span{font-size:10px;letter-spacing:.14em;font-weight:900;color:#8993a5}.required-head h1{margin:6px 0 18px}.requirement{display:grid;grid-template-columns:42px 1fr;gap:13px;padding:15px;margin-bottom:10px;border-radius:15px;border:1px solid rgba(255,255,255,.08);background:#0e141f}.requirement>i{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--carrier);color:#07090f;font-style:normal;font-weight:950}.requirement small,.requirement b{display:block}.requirement small{font-size:9px;letter-spacing:.12em;color:#7d8798;font-weight:900}.requirement b{font-size:15px;margin-top:3px}.requirement p{margin:6px 0 0!important;color:#929cab!important;font-size:12px!important;line-height:1.5!important}.network-cta{width:100%;border:0;border-radius:16px;background:var(--carrier);color:#06080b;padding:17px 18px;font-weight:950;font-size:16px;margin:10px 0;box-shadow:0 14px 34px color-mix(in srgb,var(--carrier) 18%,transparent)}.network-cta:disabled{background:#2a303a;color:#747e8e;box-shadow:none}.dashboard-notice-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.68);display:grid;place-items:center;padding:20px;z-index:1000;backdrop-filter:blur(5px)}.dashboard-notice{width:min(100%,390px);position:relative;border:1px solid rgba(255,255,255,.1);border-radius:22px;background:#101620;padding:24px}.dashboard-notice>span{font-size:10px;letter-spacing:.14em;color:#8c96a7;font-weight:900}.dashboard-notice h2{font-size:30px;margin:7px 0}.dashboard-notice p{color:#8c96a7;line-height:1.5;margin:0 0 18px}.notice-close{position:absolute;right:14px;top:12px;border:0;background:#1b2230;color:#dfe5ee;width:34px;height:34px;border-radius:10px;font-size:20px}.notice-action{width:100%}.task-empty{display:grid;gap:6px;place-items:center;padding:36px}.task-empty b{font-size:16px}.task-empty span{color:#7e8898;font-size:12px}.maintenance-page,.fatal-page{min-height:100dvh;display:grid;place-items:center;padding:22px;background:#070910;color:#fff}.maintenance-page section,.fatal-page section{width:min(100%,420px);padding:28px;border:1px solid rgba(255,255,255,.09);border-radius:22px;background:#0e131d;text-align:center}.maintenance-page img{width:62px;height:62px;border-radius:16px;object-fit:cover}.maintenance-page h1,.fatal-page h1{margin:16px 0 7px}.maintenance-page p,.fatal-page p{color:#818b9c;line-height:1.55}.fatal-page button{border:0;border-radius:12px;padding:12px 18px;font-weight:900}.chat-progress.ongoing{padding-bottom:12px}.chat-progress.ongoing>div{margin-bottom:0}.earning-event b{font-size:14px}.toast.show{opacity:1;transform:none} @media(max-width:720px){.dashboard-actions{grid-template-columns:1fr 1fr}.dashboard-actions button{min-height:88px;padding:15px}.dashboard-actions button b{font-size:15px}.network-cta{font-size:15px}.requirement{grid-template-columns:38px 1fr;padding:13px}.requirement>i{width:38px;height:38px}.task-ready-note{padding:12px}.balance-withdraw{padding:9px 12px}.dashboard-page{padding-bottom:max(84px,env(safe-area-inset-bottom))}} @media(max-width:420px){.dashboard-actions{grid-template-columns:1fr}.dashboard-actions button{min-height:auto}.required-head h1{font-size:27px}.requirement p{font-size:11px!important}.network-cta{padding:15px}.live-brand img{width:38px;height:38px}} /* Source: app-contract-v1.css */ :root{ --ce-bg:#070912;--ce-bg-deep:#04050a;--ce-panel:#0f1421;--ce-panel-2:#151c2d; --ce-line:rgba(224,232,255,.12);--ce-text:#f7f8ff;--ce-muted:#9eaac1;--ce-dim:#68728a; --ce-accent:#8173ff;--ce-accent-2:#a99eff;--ce-mint:#72e0c0;--ce-warm:#f8c47c; --ce-danger:#ff93a4;--ce-keyboard:0px; } *{box-sizing:border-box} html,body{margin:0;width:100%;max-width:100%;min-height:100%;overflow-x:hidden;overscroll-behavior-x:none;touch-action:manipulation;-webkit-text-size-adjust:100%;background:radial-gradient(circle at 50% -20%,#182345 0,transparent 34%),var(--ce-bg);color:var(--ce-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased} button,input,select,textarea{font:inherit;font-size:16px}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}a{color:inherit} html.ce-chat-lock,html.ce-chat-lock body{height:100%;overflow:hidden} .ce-contract{width:min(100%,760px);min-height:100dvh;margin:auto;padding:0 18px calc(98px + env(safe-area-inset-bottom));overflow-x:clip} .ce-landing{width:min(100%,1140px);padding-bottom:28px} .ce-head{height:80px;display:flex;align-items:center;justify-content:space-between;gap:14px} .ce-brand{display:inline-flex;align-items:center;gap:10px;color:var(--ce-text);font-size:16px;font-weight:850;letter-spacing:-.025em;text-decoration:none} .ce-brand img{width:34px;height:34px;object-fit:cover;border-radius:10px;box-shadow:0 8px 22px rgba(96,80,246,.26)} .ce-head-actions{display:flex;align-items:center;gap:7px} .ce-link,.ce-text-action,.ce-back{border:0;background:transparent;color:#dce2f5;font-weight:700;padding:10px 7px} .ce-small-cta{border:1px solid rgba(169,158,255,.55);border-radius:10px;background:rgba(129,115,255,.13);color:#f5f3ff;font-weight:800;padding:9px 12px} .ce-btn{min-height:46px;border:1px solid transparent;border-radius:14px;padding:11px 15px;background:linear-gradient(135deg,#8b7cff,#7161e9);box-shadow:0 12px 28px rgba(99,83,237,.22);color:#fff;font-weight:850;letter-spacing:-.012em;transition:transform .16s ease,background .16s ease,box-shadow .16s ease} .ce-btn:hover{transform:translateY(-1px);box-shadow:0 15px 32px rgba(99,83,237,.32)} .ce-btn span{margin-left:4px}.ce-btn.secondary{background:rgba(255,255,255,.025);border-color:var(--ce-line);box-shadow:none;color:#eef1fc}.ce-btn-wide{width:100%}.ce-btn-large{min-height:52px;padding:13px 19px;font-size:15px} .ce-eyebrow,.ce-kicker{display:block;color:var(--ce-mint);font-size:10px;font-weight:900;letter-spacing:.14em;line-height:1.2} /* Landing */ .ce-landing-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.86fr);gap:clamp(28px,6vw,78px);align-items:center;min-height:calc(100dvh - 106px);padding:48px 4.5% 66px} .ce-hero-copy{max-width:580px}.ce-hero-copy h1{max-width:520px;margin:13px 0 17px;font-size:clamp(46px,6.1vw,76px);line-height:.96;letter-spacing:-.067em}.ce-hero-copy>p{max-width:495px;margin:0;color:#b4bed2;font-size:18px;line-height:1.55;letter-spacing:-.012em}.ce-hero-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:28px}.ce-text-action{display:inline-flex;align-items:center;gap:6px;text-decoration:none}.ce-text-action:hover{color:#fff}.ce-text-action span{font-size:18px;line-height:.7}.ce-hero-note{margin:23px 0 0!important;color:#77839c!important;font-size:12px!important} .ce-product-preview{position:relative;isolation:isolate;display:grid;gap:12px;padding:18px;border:1px solid rgba(203,211,255,.15);border-radius:27px;background:linear-gradient(145deg,rgba(23,32,57,.96),rgba(9,12,22,.98));box-shadow:0 38px 80px rgba(0,0,0,.35);overflow:hidden;transform:rotate(1.25deg)} .ce-preview-glow{position:absolute;z-index:-1;inset:-50% -30% auto auto;width:250px;height:250px;border-radius:50%;background:radial-gradient(circle,rgba(120,105,255,.38),transparent 66%);filter:blur(3px)} .ce-preview-top{display:flex;align-items:center;gap:10px;padding:3px 2px 5px}.ce-preview-top>div{display:grid;gap:2px;flex:1}.ce-preview-top b{font-size:14px}.ce-preview-top small,.ce-preview-balance small,.ce-preview-incoming small,.ce-preview-task small{color:#9ba7c1;font-size:10px;font-weight:800;letter-spacing:.08em}.ce-preview-logo,.ce-preview-avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:linear-gradient(135deg,#9285ff,#5ee0c4);font-weight:900}.ce-preview-dots{color:#9aa6c1;letter-spacing:2px}.ce-preview-balance{display:grid;gap:5px;padding:18px;border:1px solid rgba(187,198,255,.14);border-radius:18px;background:linear-gradient(145deg,rgba(130,115,255,.23),rgba(35,40,74,.55))}.ce-preview-balance strong{font-size:31px;letter-spacing:-.055em}.ce-preview-balance span,.ce-preview-incoming span,.ce-preview-task span{color:#aab5cb;font-size:12px}.ce-preview-incoming{display:flex;align-items:center;gap:10px;padding:13px;border:1px solid rgba(114,224,192,.21);border-radius:17px;background:rgba(32,74,75,.2)}.ce-preview-incoming>div{display:grid;gap:3px;flex:1}.ce-preview-incoming b,.ce-preview-task b{font-size:13px}.ce-preview-avatar{width:35px;height:35px;border-radius:50%;background:linear-gradient(135deg,#f2b97c,#9f77ff)}.ce-preview-arrow{font-size:20px;color:var(--ce-mint)!important}.ce-preview-task{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px;border:1px solid rgba(255,255,255,.1);border-radius:17px;background:rgba(255,255,255,.035)}.ce-preview-task>div{display:grid;gap:3px}.ce-preview-task>strong{color:#92ebcf;font-size:16px} .ce-landing-section{padding:78px 4.5%;border-top:1px solid rgba(229,235,255,.08)}.ce-simple-intro{display:grid;grid-template-columns:1.1fr .9fr;align-items:end;gap:50px;padding-top:62px;padding-bottom:62px}.ce-simple-intro h2,.ce-section-heading h2{max-width:540px;margin:11px 0 0;font-size:clamp(30px,4vw,50px);line-height:1.02;letter-spacing:-.055em}.ce-simple-intro p,.ce-section-heading p{max-width:500px;margin:0;color:#aeb8cc;font-size:16px;line-height:1.55}.ce-section-heading{display:grid;gap:10px;margin-bottom:29px}.ce-section-heading p{margin-top:2px} .ce-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.ce-step{min-height:192px;padding:23px 20px;border:1px solid var(--ce-line);border-radius:19px;background:linear-gradient(160deg,rgba(27,34,55,.78),rgba(12,16,27,.72));display:grid;gap:20px}.ce-step-number{color:var(--ce-mint);font-weight:950;font-size:13px;letter-spacing:.1em}.ce-step h3,.ce-way-card h3{margin:0 0 7px;font-size:18px;letter-spacing:-.03em}.ce-step p,.ce-way-card p{margin:0;color:#a9b4ca;font-size:14px;line-height:1.45} .ce-ways{background:linear-gradient(180deg,rgba(129,115,255,.07),transparent 80%)}.ce-way-grid{display:grid;grid-template-columns:1.12fr 1fr 1fr;gap:13px}.ce-way-card{min-height:210px;padding:23px;border:1px solid var(--ce-line);border-radius:20px;background:rgba(13,18,31,.7)}.ce-way-card>span{display:grid;place-items:center;width:34px;height:34px;margin-bottom:42px;border-radius:11px;background:#202947;color:#c5c0ff;font-weight:900}.ce-way-chat{border-color:rgba(114,224,192,.26);background:linear-gradient(145deg,rgba(53,103,98,.26),rgba(14,24,35,.8))}.ce-way-chat>span{background:rgba(114,224,192,.18);color:#a6f0d9} .ce-market-section{display:grid;grid-template-columns:.9fr 1.1fr;align-items:end;gap:48px}.ce-market-section .ce-section-heading{margin:0}.ce-market-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.ce-market-grid span{display:grid;gap:3px;padding:14px;border:1px solid rgba(225,231,255,.12);border-radius:14px;color:#eef2ff;font-size:14px;font-weight:800}.ce-market-grid small{color:#9ca9c0;font-size:11px;font-weight:600} .ce-trust{display:flex;align-items:center;gap:20px;border:1px solid rgba(169,158,255,.2);border-radius:23px;background:linear-gradient(135deg,rgba(107,91,238,.17),rgba(17,25,41,.62));margin:68px 4.5%;padding:29px}.ce-trust-mark{display:grid;place-items:center;flex:0 0 auto;width:56px;height:56px;border:1px solid rgba(169,158,255,.4);border-radius:17px;background:rgba(129,115,255,.16);color:#c4bcff;font-size:25px}.ce-trust h2{margin:9px 0 8px;font-size:26px;letter-spacing:-.04em}.ce-trust p{margin:0;color:#b0bacd;line-height:1.52} .ce-faqs{border-bottom:1px solid var(--ce-line)}.ce-faq{border-top:1px solid var(--ce-line);padding:0}.ce-faq summary{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:19px 0;cursor:pointer;font-weight:800;list-style:none}.ce-faq summary::-webkit-details-marker{display:none}.ce-faq summary span{color:#a99eff;font-size:20px;font-weight:400}.ce-faq[open] summary span{transform:rotate(45deg)}.ce-faq p{max-width:650px;margin:0 0 19px;color:#aab5ca;line-height:1.55} .ce-final-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:70px 4.5% 0;padding:36px;border:1px solid rgba(114,224,192,.24);border-radius:24px;background:linear-gradient(135deg,rgba(42,99,92,.28),rgba(22,25,52,.86))}.ce-final-cta h2{margin:9px 0 6px;font-size:32px;letter-spacing:-.045em}.ce-final-cta p{margin:0;color:#b2bdcf}.ce-footer{display:flex;flex-wrap:wrap;gap:16px;padding:32px 4.5% 8px;color:#929db4;font-size:12px}.ce-footer a{text-decoration:none}.ce-footer span{margin-left:auto} /* Authentication */ .ce-auth-page{max-width:760px}.ce-auth{max-width:440px;margin:48px auto 0}.ce-auth h1{margin:10px 0 7px;font-size:38px;letter-spacing:-.052em}.ce-auth-copy{margin:0 0 26px;color:#aeb8ca;line-height:1.5}.ce-field{display:grid;gap:7px;margin:14px 0}.ce-field label{color:#c7cfdf;font-size:13px;font-weight:700}.ce-field input,.ce-field select{width:100%;min-height:50px;border:1px solid var(--ce-line);border-radius:13px;background:#0c1120;color:#f6f8ff;padding:0 13px;outline:none}.ce-field input:focus,.ce-field select:focus{border-color:rgba(169,158,255,.8);box-shadow:0 0 0 3px rgba(129,115,255,.15)}.ce-error{min-height:18px;margin:4px 0;color:#ffa6b4;font-size:13px;line-height:1.4}.ce-auth-switch{margin:18px 0;color:#a8b2c5;font-size:14px}.ce-auth-switch a{color:#c4bcff;font-weight:800} /* App shell and Home */ .ce-shell-top{display:flex;align-items:center;justify-content:space-between;min-height:72px;padding:16px 0 10px}.ce-shell-top h1{margin:3px 0 0;font-size:23px;letter-spacing:-.045em}.ce-profile-button{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--ce-line);border-radius:12px;background:rgba(255,255,255,.035);color:#dfe5f6;font-size:18px} .ce-home-balance,.ce-wallet-hero{display:flex;align-items:end;justify-content:space-between;gap:14px;padding:23px 22px;border:1px solid rgba(169,158,255,.25);border-radius:21px;background:linear-gradient(140deg,rgba(92,78,214,.28),rgba(19,27,48,.83))}.ce-home-balance>div,.ce-wallet-hero{display:grid;gap:5px}.ce-home-balance small,.ce-wallet-hero small{color:#c7c4ff;font-size:10px;font-weight:900;letter-spacing:.13em}.ce-home-balance strong,.ce-wallet-hero strong{font-size:clamp(32px,8vw,42px);line-height:1;letter-spacing:-.065em}.ce-home-balance span,.ce-wallet-hero span{color:#aeb9ce;font-size:12px}.ce-balance-link{border:0;background:transparent;color:#eef1ff;font-size:13px;font-weight:850;white-space:nowrap;padding:8px 0}.ce-balance-link span{margin-left:3px;color:#c5bdff} .ce-focus-card{display:grid;gap:9px;margin-top:13px;padding:22px;border:1px solid rgba(114,224,192,.27);border-radius:21px;background:linear-gradient(150deg,rgba(37,89,84,.23),rgba(16,22,37,.95))}.ce-focus-card h2,.ce-home-section h2,.ce-withdraw-card h2{margin:0;font-size:25px;letter-spacing:-.047em}.ce-focus-card p,.ce-withdraw-card p{max-width:560px;margin:0;color:#aeb8ca;line-height:1.48}.ce-focus-card .ce-opportunity{margin-top:5px} .ce-incoming-card{display:flex;align-items:flex-start;gap:13px;margin-top:13px;padding:19px;border:1px solid rgba(169,158,255,.35);border-radius:20px;background:linear-gradient(145deg,rgba(70,57,156,.26),rgba(15,20,35,.92));animation:ce-in 320ms ease both}.ce-incoming-card[hidden]{display:none}.ce-incoming-avatar{display:grid;place-items:center;flex:0 0 auto;width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#a99eff,#6ce1c1);color:#fff;font-size:18px}.ce-incoming-card>div{min-width:0}.ce-incoming-card small{color:#c8c5ff;font-size:10px;font-weight:900;letter-spacing:.12em}.ce-incoming-card h2{margin:5px 0 4px;font-size:20px;letter-spacing:-.04em}.ce-incoming-card p{margin:0;color:#b1bdd1;font-size:14px}.ce-invite-actions{display:flex;gap:8px;margin-top:14px}.ce-invite-actions .ce-btn{min-height:41px} .ce-home-section{display:grid;gap:13px;margin-top:30px}.ce-section-row{display:flex;align-items:end;justify-content:space-between;gap:12px}.ce-section-row h2{font-size:24px}.ce-section-row .ce-text-action{padding-right:0;white-space:nowrap}.ce-opportunity-list{display:grid;gap:11px} .ce-opportunity{display:grid;gap:9px;padding:18px;border:1px solid var(--ce-line);border-radius:19px;background:linear-gradient(145deg,rgba(24,31,50,.94),rgba(11,15,25,.95));transition:border-color .16s ease,transform .16s ease}.ce-opportunity:hover{border-color:rgba(169,158,255,.38)}.ce-opportunity-compact{padding:16px}.ce-opportunity-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.ce-opportunity-top strong{color:#91ebcf;font-size:16px;letter-spacing:-.025em}.ce-opportunity-type{color:#adb8cd;font-size:10px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.ce-opportunity h3{margin:0;color:#f7f8ff;font-size:18px;letter-spacing:-.032em}.ce-opportunity p{margin:0;color:#aeb8ca;font-size:14px;line-height:1.45}.ce-meta{display:flex;flex-wrap:wrap;gap:6px}.ce-meta span{padding:6px 8px;border-radius:999px;background:rgba(255,255,255,.055);color:#c1cadb;font-size:11px;font-weight:700}.ce-opportunity-details{border-top:1px solid rgba(225,232,255,.1);padding-top:9px}.ce-opportunity-details summary{display:flex;justify-content:space-between;gap:10px;cursor:pointer;color:#d7def1;font-size:12px;font-weight:800;list-style:none}.ce-opportunity-details summary::-webkit-details-marker{display:none}.ce-opportunity-details summary span{color:#aba2ff}.ce-opportunity-details p{margin-top:8px;font-size:12px}.ce-opportunity-details small{display:block;margin-top:6px;color:#8fa0b7;font-size:11px}.ce-opportunity .ce-btn{justify-self:start;min-height:42px;padding:9px 12px;font-size:13px} .ce-withdraw-card{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:25px;padding:21px;border:1px solid rgba(248,196,124,.2);border-radius:20px;background:linear-gradient(145deg,rgba(101,76,38,.2),rgba(17,22,34,.96))}.ce-withdraw-card>div{display:grid;gap:8px}.ce-withdraw-card .ce-btn{flex:0 0 auto}.ce-community-strip{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:25px;padding:19px 0;border-top:1px solid var(--ce-line);border-bottom:1px solid var(--ce-line)}.ce-community-strip h2{margin:6px 0 0;font-size:20px;letter-spacing:-.035em}.ce-community-strip>div:last-child{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.ce-community-strip a{padding:8px 10px;border:1px solid var(--ce-line);border-radius:10px;color:#dce3f4;font-size:12px;font-weight:800;text-decoration:none}.ce-community-strip a span{color:#bcb4ff}.ce-recent{padding-bottom:4px}.ce-recent article,.ce-activity-list article{display:flex;align-items:center;gap:10px;padding:12px 2px;border-bottom:1px solid rgba(224,232,255,.08)}.ce-recent article>div,.ce-activity-list article>div{display:grid;gap:3px;min-width:0;flex:1}.ce-recent b,.ce-activity-list b{font-size:13px}.ce-recent small,.ce-activity-list small{color:#98a6be;font-size:11px}.ce-activity-dot{width:8px;height:8px;border-radius:50%;background:var(--ce-mint);box-shadow:0 0 0 4px rgba(114,224,192,.1)} /* Chat */ .ce-chat-page{padding-bottom:calc(116px + env(safe-area-inset-bottom) + var(--ce-keyboard))}.ce-chat-head{position:sticky;z-index:10;top:0;display:flex;align-items:center;gap:10px;min-height:67px;padding:10px 0;background:linear-gradient(var(--ce-bg) 76%,transparent)}.ce-back{padding:8px 2px;color:#e4e8fa;font-size:16px}.ce-back span{font-size:13px;font-weight:800}.ce-partner-avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#f2bf81,#9476ff);font-size:14px;font-weight:900}.ce-chat-head>div{display:grid;gap:2px;min-width:0;flex:1}.ce-chat-head b{font-size:14px}.ce-chat-head small{color:#9fabbe;font-size:11px}.ce-chat-progress{padding:7px 8px;border-radius:9px;background:rgba(114,224,192,.1);color:#9be9d1;font-size:11px;font-weight:900}.ce-chat-context{display:flex;justify-content:space-between;align-items:center;margin:2px 0 13px;padding:9px 11px;border:1px solid rgba(114,224,192,.14);border-radius:12px;background:rgba(33,82,77,.15);color:#aebbd0;font-size:11px}.ce-chat-context b{color:#baf4e2;font-size:12px}.ce-chat-log{display:grid;gap:10px;padding:8px 0 13px;scroll-margin-bottom:150px}.ce-message{max-width:min(87%,560px);padding:12px 13px;border:1px solid rgba(229,236,255,.09);border-radius:17px 17px 17px 5px;background:#182139;color:#edf1fb;font-size:14px;line-height:1.46}.ce-message.user{justify-self:end;border-color:transparent;border-radius:17px 17px 5px 17px;background:linear-gradient(135deg,#7968f0,#6555d8)}.ce-typing{display:flex;align-items:center;align-self:start;gap:4px;padding:10px 12px;border-radius:15px;background:#182139;color:#9faac0}.ce-typing span{width:5px;height:5px;border-radius:50%;background:#bac3e3;animation:ce-dot 900ms ease-in-out infinite}.ce-typing span:nth-child(2){animation-delay:140ms}.ce-typing span:nth-child(3){animation-delay:280ms}.ce-typing small{margin-left:4px;font-size:10px}.ce-chat-opportunity{display:grid;gap:10px;margin:12px 0;padding:17px;border:1px solid rgba(169,158,255,.24);border-radius:21px;background:linear-gradient(145deg,rgba(63,51,135,.18),rgba(13,18,30,.95))}.ce-chat-opportunity-intro{display:grid;gap:4px}.ce-chat-opportunity-intro h2{margin:0;font-size:20px;letter-spacing:-.043em}.ce-chat-opportunity-intro p{margin:0;color:#abb6ca;font-size:13px}.ce-opportunity-chat{background:rgba(8,12,21,.46)}.ce-chat-complete{display:grid;justify-items:start;gap:9px;margin-top:8px;padding:22px;border:1px solid rgba(114,224,192,.3);border-radius:22px;background:linear-gradient(145deg,rgba(40,104,93,.25),rgba(13,20,30,.96))}.ce-complete-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:rgba(114,224,192,.18);color:#a7f0d8;font-weight:950}.ce-chat-complete h2{margin:0;font-size:25px;letter-spacing:-.045em}.ce-chat-complete p{margin:0;color:#b2bdd0;line-height:1.48}.ce-compose-area{position:fixed;z-index:25;bottom:calc(env(safe-area-inset-bottom) + var(--ce-keyboard));left:50%;width:min(100%,760px);transform:translateX(-50%);padding:10px 18px 12px;background:linear-gradient(transparent 0%,var(--ce-bg) 24%)}.ce-suggestions{display:flex;gap:7px;overflow:auto;padding:7px 0 9px;scrollbar-width:none}.ce-suggestions::-webkit-scrollbar{display:none}.ce-suggestions button{flex:0 0 auto;max-width:80%;border:1px solid rgba(169,158,255,.22);border-radius:999px;background:#151c31;color:#dfe4f7;padding:7px 10px;font-size:12px;white-space:nowrap}.ce-chat-compose{display:flex;gap:8px}.ce-chat-compose input{min-width:0;flex:1;min-height:47px;border:1px solid rgba(225,232,255,.14);border-radius:14px;background:#11192b;color:#f6f8ff;padding:0 13px;outline:none}.ce-chat-compose input:focus{border-color:rgba(169,158,255,.78)}.ce-chat-compose .ce-btn{min-height:47px;border-radius:14px} /* Earn, Wallet, Profile */ .ce-earn-intro{margin:4px 0 20px}.ce-earn-intro h2{max-width:420px;margin:0 0 6px;font-size:29px;line-height:1.04;letter-spacing:-.055em}.ce-earn-intro p{margin:0;color:#aeb9ca}.ce-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:0 0 14px;padding:4px;border:1px solid var(--ce-line);border-radius:13px;background:#0d1321}.ce-tabs button{min-height:40px;border:0;border-radius:9px;background:transparent;color:#aab5ca;font-size:13px;font-weight:850}.ce-tabs button.active{background:#222b45;color:#f8f9ff;box-shadow:0 4px 12px rgba(0,0,0,.18)}.ce-tabs button span{margin-left:4px;color:#9ef0d5;font-size:11px}.ce-empty-state{display:grid;justify-items:center;gap:7px;padding:42px 18px;border:1px dashed rgba(225,232,255,.16);border-radius:20px;color:#aab5c9;text-align:center}.ce-empty-state>span{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:#1a2237;color:#c2bbff;font-weight:900}.ce-empty-state h2{margin:2px 0 0;color:#e9edf9;font-size:18px}.ce-empty-state p{max-width:280px;margin:0;font-size:13px;line-height:1.48} .ce-wallet-hero{display:grid;align-items:start;margin-top:3px}.ce-wallet-hero strong{font-size:45px}.ce-wallet-withdraw{margin-top:14px}.ce-activity-list{display:grid}.ce-activity-list article strong{color:#93ebd0;font-size:13px;white-space:nowrap} .ce-profile-hero{display:flex;align-items:center;gap:13px;padding:16px 0 27px}.ce-profile-hero>span{display:grid;place-items:center;width:52px;height:52px;border-radius:18px;background:linear-gradient(135deg,#917fff,#58d5b8);color:#fff;font-size:22px;font-weight:950}.ce-profile-hero h2{margin:0 0 3px;font-size:24px;letter-spacing:-.045em}.ce-profile-hero p{margin:0;color:#aab5ca;font-size:13px}.ce-profile-group{display:grid;margin-bottom:20px;border-top:1px solid var(--ce-line)}.ce-profile-group>.ce-eyebrow{padding:14px 2px 8px}.ce-profile-group button,.ce-profile-group a{display:flex;align-items:center;justify-content:space-between;min-height:51px;border:0;border-bottom:1px solid rgba(225,232,255,.08);background:transparent;color:#eef1fb;font-size:14px;font-weight:750;text-align:left;text-decoration:none;padding:0 3px}.ce-profile-group b{color:#a89eff;font-size:21px;font-weight:500}.ce-logout{width:100%;min-height:46px;margin-top:3px;border:1px solid rgba(255,147,164,.23);border-radius:13px;background:rgba(255,110,135,.06);color:#ffb0bd;font-weight:800}.ce-support-page{padding-bottom:calc(110px + env(safe-area-inset-bottom))}.ce-support-intro,.ce-support-list{display:grid;gap:10px;margin:0 0 16px;padding:16px;border:1px solid var(--ce-line);border-radius:18px;background:rgba(255,255,255,.025)}.ce-support-intro p,.ce-support-list p{margin:0;color:var(--ce-muted);font-size:13px;line-height:1.5}.ce-support-form{display:grid;gap:13px;margin-bottom:20px;padding:16px;border:1px solid var(--ce-line);border-radius:18px;background:rgba(255,255,255,.025)}.ce-support-form label{display:grid;gap:7px;color:var(--ce-muted);font-size:12px;font-weight:800}.ce-support-form input,.ce-support-form select,.ce-support-form textarea{width:100%;border:1px solid var(--ce-line);border-radius:12px;background:var(--ce-panel);color:var(--ce-text);padding:11px;outline:0}.ce-support-form textarea{resize:vertical}.ce-support-ticket{display:grid;gap:4px;padding:12px 0;border-bottom:1px solid var(--ce-line)}.ce-support-ticket:last-child{border-bottom:0}.ce-support-ticket strong{font-size:14px}.ce-support-ticket small{color:var(--ce-dim);text-transform:capitalize}.ce-support-ticket p{font-size:12px}.ce-form-error{min-height:18px;margin:0;color:#c43c55;font-size:12px} /* Canonical withdrawal and account-history subroutes */ .ce-subroute-head{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:69px;padding:10px 0}.ce-subroute-head>.ce-back{justify-self:start}.ce-subroute-head>div{text-align:center}.ce-subroute-head h1{margin:2px 0 0;font-size:20px;letter-spacing:-.04em}.ce-subroute-head>span{justify-self:end;width:28px}.ce-withdraw-overview{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:23px 20px;border:1px solid rgba(169,158,255,.26);border-radius:21px;background:linear-gradient(140deg,rgba(89,74,205,.27),rgba(17,25,44,.94))}.ce-withdraw-overview>div:first-child{display:grid;gap:5px}.ce-withdraw-overview small{color:#c5c7f7;font-size:10px;font-weight:900;letter-spacing:.12em}.ce-withdraw-overview strong{font-size:34px;line-height:1;letter-spacing:-.06em}.ce-withdraw-overview p{margin:2px 0 0;color:#aeb9cc;font-size:12px;line-height:1.4}.ce-progress-ring{position:relative;display:grid;place-content:center;justify-items:center;flex:0 0 auto;width:76px;height:76px;border-radius:50%;background:conic-gradient(#7fe0c1 var(--ce-progress),rgba(255,255,255,.12) 0)}.ce-progress-ring:before{position:absolute;inset:6px;border-radius:50%;background:#161c30;content:""}.ce-progress-ring b,.ce-progress-ring small{position:relative}.ce-progress-ring b{font-size:15px}.ce-progress-ring small{color:#aeb8ca;font-size:9px;letter-spacing:0}.ce-withdraw-goal{display:grid;gap:9px;margin-top:12px;padding:15px 4px 4px}.ce-withdraw-goal>div:first-child{display:flex;justify-content:space-between;gap:10px;color:#dce2f1;font-size:13px}.ce-withdraw-goal>div:first-child b{font-size:14px}.ce-progress-line{height:7px;border-radius:999px;background:rgba(230,236,255,.1);overflow:hidden}.ce-progress-line i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#8274ff,#72e0c0)}.ce-withdraw-goal>small{color:#9ba7bf;font-size:12px}.ce-readiness-list{display:grid;gap:0;margin-top:22px;border-top:1px solid var(--ce-line)}.ce-readiness-list>.ce-eyebrow{padding:16px 0 9px}.ce-readiness-list article{display:flex;align-items:flex-start;gap:10px;padding:13px 0;border-bottom:1px solid rgba(225,232,255,.08)}.ce-readiness-list article>span{display:grid;place-items:center;flex:0 0 auto;width:18px;height:18px;margin-top:2px;border-radius:50%;background:rgba(248,196,124,.15);color:#f8c47c;font-size:14px}.ce-readiness-list article>div{display:grid;gap:3px;min-width:0;flex:1}.ce-readiness-list h2{margin:0;font-size:14px;letter-spacing:-.02em}.ce-readiness-list p{margin:0;color:#9facbf;font-size:12px;line-height:1.43}.ce-readiness-list .ce-text-action{align-self:center;flex:0 0 auto;font-size:12px}.ce-payout-prep{margin-top:20px;border:1px solid var(--ce-line);border-radius:18px;background:rgba(255,255,255,.022)}.ce-payout-prep>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;padding:17px;list-style:none}.ce-payout-prep>summary::-webkit-details-marker{display:none}.ce-payout-prep h2,.ce-payment-head h2{margin:6px 0 4px;font-size:18px;letter-spacing:-.035em}.ce-payout-prep p,.ce-payment-head p{margin:0;color:#a7b3c8;font-size:12px;line-height:1.45}.ce-payout-prep>summary>span{color:#b4adff}.ce-payment-form{display:grid;gap:12px;padding:17px;border-top:1px solid var(--ce-line)}.ce-payment-form label{display:grid;gap:6px;color:#cbd3e3;font-size:12px;font-weight:800}.ce-payment-form input,.ce-payment-form select{width:100%;min-height:47px;border:1px solid rgba(225,232,255,.15);border-radius:12px;background:#0b1120;color:#f4f6ff;padding:0 12px;outline:none}.ce-payment-form input:focus,.ce-payment-form select:focus{border-color:rgba(169,158,255,.8);box-shadow:0 0 0 3px rgba(129,115,255,.14)}.ce-payment-fields{display:grid;gap:12px}.ce-form-error{min-height:17px;margin:0;color:#ffabb9;font-size:12px;line-height:1.4}.ce-withdraw-note{display:flex;align-items:flex-start;gap:9px;margin-top:22px;padding:14px;border-radius:14px;background:rgba(114,224,192,.06);color:#b2c1d2;font-size:12px;line-height:1.45}.ce-withdraw-note>span,.ce-kyc-card>span{display:grid;place-items:center;flex:0 0 auto;width:22px;height:22px;border-radius:50%;background:rgba(114,224,192,.14);color:#a7f1d9;font-weight:900}.ce-withdraw-note p{margin:1px 0 0}.ce-kyc-card{display:grid;justify-items:start;gap:10px;max-width:540px;margin:36px auto;padding:25px;border:1px solid var(--ce-line);border-radius:21px;background:linear-gradient(145deg,rgba(26,32,51,.85),rgba(10,14,24,.95))}.ce-kyc-card>span{width:40px;height:40px;border-radius:13px;font-size:19px}.ce-kyc-card h2{margin:1px 0 0;font-size:25px;letter-spacing:-.045em}.ce-kyc-card p{margin:0;color:#adbad0;line-height:1.52} /* Opportunity detail */ .ce-detail-page{padding-bottom:calc(104px + env(safe-area-inset-bottom))}.ce-detail-hero{display:flex;align-items:flex-start;gap:13px;padding:21px 0 22px}.ce-detail-icon{display:grid;place-items:center;flex:0 0 auto;width:48px;height:48px;border:1px solid rgba(169,158,255,.28);border-radius:16px;background:linear-gradient(135deg,rgba(129,115,255,.34),rgba(114,224,192,.14));color:#d9d4ff;font-size:22px}.ce-detail-hero>div{display:grid;gap:5px}.ce-detail-hero h2{margin:0;font-size:28px;line-height:1.04;letter-spacing:-.055em}.ce-detail-hero strong{color:#93ebd0;font-size:22px;letter-spacing:-.035em}.ce-detail-section{display:grid;gap:8px;padding:19px;border:1px solid var(--ce-line);border-radius:19px;background:rgba(255,255,255,.024)}.ce-detail-section h2{margin:0;font-size:19px;line-height:1.28;letter-spacing:-.033em}.ce-detail-section p{margin:0;color:#aeb9cd;line-height:1.5}.ce-detail-facts{display:grid;gap:8px;margin-top:11px}.ce-detail-facts article{display:flex;gap:10px;padding:12px;border:1px solid rgba(225,232,255,.09);border-radius:13px;background:rgba(255,255,255,.018)}.ce-detail-facts article>span{color:#a99eff;font-size:17px}.ce-detail-facts article>div{display:grid;gap:2px}.ce-detail-facts small{color:#98a7bd;font-size:9px;font-weight:900;letter-spacing:.11em}.ce-detail-facts b{font-size:13px}.ce-detail-action{display:grid;gap:9px;margin-top:18px;padding:19px;border:1px solid rgba(114,224,192,.22);border-radius:19px;background:linear-gradient(145deg,rgba(42,93,86,.17),rgba(12,17,28,.96))}.ce-detail-action h2{margin:0;font-size:22px;letter-spacing:-.045em}.ce-detail-action p{margin:0;color:#aebacc;font-size:13px;line-height:1.48}.ce-task-proof label{display:grid;gap:6px;color:#d2d9e8;font-size:12px;font-weight:800}.ce-task-proof textarea,.ce-task-proof input{width:100%;border:1px solid rgba(225,232,255,.15);border-radius:12px;background:#0b1120;color:#f4f6ff;padding:11px}.ce-task-proof textarea{min-height:88px;resize:vertical}.ce-task-proof input[type=file]{min-height:47px;padding:10px;font-size:12px}.ce-task-proof textarea:focus,.ce-task-proof input:focus{border-color:rgba(169,158,255,.8);outline:none} /* Navigation and feedback */ .ce-nav{position:fixed;z-index:30;bottom:0;left:50%;transform:translateX(-50%);display:grid;grid-template-columns:repeat(5,1fr);width:min(100%,760px);padding:7px 13px calc(7px + env(safe-area-inset-bottom));border-top:1px solid rgba(225,232,255,.12);background:rgba(7,9,18,.92);backdrop-filter:blur(18px)}.ce-nav button{display:grid;justify-items:center;gap:3px;min-height:51px;border:0;background:transparent;color:#8e9bb2}.ce-nav button>span{font-size:17px;line-height:1}.ce-nav button small{font-size:10px;font-weight:750}.ce-nav button.active{color:#a89eff}.ce-nav button.active small{font-weight:900}.ce-toast{position:fixed;z-index:90;bottom:calc(87px + env(safe-area-inset-bottom) + var(--ce-keyboard));left:50%;width:min(calc(100% - 28px),440px);transform:translateX(-50%);padding:12px 14px;border:1px solid rgba(225,232,255,.16);border-radius:14px;background:#202b46;color:#f5f7ff;box-shadow:0 18px 44px rgba(0,0,0,.38);font-size:13px;font-weight:750;text-align:center}.ce-toast.reward{border-color:rgba(114,224,192,.35);background:#163b39;color:#b9f2df} .ce-legal{max-width:620px;margin:36px auto}.ce-legal h1{margin:10px 0;font-size:37px;letter-spacing:-.055em;text-transform:capitalize}.ce-legal p{color:#aab4c7;line-height:1.55} @keyframes ce-dot{0%,75%,100%{transform:translateY(0);opacity:.5}38%{transform:translateY(-3px);opacity:1}}@keyframes ce-in{from{transform:translateY(7px);opacity:0}to{transform:translateY(0);opacity:1}} @media(max-width:800px){.ce-landing-hero{padding-left:0;padding-right:0;gap:35px}.ce-landing-section{padding-left:0;padding-right:0}.ce-trust,.ce-final-cta{margin-left:0;margin-right:0}} @media(max-width:720px){.ce-contract{padding-left:16px;padding-right:16px}.ce-landing-hero{grid-template-columns:1fr;min-height:auto;padding-top:39px;padding-bottom:51px}.ce-hero-copy h1{max-width:460px;font-size:clamp(43px,13vw,58px)}.ce-hero-copy>p{font-size:16px}.ce-product-preview{max-width:480px;justify-self:center;width:100%;transform:none}.ce-simple-intro,.ce-market-section{grid-template-columns:1fr;gap:20px}.ce-landing-section{padding-top:54px;padding-bottom:54px}.ce-steps,.ce-way-grid{grid-template-columns:1fr}.ce-step{grid-template-columns:42px 1fr;min-height:0;gap:13px;padding:18px}.ce-step-number{padding-top:2px}.ce-way-card{display:grid;grid-template-columns:38px 1fr;align-items:start;min-height:0;gap:12px;padding:18px}.ce-way-card>span{grid-row:span 2;margin:0}.ce-market-grid{grid-template-columns:1fr 1fr}.ce-trust{align-items:flex-start;margin-top:44px;margin-bottom:44px;padding:22px}.ce-final-cta{display:grid;gap:18px;margin-top:48px;padding:25px}.ce-final-cta .ce-btn{width:100%}.ce-footer span{width:100%;margin:4px 0 0}.ce-incoming-card{padding:17px}.ce-withdraw-card{align-items:flex-start;flex-direction:column}.ce-withdraw-card .ce-btn{width:100%}.ce-community-strip{align-items:flex-start;flex-direction:column}.ce-community-strip>div:last-child{justify-content:flex-start}.ce-chat-page{padding-left:13px;padding-right:13px}.ce-compose-area{padding-left:13px;padding-right:13px}.ce-opportunity h3{font-size:17px}} @media(max-width:390px){.ce-contract{padding-left:13px;padding-right:13px}.ce-head{height:68px}.ce-small-cta{padding:8px 10px}.ce-hero-copy h1{font-size:42px}.ce-hero-actions{align-items:stretch;gap:10px}.ce-hero-actions .ce-btn-large{width:100%}.ce-hero-actions .ce-text-action{justify-content:center}.ce-product-preview{padding:15px;border-radius:21px}.ce-preview-balance strong{font-size:28px}.ce-market-grid{grid-template-columns:1fr}.ce-trust{gap:14px;padding:18px}.ce-trust-mark{width:44px;height:44px;border-radius:13px}.ce-trust h2{font-size:22px}.ce-final-cta h2{font-size:28px}.ce-home-balance{padding:19px}.ce-home-balance strong{font-size:34px}.ce-focus-card{padding:18px}.ce-focus-card h2,.ce-home-section h2,.ce-withdraw-card h2{font-size:22px}.ce-incoming-card{gap:10px}.ce-incoming-avatar{width:35px;height:35px}.ce-invite-actions{display:grid;grid-template-columns:1fr 1fr}.ce-invite-actions .ce-btn{padding-left:8px;padding-right:8px}.ce-nav{padding-left:8px;padding-right:8px}.ce-nav button>span{font-size:16px}.ce-chat-head{gap:8px}.ce-back span{display:none}.ce-message{max-width:90%}.ce-chat-complete{padding:18px}} @media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}} .ce-onboard-page{padding-bottom:calc(28px + env(safe-area-inset-bottom));background:#050505} .ce-onboard-page .ce-subroute-head{min-height:58px} .ce-onboard-hero{display:grid;justify-items:center;gap:10px;padding:8px 4px 18px;text-align:center} .ce-onboard-hero h2{margin:4px 0 0;font-size:26px;letter-spacing:-.045em;line-height:1.15} .ce-onboard-hero p{margin:0;max-width:360px;color:#b3b8c7;font-size:14px;line-height:1.5} .ce-onboard-mark{display:grid;place-items:center;width:54px;height:54px;border-radius:18px;background:#161616;font-size:26px} .ce-kyc-shield{display:grid;place-items:center;width:64px;height:64px} .ce-kyc-flow-card{display:grid;gap:14px;margin:8px 0 18px;padding:28px 22px 24px;border:1px solid #222;border-radius:24px;background:linear-gradient(160deg,#111827,#090b10);box-shadow:0 20px 55px rgba(0,0,0,.28)} .ce-kyc-flow-card .eyebrow{color:#a78bfa;font-size:11px;font-weight:900;letter-spacing:.16em} .ce-kyc-flow-card h1{margin:0;font-size:clamp(30px,8vw,42px);line-height:1.03;letter-spacing:-.055em;color:#fff} .ce-kyc-flow-card>p{margin:0;color:#b3b8c7;font-size:15px;line-height:1.5} .ce-kyc-flow-card .ce-kyc-go{margin-top:2px} .ce-bank-form{display:grid;gap:14px;padding:6px 2px 20px} .ce-bank-form label{display:grid;gap:7px;color:#d7dce8;font-size:12px;font-weight:800} .ce-bank-form input,.ce-bank-form select{width:100%;min-height:52px;border:1px solid #2a2a2a;border-radius:14px;background:#121212;color:#fff;padding:0 14px;outline:none} .ce-bank-form input:focus,.ce-bank-form select:focus{border-color:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.16)} .ce-kyc-steps{display:grid;gap:0;margin:4px 0 16px;padding:6px 14px;list-style:none;border-radius:18px;background:#141414} .ce-kyc-steps li{display:flex;align-items:center;gap:12px;padding:14px 2px;border-bottom:1px solid #222} .ce-kyc-steps li:last-child{border-bottom:0} .ce-kyc-steps span{display:grid;place-items:center;flex:0 0 auto;width:26px;height:26px;border-radius:50%;background:#22c55e;color:#04140a;font-size:13px;font-weight:900} .ce-kyc-steps li.current span{background:#eab308;color:#1a1403} .ce-kyc-steps b{display:block;font-size:14px} .ce-kyc-steps small{display:block;margin-top:2px;color:#9aa3b5;font-size:12px} .ce-kyc-ready{margin:0 0 16px;padding:14px 16px;border:1px solid rgba(234,179,8,.35);border-radius:16px;background:rgba(73,53,6,.55);color:#f6e27a;font-size:13px;line-height:1.5;font-weight:700} .ce-kyc-ready b{color:#ffe58a} .ce-kyc-go{width:100%;min-height:54px;border:0;border-radius:16px;background:linear-gradient(180deg,#4ade80,#16a34a);color:#04140a;font-size:16px;font-weight:900;letter-spacing:.02em;text-transform:uppercase;box-shadow:0 12px 28px rgba(22,163,74,.28)} .ce-kyc-go:disabled{opacity:.45} .ce-withdraw-page .ce-withdraw-summary{gap:12px} .ce-withdraw-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:4px 0} .ce-withdraw-metrics article{display:grid;gap:6px;min-width:0;padding:13px;border:1px solid #2a3342;border-radius:15px;background:rgba(255,255,255,.035)} .ce-withdraw-metrics small{color:#aab4c5;font-size:10px;font-weight:900;letter-spacing:.08em;line-height:1.25} .ce-withdraw-metrics strong{color:#fff;font-size:clamp(15px,4.5vw,21px);line-height:1.15;overflow-wrap:anywhere} .ce-withdraw-guidance{padding:12px 14px;border-left:3px solid #34d399;border-radius:8px;background:rgba(52,211,153,.08);color:#e5f7f0!important} .ce-withdraw-hold-note{padding:12px 14px;border:1px solid rgba(167,139,250,.22);border-radius:14px;background:rgba(167,139,250,.06);font-size:13px!important} .ce-withdraw-retry{background:transparent;color:#e7eaf0;border:1px solid #374151;box-shadow:none;text-transform:none} @media(max-width:380px){.ce-withdraw-metrics{grid-template-columns:1fr}} html[data-ce-skin="money"]{color-scheme:dark!important;background:#050505!important} html[data-ce-skin="money"],html[data-ce-skin="money"] body{background:#050505!important;color:#f7f8ff!important} html[data-ce-skin="money"] .ce-contract{color:#f7f8ff!important} html[data-ce-skin="money"] .ce-kicker,html[data-ce-skin="money"] .ce-eyebrow{color:#86efac!important} html[data-ce-skin="money"] .ce-shell-top h1,html[data-ce-skin="money"] h1,html[data-ce-skin="money"] h2,html[data-ce-skin="money"] b{color:#fff!important} html[data-ce-skin="money"] .ce-back,html[data-ce-skin="money"] .ce-text-action{color:#d1d5db!important} html[data-ce-skin="money"] .ce-profile-button{background:#161616!important;border:1px solid #2a2a2a!important;color:#fff!important;box-shadow:none!important} html[data-ce-skin="money"] .ce-nav{background:rgba(5,5,5,.96)!important;border-color:#1f1f1f!important;box-shadow:none!important} html[data-ce-skin="money"] .ce-nav button{color:#8a8a8a!important;background:transparent!important} html[data-ce-skin="money"] .ce-nav button.active{color:#4ade80!important;background:#102418!important} html[data-ce-skin="money"] .ce-nav button.active span{background:none;-webkit-background-clip:unset;color:#4ade80!important} html[data-ce-skin="money"] .ce-kyc-go{background:linear-gradient(180deg,#4ade80,#16a34a)!important;color:#04140a!important;box-shadow:0 12px 28px rgba(22,163,74,.28)!important} .ce-money-page{padding-bottom:calc(98px + env(safe-area-inset-bottom))} .ce-money-balance{display:grid;gap:6px;padding:22px 18px;border:1px solid #1f1f1f;border-radius:18px;background:#121212} .ce-money-balance small{color:#86efac;font-size:10px;font-weight:900;letter-spacing:.12em} .ce-money-balance strong{font-size:clamp(32px,8vw,42px);line-height:1;letter-spacing:-.06em;color:#fff} .ce-money-balance span{color:#9ca3af;font-size:13px} .ce-money-card{display:grid;gap:10px;margin-top:14px;padding:20px 18px;border:1px solid #1f1f1f;border-radius:18px;background:#141414} .ce-money-card h2{margin:0;font-size:24px;letter-spacing:-.04em} .ce-money-card>p{margin:0;color:#9ca3af;font-size:14px;line-height:1.5} .ce-money-goal{display:grid;gap:8px;margin:6px 0 8px} .ce-money-goal>div:first-child{display:flex;justify-content:space-between;color:#d1d5db;font-size:13px} .ce-money-goal small{color:#9ca3af;font-size:12px} html[data-ce-skin="money"] .ce-progress-line{background:#222} html[data-ce-skin="money"] .ce-progress-line i{background:linear-gradient(90deg,#4ade80,#16a34a)} .ce-money-saved{margin:4px 0 0!important;color:#86efac!important;font-size:13px;font-weight:700} .ce-money-activity{display:grid;gap:0;margin-top:22px} .ce-money-activity>.ce-eyebrow{margin-bottom:8px} .ce-money-activity article{display:flex;align-items:center;gap:10px;padding:13px 2px;border-bottom:1px solid #1f1f1f} .ce-money-activity article>span{width:8px;height:8px;border-radius:50%;background:#22c55e} .ce-money-activity article>div{flex:1;min-width:0} .ce-money-activity article b{display:block;font-size:14px} .ce-money-activity article small{color:#9ca3af;font-size:12px} .ce-money-activity article strong{color:#86efac;font-size:13px;white-space:nowrap} .ce-money-empty{color:#9ca3af;font-size:13px} /* Day 2 member guidance: compact, readable, and safe on small screens. */ .day-welcome{display:grid;gap:8px;margin:0 0 14px;padding:16px;border:1px solid rgba(99,102,241,.24);border-radius:18px;background:linear-gradient(135deg,rgba(99,102,241,.13),rgba(14,165,233,.08));box-shadow:0 10px 24px rgba(15,23,42,.08)} .day-welcome .eyebrow{color:#6366f1;font-size:10px;font-weight:900;letter-spacing:.14em} .day-welcome h2{margin:0;font-size:21px;line-height:1.12;letter-spacing:-.03em} .day-welcome p{margin:0;color:var(--muted,#64748b);font-size:13px;line-height:1.5} .day-welcome small{color:var(--muted,#64748b);font-size:11px;line-height:1.4} .task-section-note{margin:0 2px 12px;color:var(--muted,#64748b);font-size:12px;line-height:1.45} html[data-ce-skin="money"] .day-welcome{border-color:#26352b;background:linear-gradient(135deg,rgba(22,101,52,.28),rgba(5,5,5,.4));box-shadow:none} html[data-ce-skin="money"] .day-welcome .eyebrow{color:#86efac} html[data-ce-skin="money"] .day-welcome p,html[data-ce-skin="money"] .day-welcome small,html[data-ce-skin="money"] .task-section-note{color:#a3a3a3} @media (max-width:420px){.day-welcome{padding:14px;border-radius:15px}.day-welcome h2{font-size:19px}.task-section-note{font-size:11px}} .ce-home-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:13px}.ce-home-status{display:grid;gap:5px;min-width:0;padding:14px 12px;border:1px solid #e0e4ee;border-radius:17px;background:#fff;box-shadow:var(--ce-shadow-soft);text-align:left;cursor:pointer}.ce-home-status .ce-eyebrow{color:#7357dc!important;font-size:9px}.ce-home-status strong{color:#252b3d;font-size:17px;letter-spacing:-.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ce-home-status small{color:#758096;font-size:10px;line-height:1.25}.ce-home-alerts{display:grid;gap:10px;margin-top:18px}.ce-home-alerts .ce-section-row{align-items:center}.ce-home-alerts h2{margin:5px 0 0;color:#24283a;font-size:21px;letter-spacing:-.04em}.ce-home-alert{display:grid;grid-template-columns:30px 1fr auto;align-items:start;gap:10px;padding:13px 12px;border:1px solid #e4e7ef;border-radius:16px;background:#fff;box-shadow:var(--ce-shadow-soft)}.ce-home-alert>span{display:grid;place-items:center;width:28px;height:28px;border-radius:10px;background:#fff0d8;color:#a05b16;font-weight:950}.ce-home-alert strong{display:block;color:#2a3041;font-size:12px}.ce-home-alert p{margin:3px 0 0;color:#6f7b90;font-size:11px;line-height:1.35}.ce-home-alert button{border:0;background:transparent;color:#7357dc;font-size:20px;cursor:pointer}.ce-earn-intro{display:grid;gap:8px;margin-top:4px;padding:19px;border:1px solid #e0e4ee;border-radius:20px;background:linear-gradient(135deg,#fff,#f7f5ff);box-shadow:var(--ce-shadow-soft)}.ce-earn-intro h2{margin:0;color:#24283a;font-size:25px;letter-spacing:-.045em}.ce-earn-intro p{margin:0;color:#687389;font-size:13px;line-height:1.5}.ce-earn-empty .task-empty{margin-top:14px} /* Source: consumer-vitality-v1.css */ /* ChatEarn consumer vitality layer — visual/conversion pass only. Financial and eligibility state remain owned by the canonical runtime/server. */ :root{ --ce-bg:#f6f7fb;--ce-bg-deep:#eef1f8;--ce-panel:#ffffff;--ce-panel-2:#f7f8fc; --ce-line:#e3e7ef;--ce-text:#182033;--ce-muted:#657086;--ce-dim:#8b94a5; --ce-accent:#6d4df6;--ce-accent-2:#9c4dff;--ce-mint:#12b886;--ce-warm:#ff9f43; --ce-coral:#ff617c;--ce-blue:#3877f2;--ce-danger:#d9475f; --ce-shadow:0 14px 34px rgba(37,48,84,.10);--ce-shadow-soft:0 7px 20px rgba(37,48,84,.07); } html{color-scheme:light!important;background:#f6f7fb!important} html,body{background: radial-gradient(circle at 9% 1%,rgba(255,164,198,.22),transparent 28%), radial-gradient(circle at 92% 6%,rgba(99,198,255,.20),transparent 27%), linear-gradient(180deg,#fbfbfe 0,#f4f6fb 100%)!important;color:var(--ce-text)!important} body{min-width:320px} .ce-contract{color:var(--ce-text)} .ce-muted{color:var(--ce-muted)!important} .ce-eyebrow,.ce-kicker{color:#7957ea!important;letter-spacing:.12em} /* Brand, buttons and navigation */ .ce-head{height:70px} .ce-brand{color:#171b2b!important;font-size:17px}.ce-brand img{width:38px;height:38px;border-radius:12px;box-shadow:0 8px 20px rgba(109,77,246,.18)} .ce-link,.ce-text-action,.ce-back{color:#4b5367!important} .ce-small-cta,.ce-btn{border:0!important;background:linear-gradient(135deg,#ff5f81 0%,#9854f5 48%,#5a63f4 100%)!important;color:#fff!important;box-shadow:0 10px 23px rgba(107,76,238,.22)!important} .ce-btn:hover{box-shadow:0 13px 29px rgba(107,76,238,.28)!important} .ce-btn.secondary{background:#fff!important;color:#4b3c9c!important;border:1px solid #ded8fa!important;box-shadow:0 4px 12px rgba(64,55,120,.06)!important} .ce-balance-link{color:#fff!important}.ce-balance-link span{color:#fff!important} .ce-profile-button{background:#fff!important;border:1px solid #e0e4ec!important;color:#5948c7!important;box-shadow:var(--ce-shadow-soft)} .ce-nav{background:rgba(255,255,255,.94)!important;border-color:#e0e4ed!important;box-shadow:0 -8px 30px rgba(39,48,80,.10)!important;backdrop-filter:blur(16px)} .ce-nav button{color:#8a92a5!important}.ce-nav button.active{color:#6249e7!important;background:#f2efff!important}.ce-nav button.active span{background:linear-gradient(135deg,#ff607e,#6a56f5);-webkit-background-clip:text;background-clip:text;color:transparent} /* Landing — more product, less empty SaaS space */ .ce-landing{width:min(100%,1180px)} .ce-landing-hero{position:relative;min-height:auto!important;padding:50px 4.2% 58px!important;gap:clamp(28px,5vw,68px)!important} .ce-landing-hero:before{content:"";position:absolute;inset:2% 1.5% auto;z-index:-1;height:88%;border-radius:38px;background:linear-gradient(125deg,#fff2f6 0%,#f2edff 46%,#eaf8ff 100%);border:1px solid rgba(105,88,190,.08)} .ce-hero-copy h1{color:#17192a!important;max-width:590px!important;margin:12px 0 14px!important;font-size:clamp(46px,6.2vw,78px)!important;line-height:.94!important;letter-spacing:-.068em!important} .ce-hero-copy>p{color:#555f73!important;font-size:17px!important;line-height:1.5!important} .ce-hero-note{color:#788296!important} .ce-hero-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}.ce-hero-chips span{display:inline-flex;align-items:center;gap:5px;padding:7px 10px;border:1px solid rgba(91,81,166,.13);border-radius:999px;background:rgba(255,255,255,.82);box-shadow:0 4px 12px rgba(61,69,104,.05);color:#596174;font-size:11px;font-weight:800} .ce-product-preview{transform:rotate(1deg)!important;padding:16px!important;border:1px solid rgba(91,78,180,.14)!important;background:linear-gradient(155deg,#6552e9 0%,#8c4ee8 52%,#f05d91 100%)!important;box-shadow:0 28px 60px rgba(79,59,165,.24)!important} .ce-preview-glow{background:radial-gradient(circle,rgba(255,255,255,.50),transparent 65%)!important}.ce-preview-top b,.ce-preview-balance strong{color:#fff!important}.ce-preview-top small,.ce-preview-balance small,.ce-preview-incoming small,.ce-preview-task small{color:rgba(255,255,255,.78)!important}.ce-preview-dots{color:rgba(255,255,255,.8)!important} .ce-preview-balance{border-color:rgba(255,255,255,.22)!important;background:rgba(255,255,255,.16)!important;backdrop-filter:blur(8px)}.ce-preview-balance span{color:#f0ecff!important} .ce-preview-incoming{border-color:rgba(255,255,255,.26)!important;background:#fff!important;box-shadow:0 10px 22px rgba(63,45,145,.15)}.ce-preview-incoming b{color:#22263a!important}.ce-preview-incoming span{color:#737c90!important}.ce-preview-incoming small{color:#7b61df!important}.ce-preview-arrow{color:#6d50eb!important} .ce-preview-task{border-color:rgba(255,255,255,.24)!important;background:rgba(25,24,66,.20)!important}.ce-preview-task b{color:#fff!important}.ce-preview-task span{color:#e7e3fa!important}.ce-preview-task>strong{color:#fff3a7!important} .ce-landing-section{padding:58px 4.5%!important;border-top-color:#e8eaf1!important}.ce-simple-intro h2,.ce-section-heading h2{color:#1a1e30!important}.ce-simple-intro p,.ce-section-heading p{color:#667086!important} .ce-steps{gap:12px}.ce-step{min-height:170px!important;border:1px solid #e8e9f1!important;background:#fff!important;box-shadow:var(--ce-shadow-soft)}.ce-step:nth-child(1){border-top:4px solid #ff6886!important}.ce-step:nth-child(2){border-top:4px solid #7358ed!important}.ce-step:nth-child(3){border-top:4px solid #13b889!important}.ce-step h3,.ce-way-card h3{color:#1f2437!important}.ce-step p,.ce-way-card p{color:#667086!important} .ce-ways{margin:0 1.5%;border-radius:34px;background:linear-gradient(130deg,#fff1f5 0%,#f2efff 52%,#edf9ff 100%)!important}.ce-way-card{min-height:185px!important;border-color:rgba(99,80,173,.11)!important;background:#fff!important;box-shadow:var(--ce-shadow-soft)}.ce-way-card>span{margin-bottom:28px!important;background:#f0edff!important;color:#6b50dd!important}.ce-way-chat{background:linear-gradient(145deg,#eafff7,#fff)!important;border-color:#c5eee0!important}.ce-way-chat>span{background:#dff8ef!important;color:#098863!important} .ce-market-grid span{border-color:#e1e5ed!important;background:#fff!important;color:#24293b!important;box-shadow:0 4px 14px rgba(55,64,96,.04)}.ce-market-grid small{color:#737d91!important} .ce-trust{border-color:#ded7ff!important;background:linear-gradient(135deg,#f7f2ff,#effbff)!important;box-shadow:var(--ce-shadow-soft)}.ce-trust-mark{background:#fff!important;border-color:#ddd6ff!important;color:#7255e7!important}.ce-trust h2{color:#1d2235!important}.ce-trust p{color:#667087!important} .ce-faqs,.ce-faq{border-color:#e1e5ed!important}.ce-faq summary{color:#252a3c!important}.ce-faq p{color:#697389!important}.ce-faq summary span{color:#7958eb!important} .ce-final-cta{border:0!important;background:linear-gradient(120deg,#222451 0%,#5a45d4 55%,#f05f88 115%)!important;box-shadow:0 22px 45px rgba(70,58,143,.19)}.ce-final-cta h2,.ce-final-cta p,.ce-final-cta .ce-eyebrow{color:#fff!important}.ce-footer{color:#788194!important} /* Authentication */ .ce-auth-page{max-width:820px!important}.ce-auth-page:before{content:"";position:fixed;z-index:-1;inset:70px 0 0;background:radial-gradient(circle at 18% 12%,rgba(255,109,145,.16),transparent 27%),radial-gradient(circle at 86% 22%,rgba(78,166,255,.16),transparent 27%)} .ce-auth{max-width:460px!important;margin:28px auto 0!important;padding:28px!important;border:1px solid #e3e6ee;border-radius:26px;background:rgba(255,255,255,.92);box-shadow:var(--ce-shadow)}.ce-auth h1{color:#1d2032!important;font-size:34px!important}.ce-auth-copy{color:#687187!important;margin-bottom:20px!important}.ce-field label{color:#485166!important}.ce-field input,.ce-field select{background:#f8f9fc!important;color:#212638!important;border-color:#dfe3ec!important}.ce-field input:focus,.ce-field select:focus{background:#fff!important;border-color:#846cf1!important;box-shadow:0 0 0 3px rgba(132,108,241,.12)!important}.ce-auth-switch{color:#717a8e!important}.ce-auth-switch a{color:#6f52e1!important} /* App shell */ .ce-app{background:transparent!important}.ce-shell-top h1{color:#1d2133!important}.ce-shell-top .ce-kicker{color:#7a5fe3!important} .ce-home-balance,.ce-wallet-hero{position:relative;overflow:hidden;border:0!important;background:linear-gradient(125deg,#6046df 0%,#8154e8 48%,#eb5c8d 108%)!important;box-shadow:0 16px 34px rgba(92,67,194,.23)!important}.ce-home-balance:after,.ce-wallet-hero:after{content:"";position:absolute;right:-34px;top:-46px;width:150px;height:150px;border-radius:50%;background:rgba(255,255,255,.11)}.ce-home-balance small,.ce-wallet-hero small{color:#e8e1ff!important}.ce-home-balance strong,.ce-wallet-hero strong{color:#fff!important}.ce-home-balance span,.ce-wallet-hero span{color:#eeeaff!important} .ce-focus-card{border:0!important;background:#fff!important;box-shadow:var(--ce-shadow-soft);position:relative;overflow:hidden}.ce-focus-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(#ff627f,#7a59ed)}.ce-focus-card h2,.ce-home-section h2,.ce-withdraw-card h2{color:#202538!important}.ce-focus-card p,.ce-withdraw-card p{color:#687287!important} /* One representation only: when Home's dominant card is itself the pending invitation, keep the delayed incoming card as the single owner. */ .ce-focus-card:has([data-action="accept-bonus"]){display:none!important} .ce-incoming-card{border:0!important;background:linear-gradient(120deg,#fff1f5 0%,#f2edff 55%,#eaf9ff 100%)!important;box-shadow:var(--ce-shadow)!important}.ce-incoming-avatar{width:48px!important;height:48px!important;background:linear-gradient(135deg,#ff6c8b,#7258ef)!important;box-shadow:0 8px 18px rgba(114,88,239,.20)}.ce-incoming-card small{color:#785be6!important}.ce-incoming-card h2{color:#20243a!important}.ce-incoming-card p{color:#606b80!important} .ce-home-section{margin-top:24px!important}.ce-section-row h2{color:#202538!important}.ce-section-row .ce-text-action{color:#6951d9!important} .ce-opportunity-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px!important}.ce-opportunity{position:relative;border:1px solid #e2e6ee!important;background:#fff!important;box-shadow:var(--ce-shadow-soft);overflow:hidden}.ce-opportunity:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#6c54ea,#a45ff3)}.ce-opportunity.is-task:before{background:linear-gradient(90deg,#12b886,#5fd9b4)}.ce-opportunity.is-offer:before{background:linear-gradient(90deg,#ff9f43,#ff6d7f)}.ce-opportunity-type{color:#7a8396!important}.ce-opportunity-top strong{color:#0f996f!important}.ce-opportunity h3{color:#23283b!important}.ce-opportunity p{color:#6b758a!important}.ce-meta span{background:#f3f5f9!important;color:#677286!important}.ce-opportunity-details{border-top-color:#eceef3!important}.ce-opportunity-details summary{color:#515a6e!important}.ce-opportunity-details p,.ce-opportunity-details small{color:#737e92!important} .ce-withdraw-card{border:0!important;background:linear-gradient(120deg,#fff7e9,#fff 68%)!important;box-shadow:var(--ce-shadow-soft)}.ce-community-strip{border-color:#e1e5ed!important}.ce-community-strip h2{color:#262b3d!important}.ce-community-strip a{background:#fff!important;border-color:#e0e4ec!important;color:#505a6f!important;box-shadow:0 3px 10px rgba(60,67,99,.04)}.ce-recent article,.ce-activity-list article{border-bottom-color:#e7eaf0!important}.ce-recent b,.ce-activity-list b{color:#293043!important}.ce-recent small,.ce-activity-list small{color:#7a8498!important} /* Chat */ .ce-chat-head{background:linear-gradient(#f7f8fc 78%,transparent)!important}.ce-chat-head b{color:#24293a!important}.ce-chat-head small{color:#80899b!important}.ce-partner-avatar{background:linear-gradient(135deg,#ffb05e,#8d65ef)!important;color:#fff}.ce-chat-progress{background:#e7f8f2!important;color:#078661!important}.ce-chat-context{border-color:#d8eee7!important;background:#eefaf6!important;color:#657a75!important}.ce-chat-context b{color:#087e5d!important}.ce-message{border-color:#e2e6ee!important;background:#fff!important;color:#2a3043!important;box-shadow:0 5px 15px rgba(48,56,87,.06)}.ce-message.user{border-color:transparent!important;background:linear-gradient(135deg,#7758e8,#a24fe1)!important;color:#fff!important;box-shadow:0 6px 16px rgba(112,77,210,.16)}.ce-typing{background:#fff!important;color:#7a8498!important;border:1px solid #e5e8ef;box-shadow:0 5px 15px rgba(48,56,87,.05)}.ce-typing span{background:#8f7bea!important}.ce-chat-opportunity{border-color:#eadfff!important;background:linear-gradient(135deg,#faf7ff,#fff)!important}.ce-chat-opportunity-intro h2,.ce-chat-complete h2{color:#24283a!important}.ce-chat-opportunity-intro p,.ce-chat-complete p{color:#6b758a!important}.ce-chat-complete{border-color:#cdeade!important;background:linear-gradient(135deg,#edfbf5,#fff)!important}.ce-complete-icon{background:#dff7ee!important;color:#07815f!important}.ce-compose-area{background:linear-gradient(transparent 0%,#f6f7fb 25%)!important}.ce-suggestions button{border-color:#ded8fa!important;background:#fff!important;color:#5c4aab!important;box-shadow:0 3px 10px rgba(70,59,128,.05)}.ce-chat-compose input{background:#fff!important;color:#252a3b!important;border-color:#dde2eb!important;box-shadow:0 8px 20px rgba(46,55,88,.07)} /* Earn */ .ce-earn-intro h2{color:#202538!important}.ce-earn-intro p{color:#6b758a!important}.ce-tabs,.ce-opportunity-tabs{border-color:#e2e6ee!important;background:#edf0f6!important}.ce-tabs button,.ce-opportunity-tabs button{color:#6b7589!important}.ce-tabs button.active,.ce-opportunity-tabs button.active{background:#fff!important;color:#6049d4!important;box-shadow:0 5px 15px rgba(57,64,94,.09)!important}.ce-tabs button span{color:#0a956c!important}.ce-earn-rule{border-left-color:#f0ae35!important;background:#fff8e9!important;color:#6b6570!important}.ce-earn-rule b{color:#a86b00!important}.ce-empty-state{border-color:#d7dce6!important;background:#fff!important;color:#727c90!important;box-shadow:var(--ce-shadow-soft)}.ce-empty-state>span{background:#f0edff!important;color:#7055df!important}.ce-empty-state h2{color:#252a3d!important}.ce-empty-state .ce-task-empty-copy{max-width:340px!important;color:#6b758a!important;line-height:1.55!important} /* Wallet / withdrawal */ .ce-wallet-hero{margin-top:3px!important}.ce-activity-list article strong{color:#0b946b!important}.ce-detail-page,.ce-withdraw-page{color:#22283a}.ce-detail-hero,.ce-detail-action,.ce-withdraw-summary,.ce-withdraw-form,.ce-account-card{background:#fff!important;border-color:#e0e4ec!important;box-shadow:var(--ce-shadow-soft)!important}.ce-detail-hero h2,.ce-detail-action h2,.ce-withdraw-summary h2,.ce-withdraw-form h2{color:#22273a!important}.ce-detail-hero p,.ce-detail-action p,.ce-withdraw-summary p,.ce-withdraw-form p{color:#6c768a!important}.ce-detail-icon{background:linear-gradient(135deg,#ffebef,#f0eaff)!important;color:#7356e2!important}.ce-progress-track{background:#e9ecf2!important}.ce-progress-track span{background:linear-gradient(90deg,#12b886,#6e57e8)!important} /* Profile */ .ce-profile-hero{padding:13px 0 20px!important}.ce-profile-hero>span{background:linear-gradient(135deg,#ff6c89,#7359ef)!important;box-shadow:0 9px 20px rgba(108,80,225,.17)}.ce-profile-hero h2{color:#23283b!important}.ce-profile-hero p{color:#707a8e!important}.ce-profile-group{border-top:0!important;margin-bottom:14px!important;padding:5px 15px;border-radius:18px;background:#fff;box-shadow:var(--ce-shadow-soft)}.ce-profile-group>.ce-eyebrow{padding:10px 0 7px!important}.ce-profile-group button,.ce-profile-group a{border-bottom-color:#edf0f4!important;color:#30364a!important}.ce-profile-group b{color:#7a5be8!important}.ce-logout{border-color:#f1d5da!important;background:#fff4f6!important;color:#c43c55!important} /* Support */ .ce-support-intro,.ce-support-list,.ce-support-form{border-color:#e1e5ed!important;background:#fff!important;box-shadow:var(--ce-shadow-soft)}.ce-support-intro p,.ce-support-list p,.ce-support-ticket p{color:#697389!important}.ce-support-form label{color:#485166!important}.ce-support-form input,.ce-support-form select,.ce-support-form textarea{background:#f8f9fc!important;color:#212638!important;border-color:#dfe3ec!important}.ce-support-form input:focus,.ce-support-form select:focus,.ce-support-form textarea:focus{background:#fff!important;border-color:#846cf1!important;box-shadow:0 0 0 3px rgba(132,108,241,.12)!important}.ce-support-ticket{border-bottom-color:#edf0f4!important}.ce-support-ticket strong{color:#30364a!important}.ce-support-ticket small{color:#7c8495!important} /* Toasts */ .ce-toast{background:#24283a!important;color:#fff!important;border:0!important;box-shadow:0 15px 35px rgba(23,28,52,.23)!important}.ce-toast.reward{background:linear-gradient(135deg,#087e5e,#12b886)!important} @media (max-width:760px){ .ce-contract{padding-left:14px!important;padding-right:14px!important}.ce-landing{padding-left:12px!important;padding-right:12px!important} .ce-landing-hero{grid-template-columns:1fr!important;padding:28px 2px 42px!important;gap:28px!important}.ce-landing-hero:before{inset:0 -8px auto;height:75%;border-radius:0 0 28px 28px} .ce-hero-copy h1{font-size:clamp(42px,13vw,58px)!important;max-width:460px!important}.ce-hero-copy>p{font-size:16px!important}.ce-hero-actions{gap:10px!important;margin-top:22px!important}.ce-hero-actions .ce-btn{width:100%}.ce-text-action{justify-content:center;width:100%} .ce-product-preview{transform:none!important;border-radius:22px!important}.ce-landing-section{padding:42px 4px!important}.ce-simple-intro,.ce-market-section{grid-template-columns:1fr!important;gap:18px!important}.ce-steps,.ce-way-grid{grid-template-columns:1fr!important}.ce-step,.ce-way-card{min-height:auto!important}.ce-way-card>span{margin-bottom:20px!important}.ce-ways{margin:0 -3px!important;padding-left:12px!important;padding-right:12px!important;border-radius:24px!important}.ce-trust{margin:38px 0!important;padding:22px!important}.ce-final-cta{margin:44px 0 0!important;padding:24px!important;flex-direction:column;align-items:stretch!important}.ce-footer{padding-left:2px!important;padding-right:2px!important}.ce-footer span{width:100%;margin-left:0!important} .ce-auth{margin-top:12px!important;padding:22px 18px!important;border-radius:22px!important}.ce-auth h1{font-size:31px!important} .ce-opportunity-list{grid-template-columns:1fr!important}.ce-home-balance,.ce-wallet-hero{padding:19px 18px!important;border-radius:19px!important}.ce-home-balance strong,.ce-wallet-hero strong{font-size:36px!important}.ce-focus-card,.ce-incoming-card,.ce-opportunity,.ce-withdraw-card{border-radius:18px!important}.ce-withdraw-card{align-items:flex-start!important;flex-direction:column}.ce-withdraw-card .ce-btn{width:100%}.ce-community-strip{align-items:flex-start!important;flex-direction:column}.ce-community-strip>div:last-child{justify-content:flex-start!important}.ce-home-section{margin-top:22px!important} .ce-chat-page{padding-left:12px!important;padding-right:12px!important}.ce-compose-area{padding-left:12px!important;padding-right:12px!important}.ce-message{max-width:91%!important}.ce-chat-context{margin-left:1px;margin-right:1px} } @media (max-width:360px){ .ce-head{height:62px}.ce-small-cta{padding:8px 10px!important}.ce-brand span{font-size:15px}.ce-hero-copy h1{font-size:40px!important}.ce-home-balance strong,.ce-wallet-hero strong{font-size:32px!important}.ce-home-balance{padding:17px 15px!important}.ce-incoming-card{padding:16px!important}.ce-incoming-avatar{width:42px!important;height:42px!important}.ce-opportunity{padding:15px!important}.ce-profile-group{padding-left:12px!important;padding-right:12px!important} } @media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}} /* Source: member-live-light-v1.css */ /* Light compatibility layer for the legacy authenticated member routes. */ .app-page{width:min(100%,760px);min-height:100dvh;margin:0 auto;padding:12px 14px calc(98px + env(safe-area-inset-bottom));color:#22283a} .app-page h1,.app-page h2,.app-page h3,.app-page b{color:#22283a} .app-page p{color:#68738a;line-height:1.55} .topbar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;min-height:64px;padding:5px 0 12px} .topbar.brand-topbar{grid-template-columns:1fr auto} .top-title{display:grid;text-align:center;line-height:1}.top-title b{font-size:15px}.top-title small{font-size:9px;color:#7a8498;margin-top:4px} .top-icon,.chat-back{width:38px;height:38px;border:1px solid #e0e4ec;border-radius:12px;background:#fff;color:#3f4860;display:grid;place-items:center;box-shadow:0 5px 14px rgba(37,48,84,.06)} .avatar{width:38px;height:38px;border:1px solid #e0e4ec;border-radius:50%;background:linear-gradient(135deg,#ff6483,#7359ef);color:#fff;font-weight:900;box-shadow:0 7px 16px rgba(108,80,225,.16)} .live-brand{color:#20263a}.live-brand img{width:38px;height:38px;border-radius:12px}.live-brand .brand-copy b{color:#20263a}.live-brand .brand-copy small{color:#7a8498} .bottom-nav{position:fixed;z-index:50;left:50%;bottom:0;transform:translateX(-50%);width:min(100%,760px);display:grid;grid-template-columns:repeat(5,1fr);background:rgba(255,255,255,.96);backdrop-filter:blur(18px);border-top:1px solid #e0e4ed;padding:7px 8px max(7px,env(safe-area-inset-bottom));box-shadow:0 -8px 30px rgba(39,48,80,.1)} .bottom-nav button{background:transparent;border:0;color:#8992a5;padding:6px 3px;display:grid;gap:2px;place-items:center}.bottom-nav i{font-style:normal;font-size:17px}.bottom-nav span{font-size:9px;font-weight:850}.bottom-nav button.active{color:#6249e7;background:#f2efff;border-radius:12px} .balance-card{background:linear-gradient(125deg,#6046df 0%,#8154e8 48%,#eb5c8d 108%);border:0;border-radius:20px;padding:20px 19px;box-shadow:0 16px 34px rgba(92,67,194,.23);margin-bottom:14px;color:#fff}.balance-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.balance-top small{font-size:9px;letter-spacing:.12em;color:#eeeaff;font-weight:900}.balance-top strong{display:block;color:#fff;font-size:clamp(32px,8vw,42px);letter-spacing:-.06em;margin:5px 0 13px}.balance-card .progress{background:rgba(255,255,255,.25)}.balance-card .progress>i{background:#fff}.balance-foot{display:flex;justify-content:space-between;gap:12px;margin-top:9px;color:#f0ebff;font-size:10px}.balance-withdraw{background:rgba(255,255,255,.18);color:#fff;border:1px solid rgba(255,255,255,.35)} .task-empty{display:grid;gap:6px;place-items:center;padding:28px;border-radius:20px;background:#fff;border:1px solid #e1e5ed;box-shadow:0 7px 20px rgba(37,48,84,.07)}.task-empty b{font-size:16px;color:#30374b}.task-empty span{color:#7e8898;font-size:12px}.task-list{display:grid;gap:12px}.task-card{background:#fff;border:1px solid #e1e5ed;border-radius:18px;padding:16px;box-shadow:0 7px 20px rgba(37,48,84,.07)}.task-card.done{opacity:.7}.task-card-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.task-card-top>b{color:#0b946b;font-size:15px}.task-badge{font-size:8px;letter-spacing:.11em;color:#7957ea;font-weight:900}.task-card h3{font-size:16px;margin:8px 0 6px;color:#30374b}.task-card p{font-size:12px;color:#697389}.task-meta{display:flex;justify-content:space-between;gap:10px;color:#7b8496;font-size:9px;margin:12px 0}.task-card .btn,.task-card button{background:linear-gradient(135deg,#ff607e,#6a56f5);color:#fff;border:0;border-radius:12px;padding:10px 13px;font-weight:850} .wallet-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.wallet-stats article{background:#fff;border:1px solid #e1e5ed;border-radius:16px;padding:14px;box-shadow:0 7px 20px rgba(37,48,84,.07)}.wallet-stats small{display:block;font-size:8px;letter-spacing:.1em;color:#7c8495;font-weight:900}.wallet-stats b{display:block;font-size:16px;margin-top:6px;color:#30374b}.transaction{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e1e5ed;border-radius:16px;padding:13px;margin-bottom:9px;box-shadow:0 5px 14px rgba(37,48,84,.05)}.transaction b{color:#30374b}.transaction small{color:#7c8495;margin-top:3px}.transaction strong.credit{color:#0b946b}.transaction strong.debit{color:#d9475f} .profile-card{text-align:center;padding:20px 14px 17px;background:#fff;border:1px solid #e1e5ed;border-radius:20px;box-shadow:0 7px 20px rgba(37,48,84,.07)}.profile-avatar{width:68px;height:68px;border-radius:50%;background:linear-gradient(135deg,#ff6483,#7359ef);display:grid;place-items:center;margin:0 auto 10px;color:#fff;font-size:25px;font-weight:1000}.profile-card h1{font-size:23px;margin:0 0 4px;color:#30374b}.profile-card>span{font-size:10px;color:#7c8495}.profile-status{display:inline-flex;align-items:center;gap:6px;margin-top:10px;background:#ecfbf5;color:#0b946b;border-radius:999px;padding:6px 9px;font-size:9px}.profile-status i{width:6px;height:6px;border-radius:50%;background:#12b886}.settings-list{display:grid;gap:9px;margin-top:12px}.settings-list button{display:flex;align-items:center;justify-content:space-between;width:100%;background:#fff;border:1px solid #e1e5ed;border-radius:16px;color:#30374b;padding:14px;text-align:left;box-shadow:0 5px 14px rgba(37,48,84,.05)}.settings-list span{font-size:11px}.settings-list b{font-size:10px;color:#7957ea}.settings-list .logout-row{color:#c43c55;border-color:#f1d5da;background:#fff4f6} .flow-card{background:#fff;border:1px solid #e1e5ed;color:#30374b;box-shadow:0 7px 20px rgba(37,48,84,.07)}.flow-card h1,.flow-card h2{color:#30374b}.flow-card p{color:#697389}.page-intro,.earning-intro{background:#fff;border:1px solid #e1e5ed;border-radius:20px;box-shadow:0 7px 20px rgba(37,48,84,.07);padding:18px}.page-intro h1,.earning-intro h1{color:#30374b}.page-intro p,.earning-intro p{color:#697389} @media(max-width:520px){.app-page{padding-left:12px;padding-right:12px}.wallet-stats{grid-template-columns:1fr 1fr}.task-card{padding:14px}.bottom-nav span{font-size:8px}} @media(max-width:360px){.wallet-stats{grid-template-columns:1fr}.balance-top strong{font-size:32px}} /* Final cascade guard: the hosting bundle contains older dark declarations. */ .app-page .balance-card{background:linear-gradient(125deg,#6046df 0%,#8154e8 48%,#eb5c8d 108%)!important;border:0!important;color:#fff!important} .app-page .balance-card strong,.app-page .balance-card small,.app-page .balance-foot{color:#fff!important} .app-page .balance-card .progress{background:rgba(255,255,255,.25)!important}.app-page .balance-card .progress>i{background:#fff!important} .app-page .task-empty,.app-page .task-card,.app-page .wallet-stats article,.app-page .transaction,.app-page .profile-card,.app-page .settings-list button,.app-page .flow-card,.app-page .page-intro,.app-page .earning-intro{background:#fff!important;border:1px solid #e1e5ed!important;color:#30374b!important} .app-page .task-card h3,.app-page .task-card p,.app-page .wallet-stats b,.app-page .transaction b,.app-page .profile-card h1,.app-page .settings-list button{color:#30374b!important} .app-page .task-card p,.app-page .transaction small,.app-page .wallet-stats small,.app-page .profile-card>span{color:#697389!important} .app-page .task-card-top>b,.app-page .transaction strong.credit{color:#0b946b!important}.app-page .transaction strong.debit{color:#d9475f!important} .app-page .profile-avatar{background:linear-gradient(135deg,#ff6483,#7359ef)!important;color:#fff!important}.app-page .profile-status{background:#ecfbf5!important;color:#0b946b!important} .app-page .settings-list .logout-row{background:#fff4f6!important;color:#c43c55!important;border-color:#f1d5da!important} .app-page .bottom-nav{background:rgba(255,255,255,.96)!important;border-top:1px solid #e0e4ed!important}.app-page .bottom-nav button{color:#8992a5!important}.app-page .bottom-nav button.active{color:#6249e7!important;background:#f2efff!important} /* Source: chatdollar-landing-v1.css */ html[data-cd-landing="1"],html[data-cd-landing="1"] body{background:#f3f5f7;color:#102017;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif} html[data-cd-landing="1"] .ce-contract.ce-landing{background:#f3f5f7;color:#102017;max-width:none;padding:0;margin:0} .cd-wrap{background:#f3f5f7;color:#122017;padding-bottom:calc(42px + env(safe-area-inset-bottom,0px))} .cd-top{position:sticky;top:0;z-index:20;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;border-bottom:1px solid #eef1f3} .cd-brand{display:flex;align-items:center;gap:8px;text-decoration:none;color:#111;min-width:0} .cd-brand img{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid #e8eef0} .cd-brand b{display:block;font-size:.95rem;letter-spacing:-.03em} .cd-brand small{display:block;color:#6b7b74;font-size:.68rem;font-weight:600} .cd-top-actions{display:flex;align-items:center;gap:6px;flex:0 0 auto} .cd-online{display:inline-flex;align-items:center;gap:5px;background:#eefbf3;border:1px solid #cfeedd;border-radius:999px;padding:6px 8px;font-size:.68rem;font-weight:800;color:#128a4a;white-space:nowrap} .cd-online i{width:7px;height:7px;border-radius:50%;background:#22c55e} .cd-signup{appearance:none;border:0;background:#ff7a18;color:#fff;font:inherit;font-weight:800;border-radius:12px;padding:8px 12px;cursor:pointer;font-size:.82rem;text-decoration:none;display:inline-flex;align-items:center} .cd-hero{background:linear-gradient(180deg,#0f8f78 0%,#0b7c68 48%,#0a6e5d 100%);color:#fff;text-align:center;padding:18px 16px 22px} .cd-pill{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.14);border-radius:999px;padding:5px 10px;font-size:.72rem;font-weight:700} .cd-pill b{color:#ffd84d} .cd-hero h1{margin:10px auto 6px;max-width:18ch;font-size:clamp(1.42rem,6.4vw,2.15rem);line-height:1.08;letter-spacing:-.04em;font-weight:900} .cd-hero h1 span{color:#ffe14a} .cd-hero p{margin:0 auto;max-width:32rem;color:#e7fff7;font-size:.84rem;line-height:1.4} .cd-cta{appearance:none;border:0;margin:14px auto 10px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#ff8a1f,#ff6a00);color:#fff;font:inherit;font-weight:900;border-radius:999px;padding:12px 20px;cursor:pointer;box-shadow:0 16px 30px rgba(0,0,0,.18);text-decoration:none} .cd-checks{display:flex;justify-content:center;flex-wrap:wrap;gap:6px} .cd-checks span{background:rgba(255,255,255,.12);border-radius:999px;padding:5px 8px;font-size:.68rem;font-weight:700} .cd-page{width:min(1120px,calc(100% - 20px));margin:0 auto} .cd-wa{margin-top:-20px;position:relative;z-index:2;background:linear-gradient(90deg,#13a36a,#0e8f62);color:#fff;border-radius:16px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px;box-shadow:0 10px 24px rgba(12,90,60,.18)} .cd-wa b{display:block;font-size:.86rem} .cd-wa small{opacity:.92;font-size:.7rem} .cd-wa a,.cd-wa button,.cd-tg,.cd-join{display:none!important} .cd-live{padding:16px 0 8px} .cd-live h2{margin:0 0 6px;font-size:1.28rem} .cd-live h2 span{color:#0d8a56} .cd-live p{margin:0 0 14px;color:#5d6c66;font-size:.9rem} .cd-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px} .cd-card{background:#fff;border-radius:16px;padding:12px;box-shadow:0 8px 24px rgba(16,32,24,.06);border-top:4px solid #19a56a} .cd-who{display:flex;gap:8px;align-items:center} .cd-av-img{width:40px;height:40px;border-radius:50%;object-fit:cover;flex:0 0 auto;border:2px solid #e8eef0;background:#d9e3de} .cd-av{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:800;flex:0 0 auto;font-size:.9rem} .cd-who b{display:block;font-size:.8rem;line-height:1.2} .cd-who small{color:#6a7872;font-size:.68rem} .cd-av-wrap{position:relative;display:block;width:40px;height:40px;flex:0 0 auto}.cd-av-wrap img{width:100%;height:100%;border-radius:50%;object-fit:cover}.cd-pulse{position:absolute;right:-1px;bottom:-1px;width:10px;height:10px;border:2px solid #fff;border-radius:50%;background:#22c55e;animation:cdPulse 1.8s ease-out infinite}.cd-status{display:flex;align-items:center;gap:6px;margin:8px 0 10px;font-size:.72rem;color:#d97706;font-weight:700} .cd-status.is-type{color:#16a34a} .cd-row{display:flex;gap:6px} .cd-row button,.cd-row a{flex:1;border:0;border-radius:10px;padding:8px 0;font-weight:800;cursor:pointer;font-size:.75rem;text-align:center;text-decoration:none;display:inline-flex;align-items:center;justify-content:center} .cd-chat{background:#0f7d63;color:#fff} .cd-watch{background:#eef2f1;color:#33403b} .cd-more{margin:12px 0 8px;background:#fff;border-radius:14px;text-align:center;padding:12px;font-weight:800;color:#e24a12;cursor:pointer;border:0;width:100%;font-size:.86rem;text-decoration:none;display:block} .cd-how{padding:24px 0 10px;text-align:center} .cd-how h2{margin:0;font-size:1.3rem} .cd-how>p{color:#617068;font-size:.9rem} .cd-steps{display:grid;grid-template-columns:1fr;gap:12px;margin-top:16px} .cd-step{background:#fff;border-radius:18px;padding:24px 16px 20px;box-shadow:0 10px 24px rgba(16,32,24,.05)} .cd-num{width:56px;height:56px;margin:0 auto 12px;border-radius:50%;display:grid;place-items:center;background:#128a63;color:#fff;font-size:1.4rem;font-weight:800;box-shadow:0 0 0 8px rgba(18,138,99,.12)} .cd-stats{margin:24px 0 0;background:linear-gradient(90deg,#0d7d68,#0b6e5c);padding:18px 0} .cd-stats .cd-page{display:grid;grid-template-columns:1fr 1fr;gap:10px} .cd-stat{background:rgba(255,255,255,.08);border-radius:16px;color:#fff;text-align:center;padding:16px 8px} .cd-stat b{display:block;font-size:1.25rem} .cd-stat span{opacity:.85;font-size:.75rem} .cd-quotes{padding:28px 0 10px;text-align:center} .cd-quotes h3{margin:0 0 14px;color:#66726c;font-weight:600;font-size:.95rem} .cd-qgrid{display:grid;grid-template-columns:1fr;gap:10px;text-align:left} .cd-q{background:#fff;border-radius:16px;padding:14px;box-shadow:0 8px 20px rgba(16,32,24,.05)} .cd-earn{color:#16a34a;font-weight:800;margin:8px 0;font-size:.86rem} .cd-q p{margin:0;color:#3e4a45;font-size:.86rem;line-height:1.45} .cd-faq{padding:10px 0 24px} .cd-faq h2{margin:0 0 6px;font-size:1.2rem} .cd-faq>p{color:#66726c;margin:0 0 12px;font-size:.88rem} .cd-faq details{background:#fff;border-radius:14px;margin:0 0 8px;padding:12px 14px;box-shadow:0 6px 16px rgba(16,32,24,.04)} .cd-faq summary{cursor:pointer;font-weight:800;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:.9rem} .cd-faq summary::-webkit-details-marker{display:none} .cd-faq details p{color:#4b5853;margin:10px 0 0;line-height:1.5;font-size:.86rem;text-align:left} .cd-final{background:linear-gradient(180deg,#0f8f78,#0b6f5d);color:#fff;text-align:center;padding:36px 16px 32px} .cd-final h2{margin:0 0 8px;font-size:1.5rem} .cd-ticker{position:fixed;left:0;right:0;bottom:0;z-index:25;background:#073f34;color:#fff;overflow:hidden;white-space:nowrap;padding:8px 0 calc(8px + env(safe-area-inset-bottom,0px));font-size:.78rem} .cd-ticker-track{display:inline-flex;gap:28px;animation:cdTick 28s linear infinite} .cd-ticker b{color:#86efac} @keyframes cdTick{from{transform:translateX(0)}to{transform:translateX(-50%)}} .cd-foot{background:#062e27;color:#c9ddd6;padding:22px 16px 88px;text-align:center} .cd-foot nav{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin:10px 0} .cd-foot a,.cd-foot button{color:#c9ddd6;background:none;border:0;cursor:pointer;font:inherit} @media(min-width:720px){ .cd-hero{padding:36px 16px 52px} .cd-hero h1{font-size:clamp(1.8rem,4vw,2.6rem);margin:16px auto 10px} .cd-hero p{font-size:.95rem} .cd-cta{margin:22px auto 16px;padding:14px 22px} .cd-grid{grid-template-columns:repeat(4,minmax(0,1fr))} .cd-steps,.cd-qgrid{grid-template-columns:repeat(3,minmax(0,1fr))} .cd-stats .cd-page{grid-template-columns:repeat(4,minmax(0,1fr))} .cd-top{padding:10px 22px} } @media(max-width:430px){ .cd-hero p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .cd-top{padding:6px 10px} .cd-brand small{display:none} } .cd-status i{width:7px;height:7px;border-radius:50%;background:#d97706} .cd-status.is-type,.cd-status.is-live{color:#16a34a} .cd-status.is-type i,.cd-status.is-live i{background:#16a34a} .cd-dots:after{content:"";animation:cdDots 1.2s steps(4,end) infinite} @keyframes cdDots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}} @keyframes cdPulse{0%{box-shadow:0 0 0 0 rgba(34,197,94,.5)}70%{box-shadow:0 0 0 8px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}} .cd-card.is-fresh{animation:cdPop .45s ease} @keyframes cdPop{from{transform:translateY(3px);opacity:.6}to{transform:none;opacity:1}} .cd-online i{animation:cdPulse 1.8s ease-out infinite} .cd-nav-links{display:flex;align-items:center;gap:14px;margin-left:auto}.cd-nav-links a,.cd-login{color:#35534a;text-decoration:none;font-size:.78rem;font-weight:800}.cd-nav-links a:hover,.cd-login:hover{text-decoration:underline}.cd-login{white-space:nowrap}.cd-hero-actions{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.cd-hero-actions .cd-cta{margin:14px 0 10px}.cd-ghost-cta{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.45);background:rgba(255,255,255,.1);color:#fff;border-radius:999px;padding:11px 18px;font-size:.82rem;font-weight:850;text-decoration:none}.cd-section-kicker{color:#0d8a56;font-size:.68rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase;margin-bottom:7px}.cd-values{margin:24px 0 0;background:#e9f5ef;padding:30px 0}.cd-values h2{margin:0 0 18px;font-size:1.45rem;letter-spacing:-.03em}.cd-value-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.cd-value-grid article{background:#fff;border:1px solid #dcebe3;border-radius:16px;padding:16px}.cd-value-grid strong{color:#0f9b68;font-size:.75rem;letter-spacing:.12em}.cd-value-grid h3{margin:12px 0 6px;font-size:.95rem}.cd-value-grid p{margin:0;color:#52645b;font-size:.82rem;line-height:1.5}.cd-ticker{position:static;margin-top:0;background:#073f34}.cd-foot{padding-bottom:32px}.seo-fallback{max-width:720px;margin:0 auto;padding:80px 24px;color:#102017;font-family:Inter,system-ui,sans-serif}.seo-fallback h1{font-size:clamp(2rem,7vw,4rem);line-height:1}.seo-fallback p{line-height:1.6}.seo-fallback a{color:#0d7d63;font-weight:800} @media(max-width:900px){.cd-nav-links{display:none}.cd-value-grid{grid-template-columns:1fr 1fr}} @media(max-width:430px){.cd-login{display:none}.cd-top-actions{gap:5px}.cd-signup{padding:8px 10px}.cd-hero-actions{display:grid;width:100%}.cd-hero-actions .cd-cta,.cd-ghost-cta{width:100%;margin:10px 0 0}.cd-value-grid{grid-template-columns:1fr}} /* Homepage refinement: energetic hero, clear guide paths, and touch-safe mobile controls. */ .cd-top{min-height:58px;box-shadow:0 8px 22px rgba(16,32,24,.04)} .cd-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 82% 18%,rgba(255,222,92,.18),transparent 28%),radial-gradient(circle at 8% 80%,rgba(74,226,174,.18),transparent 30%),linear-gradient(135deg,#0c9b82 0%,#087d69 56%,#075e51 100%)} .cd-hero:before,.cd-hero:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.12);border-radius:50%;pointer-events:none} .cd-hero:before{width:280px;height:280px;right:-120px;top:-150px} .cd-hero:after{width:190px;height:190px;left:-120px;bottom:-130px} .cd-hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:28px;align-items:center;width:min(1120px,calc(100% - 20px));margin:0 auto;text-align:left} .cd-hero-copy{padding:18px 0 22px} .cd-hero-copy .cd-pill{display:inline-flex} .cd-hero-copy .cd-hero-actions,.cd-hero-copy .cd-checks{justify-content:flex-start} .cd-hero-copy .cd-hero-actions{margin-top:2px} .cd-hero-copy .cd-checks span{background:rgba(255,255,255,.13)} .cd-hero-panel{background:rgba(4,63,53,.32);border:1px solid rgba(255,255,255,.24);border-radius:24px;padding:18px;box-shadow:0 22px 48px rgba(0,0,0,.16);backdrop-filter:blur(12px)} .cd-panel-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px} .cd-panel-kicker{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;font-weight:900;color:#cbfff0} .cd-panel-live{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.14);font-size:.7rem;font-weight:800;color:#fff} .cd-panel-live i{width:7px;height:7px;border-radius:50%;background:#7bf59d;box-shadow:0 0 0 4px rgba(123,245,157,.15)} .cd-panel-line{display:flex;gap:12px;padding:13px 0;border-top:1px solid rgba(255,255,255,.14);color:#fff} .cd-panel-line>strong{display:grid;place-items:center;width:31px;height:31px;flex:0 0 auto;border-radius:10px;background:#ffe14a;color:#16463a;font-size:.78rem} .cd-panel-line b{display:block;font-size:.9rem;line-height:1.2} .cd-panel-line small{display:block;margin-top:4px;color:#c8f1e5;font-size:.72rem;line-height:1.35} .cd-panel-foot{display:flex;justify-content:space-between;gap:12px;margin-top:8px;padding-top:13px;border-top:1px solid rgba(255,255,255,.14);font-size:.7rem;color:#d6fff1} .cd-panel-foot b{color:#ffe14a} .cd-announcement{width:min(1120px,calc(100% - 20px));margin:-18px auto 0;position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 16px;border:1px solid #c6e9d7;border-radius:18px;background:#fff;box-shadow:0 16px 34px rgba(15,92,65,.12)} .cd-announcement>div{display:flex;align-items:center;gap:10px;min-width:0} .cd-announcement-icon{display:grid;place-items:center;width:30px;height:30px;flex:0 0 auto;border-radius:50%;background:#d9f8e6;color:#0d9158;font-weight:900} .cd-announcement b,.cd-announcement small{display:block} .cd-announcement b{font-size:.82rem;color:#133c2d} .cd-announcement small{margin-top:3px;color:#60736a;font-size:.72rem} .cd-announcement a,.cd-inline-link{color:#0b8760;font-size:.78rem;font-weight:900;text-decoration:none;white-space:nowrap} .cd-announcement a span,.cd-inline-link span{margin-left:3px} .cd-section-head{display:flex;align-items:end;justify-content:space-between;gap:18px} .cd-section-head>div{min-width:0} .cd-inline-link{display:inline-flex;align-items:center;gap:4px;padding:9px 0} .cd-how-link{margin-top:18px} .cd-live{padding-top:28px} .cd-live .cd-grid{margin-top:16px} .cd-more{transition:transform .18s ease,box-shadow .18s ease} .cd-more:hover,.cd-cta:hover,.cd-signup:hover{transform:translateY(-2px);box-shadow:0 18px 32px rgba(14,111,80,.2)} .cd-ghost-cta,.cd-cta,.cd-signup,.cd-login,.cd-nav-links a,.cd-announcement a,.cd-inline-link,.cd-more,.cd-row a,.cd-row button{min-height:44px} .cd-ghost-cta{border-width:1.5px} @media(min-width:720px){.cd-hero-copy{padding:30px 0 38px}.cd-hero-copy h1{font-size:clamp(2rem,4.2vw,3.3rem);max-width:17ch}.cd-hero-copy p{font-size:1rem;max-width:35rem}.cd-announcement{padding:14px 18px}.cd-panel-line{padding:15px 0}} @media(max-width:719px){.cd-hero-inner{grid-template-columns:1fr;gap:4px}.cd-hero-copy{text-align:center}.cd-hero-copy .cd-hero-actions,.cd-hero-copy .cd-checks{justify-content:center}.cd-hero-panel{margin:0 0 18px}.cd-announcement{align-items:flex-start}.cd-announcement a{padding-top:2px}.cd-section-head{align-items:flex-start;flex-direction:column;gap:3px}.cd-section-head .cd-inline-link{padding-top:0}} @media(max-width:430px){.cd-announcement{display:block;padding:12px 13px}.cd-announcement a{display:inline-flex;margin:7px 0 0 40px}.cd-panel-foot{display:block}.cd-panel-foot span{display:block;margin-top:4px}.cd-hero-copy .cd-ghost-cta{min-height:50px}.cd-hero-copy .cd-cta{min-height:50px}} /* Reference-style ordering: live profiles are the first destination after the hero. */ .cd-hero-inner{display:block;width:min(920px,calc(100% - 20px));text-align:center} .cd-hero-copy{padding:26px 0 30px} .cd-hero-copy .cd-hero-actions,.cd-hero-copy .cd-checks{justify-content:center} .cd-hero-copy .cd-hero-actions{margin-top:3px} .cd-hero-copy h1{max-width:21ch} .cd-hero-panel{display:none} .cd-live{padding-top:18px} .cd-live-title{margin:0 0 15px;font-size:clamp(1.45rem,4vw,2rem);line-height:1.08;letter-spacing:-.04em;color:#101b18} .cd-live-title span{color:#18a966} .cd-start-chat-band{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 22px;padding:14px 16px;border-radius:16px;background:linear-gradient(100deg,#0e976f,#159d70);color:#fff;box-shadow:0 12px 24px rgba(10,112,77,.16)} .cd-start-chat-band b,.cd-start-chat-band small{display:block} .cd-start-chat-band b{font-size:.95rem} .cd-start-chat-band small{margin-top:3px;color:#dffbed;font-size:.73rem} .cd-start-chat-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 14px;border-radius:11px;background:#fff;color:#11845e;text-decoration:none;font-size:.78rem;font-weight:900;white-space:nowrap} .cd-live .cd-section-head{align-items:flex-end} .cd-live .cd-section-head h2{font-size:clamp(1.45rem,4vw,2rem);letter-spacing:-.04em} .cd-live .cd-section-head h2 span{color:#18a966} .cd-live .cd-section-head p{max-width:40rem} .cd-live .cd-grid{margin-top:15px} .cd-live .cd-more{margin-top:16px} @media(min-width:720px){.cd-hero-copy{padding:38px 0 42px}.cd-hero-copy h1{font-size:clamp(2rem,4.2vw,3.1rem)}.cd-live{padding-top:24px}.cd-start-chat-band{padding:16px 20px}} @media(max-width:600px){.cd-start-chat-band{align-items:flex-start}.cd-start-chat-link{flex:0 0 auto;padding-inline:11px}.cd-live .cd-section-head{align-items:flex-start}} @media(max-width:430px){.cd-start-chat-band{display:block}.cd-start-chat-link{display:flex;width:100%;margin-top:10px}.cd-hero-copy{padding-top:22px}.cd-hero-copy h1{max-width:18ch}} /* Guest exit prompt */ .ce-exit-backdrop{position:fixed;inset:0;z-index:120;background:rgba(6,14,12,.58);display:grid;place-items:center;padding:18px;backdrop-filter:blur(4px)} .ce-exit-prompt{width:min(100%,390px);padding:20px;border:1px solid rgba(13,138,86,.18);border-radius:18px;background:#fff;box-shadow:0 24px 70px rgba(0,0,0,.28)} .ce-exit-prompt-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ce-exit-prompt button{min-height:48px;border:0;border-radius:12px;font:inherit;font-weight:900;cursor:pointer}.ce-exit-signup{background:#0d8a56;color:#fff}.ce-exit-leave{background:#eef1f3;color:#26342e} @media(max-width:430px){.ce-exit-backdrop{align-items:end;padding:12px}.ce-exit-prompt{width:100%;padding:14px;border-radius:16px 16px 12px 12px}.ce-exit-prompt button{min-height:52px}} /* Chat-first mobile composition: keep the conversation CTA visible before the profile grid. */ .cd-start-chat-band{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 16px;padding:13px 15px;border-radius:16px;background:linear-gradient(100deg,#0e976f,#159d70);color:#fff;box-shadow:0 12px 24px rgba(10,112,77,.16)} .cd-start-chat-band b,.cd-start-chat-band small{display:block}.cd-start-chat-band b{font-size:.95rem}.cd-start-chat-band small{margin-top:3px;color:#dffbed;font-size:.73rem}.cd-start-chat-link{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:44px;padding:9px 14px;border-radius:11px;background:#fff;color:#11845e;text-decoration:none;font-size:.78rem;font-weight:900;white-space:nowrap} .cd-live{padding-top:14px}.cd-live-title{margin-bottom:12px!important}.cd-card{padding:11px}.cd-card .cd-status{margin:7px 0 8px}.cd-row button,.cd-row a{min-height:40px} @media(max-width:600px){.cd-hero-copy{padding:18px 0 22px}.cd-hero h1{margin-top:8px}.cd-hero p{max-width:31rem}.cd-hero-actions .cd-cta{margin:11px 0 6px;min-height:48px}.cd-start-chat-band{align-items:flex-start}.cd-start-chat-link{flex:0 0 auto}} @media(max-width:430px){.cd-start-chat-band{display:block;padding:12px 13px}.cd-start-chat-link{display:flex;width:100%;margin-top:9px}.cd-live{padding-top:12px}.cd-card{border-radius:15px;padding:10px}.cd-av-img,.cd-av-wrap,.cd-av{width:38px;height:38px}.cd-card .cd-who b{font-size:.76rem}.cd-card .cd-who small{font-size:.64rem}} /* Source: messenger-chat-v1.css */ .cd-av-img{width:42px;height:42px;border-radius:50%;object-fit:cover;flex:0 0 auto;border:2px solid #e8eef0;background:#d9e3de} .ce-home-live{margin-top:18px;padding:4px 0 18px} .ce-home-live h2{margin:0 0 4px;font-size:1.22rem;color:#1d2133;letter-spacing:-.03em} .ce-home-live h2 span{color:#0d8a56} .ce-home-live>p{margin:0 0 12px;color:#5d6c66;font-size:.88rem} .ce-app .cd-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px} .ce-app .cd-card{background:#fff;border-radius:16px;padding:12px;box-shadow:0 8px 24px rgba(37,48,84,.08);border-top:4px solid #19a56a} .ce-app .cd-who{display:flex;gap:8px;align-items:center} .ce-app .cd-who b{display:block;font-size:.8rem;line-height:1.2;color:#182033} .ce-app .cd-who small{color:#6a7872;font-size:.68rem} .ce-app .cd-status{margin:8px 0 10px;font-size:.72rem;color:#d97706;font-weight:700} .ce-app .cd-status.is-type{color:#16a34a} .ce-app .cd-row{display:flex;gap:6px} .ce-app .cd-row button{flex:1;border:0;border-radius:10px;padding:8px 0;font-weight:800;cursor:pointer;font-size:.75rem;min-height:36px} .ce-app .cd-chat{background:#0f7d63;color:#fff} .ce-app .cd-watch{background:#eef2f1;color:#33403b} .ce-live-online{margin-top:10px;display:flex;align-items:center;gap:6px;color:#128a4a;font-size:.75rem;font-weight:800} .ce-live-online i{width:7px;height:7px;border-radius:50%;background:#22c55e} .ms-page{max-width:760px;margin:auto;height:100dvh;height:100svh;background:#eef0f5;color:#111;display:flex;flex-direction:column;overflow:hidden;touch-action:manipulation} .ms-head{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:10px;min-height:58px;padding:8px 10px calc(8px + env(safe-area-inset-top));background:#fff;border-bottom:1px solid #e5e7ee;flex:0 0 auto} .ms-back{width:36px;height:36px;border:0;background:transparent;font-size:28px;line-height:1;color:#0084ff;padding:0} .ms-photo{width:38px;height:38px;border-radius:50%;object-fit:cover;background:#d9e3de} .ms-who{min-width:0;flex:1} .ms-who b{display:block;font-size:15px;letter-spacing:-.02em} .ms-who small{display:flex;align-items:center;gap:5px;color:#16a34a;font-size:11px;font-weight:700} .ms-who small i{width:7px;height:7px;border-radius:50%;background:#16a34a} .ms-bal{margin-left:auto;flex:0 0 auto;text-align:right;background:#ecfdf3;border:1px solid #86efac;border-radius:12px;padding:5px 8px;min-width:78px} .ms-bal small{display:block;font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#166534;font-weight:800} .ms-bal b{display:block;font-size:13px;color:#14532d;letter-spacing:-.03em} .ms-bal.is-up{animation:msBalPop .75s ease;background:#bbf7d0} .ms-log{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;display:flex;flex-direction:column;justify-content:flex-start;gap:6px;padding:12px 10px 14px} .ms-bubble{max-width:82%;padding:8px 12px;border-radius:18px;background:#fff;color:#111827;font-size:15px;line-height:1.35;box-shadow:0 1px 1px rgba(0,0,0,.04);align-self:flex-start;border-bottom-left-radius:5px} .ms-bubble.mine{align-self:flex-end;background:#0084ff;color:#fff;border-bottom-left-radius:18px;border-bottom-right-radius:5px} .ms-bubble + .ms-bubble{border-top-left-radius:8px} .ms-bubble.mine + .ms-bubble.mine{border-top-right-radius:8px;border-top-left-radius:18px} .ms-bubble:not(.mine) + .ms-bubble.mine, .ms-bubble.mine + .ms-bubble:not(.mine){margin-top:8px;border-top-left-radius:18px;border-top-right-radius:18px} .ms-typing{align-self:flex-start;display:flex;gap:4px;padding:9px 12px;border-radius:16px;background:#fff;margin-top:2px} .ms-typing span{width:6px;height:6px;border-radius:50%;background:#9aa3b2;animation:msDot .9s ease-in-out infinite} .ms-typing span:nth-child(2){animation-delay:.12s} .ms-typing span:nth-child(3){animation-delay:.24s} @keyframes msDot{0%,80%,100%{transform:translateY(0);opacity:.45}40%{transform:translateY(-3px);opacity:1}} .ms-dock{position:relative;left:auto;bottom:auto;transform:none;width:100%;flex:0 0 auto;padding:8px 10px calc(10px + env(safe-area-inset-bottom));background:#eef0f5} .ms-chips{display:flex;gap:8px;overflow:auto;padding:6px 2px 10px;scrollbar-width:none} .ms-chips::-webkit-scrollbar{display:none} .ms-chips button{flex:0 0 auto;border:0;background:#0084ff;color:#fff;border-radius:999px;padding:12px 18px;font-size:15px;font-weight:900;letter-spacing:-.01em;box-shadow:0 8px 18px rgba(0,132,255,.32)} .ms-chips button:active{transform:scale(.98)} .ms-chips.is-busy{opacity:.8} .ms-chips.is-busy button{cursor:wait} .ms-chips button:disabled{opacity:.8;box-shadow:none} .ms-chips button:disabled:active{transform:none} .ms-compose{display:flex;gap:8px;align-items:center} .ms-compose input{flex:1;min-width:0;min-height:44px;border:0;border-radius:22px;background:#fff;padding:0 14px;font-size:16px;outline:none;box-shadow:0 1px 2px rgba(0,0,0,.06)} .ms-compose button{width:44px;height:44px;border:0;border-radius:50%;background:#0084ff;color:#fff;font-size:16px} .ms-share-cta{position:relative;z-index:5;display:grid;gap:2px;width:100%;border:0;border-radius:14px;background:#16a34a;color:#fff;padding:12px 14px;text-align:left;margin:0 0 8px;pointer-events:auto;touch-action:manipulation;cursor:pointer;-webkit-appearance:none;-webkit-tap-highlight-color:transparent} .ms-share-cta b{font-size:16px} .ms-share-cta small{font-size:12px;font-weight:600;opacity:.9} .ms-share-copy{background:#ecfdf3;border:1px solid #86efac;border-radius:14px;padding:10px 12px;margin:0 0 8px} .ms-share-copy b{display:block;font-size:14px;color:#14532d;margin:0 0 4px} .ms-share-copy span{display:block;font-size:12px;color:#166534;line-height:1.4;font-weight:600} .ms-extras{display:grid;gap:8px;padding:0 0 6px} .ms-proof{display:block;background:#fff;border:1.5px dashed #64748b;border-radius:14px;padding:12px;margin:0;font-size:14px;font-weight:800;color:#0f172a} .ms-proof b{display:block;margin:0 0 8px} .ms-proof-pick{display:block;background:#f8fafc;border:1px solid #dbe3ee;border-radius:10px;padding:10px 12px;font-size:13px;font-weight:700;color:#334155;cursor:pointer} .ms-proof-pick.is-disabled{opacity:.65;cursor:wait} .ms-proof-file{display:block;width:100%;min-height:44px;margin-top:8px;border:1px solid #dbe3ee;border-radius:10px;background:#fff;color:#334155;padding:8px;font-size:12px;cursor:pointer} .ms-proof-file:disabled{opacity:.65;cursor:wait} .ms-proof-send{display:block;position:relative;z-index:1;width:100%;margin-top:10px;min-height:48px;border:0;border-radius:12px;background:#0084ff;color:#fff;font-weight:900;font-size:15px;pointer-events:auto;touch-action:manipulation;-webkit-appearance:none;-webkit-tap-highlight-color:transparent} .ms-proof-send:disabled{opacity:.65;cursor:wait} html[data-cd-landing="1"] .cd-av-img{width:40px;height:40px} @media(max-width:390px){ .ce-app .cd-who b{font-size:.74rem} .ms-bubble{max-width:84%;font-size:14px} } .cd-av-wrap{position:relative;flex:0 0 auto;width:42px;height:42px} .cd-av-wrap .cd-av-img,.cd-av-wrap .ms-photo{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block} .cd-pulse{position:absolute;right:-1px;bottom:-1px;width:11px;height:11px;border:2px solid #fff;border-radius:50%;background:#22c55e;box-shadow:0 0 0 0 rgba(34,197,94,.55);animation:cdPulse 1.8s ease-out infinite} .cd-pulse.off{background:#94a3b8;animation:none;box-shadow:none} .cd-status{display:flex;align-items:center;gap:6px} .cd-status i{width:7px;height:7px;border-radius:50%;background:#d97706;flex:0 0 auto} .cd-status.is-type i,.cd-status.is-live i{background:#16a34a} .cd-status.is-type,.cd-status.is-live{color:#16a34a} .ce-app .cd-country-flag{display:inline-block;margin-left:3px;font-size:1rem;line-height:1;vertical-align:-1px} .ce-app .cd-status{margin:8px 0 10px;color:#128a4a;font-size:.7rem;font-weight:800} .ce-app .cd-status .cd-dots{margin-left:0} .cd-dots{display:inline-flex;gap:3px;margin-left:2px;align-items:center;height:10px}.cd-dots b{width:4px;height:4px;border-radius:50%;background:currentColor;opacity:.45;animation:msDot .9s ease-in-out infinite}.cd-dots b:nth-child(2){animation-delay:.12s}.cd-dots b:nth-child(3){animation-delay:.24s} @keyframes cdPulse{0%{box-shadow:0 0 0 0 rgba(34,197,94,.5)}70%{box-shadow:0 0 0 8px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}} .cd-card.is-fresh{animation:cdPop .45s ease} @keyframes cdPop{from{transform:translateY(4px);opacity:.55}to{transform:none;opacity:1}} .ce-live-online i,.cd-online i{animation:cdPulse 1.8s ease-out infinite} .ms-link{background:#e8f1ff;color:#0866ff;text-decoration:underline;word-break:break-all;border-bottom-left-radius:5px} .ms-link:active{opacity:.8} .ms-warn{position:fixed;inset:0;z-index:80;background:rgba(15,18,28,.46);display:grid;place-items:center;padding:22px} .ms-warn section{width:min(100%,340px);background:#fff;border-radius:18px;padding:20px 18px 16px;box-shadow:0 24px 60px rgba(0,0,0,.22)} .ms-warn b{display:block;font-size:18px;letter-spacing:-.03em;margin-bottom:8px} .ms-warn p{margin:0 0 10px;color:#3f4a5c;font-size:14px;line-height:1.45} .ms-warn-actions{display:grid;gap:8px;margin-top:14px} .ms-warn-actions button{min-height:44px;border:0;border-radius:12px;background:#111827;color:#fff;font-weight:800} .ms-warn-actions .ghost{background:#f3f4f6;color:#111827} .ms-warn-strict{background:rgba(88,8,12,.72)} .ms-warn-strict section{background:#fff7f4;border:2px solid #dc2626;box-shadow:0 24px 70px rgba(127,29,29,.45)} .ms-warn-flag{font-size:32px;line-height:1;margin-bottom:8px} .ms-warn-strict b{color:#991b1b;font-size:20px} .ms-warn-hit{background:#fee2e2;color:#7f1d1d;border-radius:10px;padding:10px;font-weight:800;font-size:13px!important} .ms-warn-strict .ms-warn-actions button{background:#b91c1c} .ms-warn-strict .ms-warn-actions .ghost{background:#f3f4f6;color:#111827} .ms-warn-amber{background:rgba(120,70,5,.68)} .ms-warn-amber section{background:#fffbeb;border:2px solid #d97706;box-shadow:0 24px 70px rgba(180,83,9,.38)} .ms-warn-amber b{color:#92400e;font-size:20px} .ms-warn-amber .ms-warn-actions button{background:#b45309} .ms-warn-blue{background:rgba(13,52,96,.62)} .ms-warn-blue section{background:#eff6ff;border:2px solid #2563eb;box-shadow:0 24px 70px rgba(30,64,175,.34)} .ms-warn-blue b{color:#1d4ed8;font-size:20px} .ms-warn-blue .ms-warn-actions button{background:#1d4ed8} .ms-warn-neutral{background:rgba(31,41,55,.58)} .ms-warn-neutral section{background:#f8fafc;border:2px solid #64748b;box-shadow:0 24px 70px rgba(30,41,59,.30)} .ms-warn-neutral b{color:#334155;font-size:20px} .ms-warn-neutral .ms-warn-actions button{background:#334155} .ms-gift{position:fixed;inset:0;z-index:90;background:rgba(8,12,20,.72);display:grid;place-items:center;padding:22px} .ms-gift section{width:min(100%,360px);background:linear-gradient(180deg,#fff7d6,#ffe8a3 55%,#fff);border:3px solid #f59e0b;border-radius:22px;padding:26px 18px 18px;text-align:center;box-shadow:0 30px 80px rgba(245,158,11,.45);animation:msGiftIn .45s cubic-bezier(.2,1.4,.3,1)} .ms-gift-burst{font-size:54px;line-height:1;animation:msGiftPop .7s ease} .ms-gift small{display:block;margin-top:8px;letter-spacing:.14em;font-weight:900;color:#92400e;font-size:11px} .ms-gift b{display:block;margin:6px 0 8px;font-size:42px;letter-spacing:-.04em;color:#b45309;animation:msGiftGlow 1.2s ease-in-out infinite alternate} .ms-gift p{margin:0 0 14px;color:#7c4a12;font-size:14px;line-height:1.45;font-weight:700} .ms-gift button{min-height:48px;width:100%;border:0;border-radius:14px;background:linear-gradient(180deg,#f59e0b,#d97706);color:#fff;font-weight:900;font-size:16px} @keyframes msGiftIn{from{transform:scale(.72) translateY(18px);opacity:0}to{transform:none;opacity:1}} @keyframes msGiftPop{0%{transform:scale(.4) rotate(-12deg)}60%{transform:scale(1.18) rotate(8deg)}100%{transform:none}} @keyframes msGiftGlow{from{text-shadow:0 0 0 rgba(245,158,11,0)}to{text-shadow:0 8px 24px rgba(245,158,11,.55)}} @keyframes msBalPop{0%{transform:scale(1)}28%{transform:scale(1.08);box-shadow:0 0 0 6px rgba(34,197,94,.28)}100%{transform:none;box-shadow:none}} .ms-cta{background:#0f7d63;color:#fff;font-weight:900;border:0;text-align:left;border-bottom-left-radius:5px;padding:12px 16px;font-size:16px;box-shadow:0 8px 16px rgba(15,125,99,.25)} .ms-cta.ms-next-primary{width:min(100%,360px);min-height:54px;margin-top:4px;background:linear-gradient(135deg,#16a34a,#0f7d63);border-radius:14px;font-size:17px;box-shadow:0 10px 24px rgba(22,163,74,.32);animation:msNextCtaPulse 1.8s ease-in-out 2} .ms-cta.ms-next-primary::after{content:'Tap to start the next earning step';display:block;margin-top:3px;font-size:11px;font-weight:700;opacity:.9} @keyframes msNextCtaPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.025);box-shadow:0 12px 28px rgba(22,163,74,.45)}} .ms-brief{position:fixed;inset:0;z-index:80;background:rgba(15,18,28,.46);display:grid;place-items:center;padding:18px} .ms-brief section{width:min(100%,360px);background:#fff;border-radius:18px;padding:20px 18px 16px;box-shadow:0 24px 60px rgba(0,0,0,.22);max-height:min(86dvh,640px);overflow:auto} .ms-brief b{display:block;font-size:18px;letter-spacing:-.03em;margin-bottom:8px} .ms-brief p{margin:0 0 10px;color:#3f4a5c;font-size:14px;line-height:1.45} .ms-brief ul{margin:0 0 12px;padding:0 0 0 18px;color:#1f2937;font-size:14px;line-height:1.5} .ms-brief li{margin:0 0 6px} .ms-brief-instructions{margin:0 0 12px;padding:11px 12px;border:1px solid #bfdbfe;border-left:4px solid #2563eb;border-radius:12px;background:#eff6ff;color:#1e3a8a;font-size:13px;line-height:1.45} .ms-brief-instructions strong{display:block;margin-bottom:6px;color:#1d4ed8} .ms-brief-instructions ol{margin:0;padding-left:19px} .ms-brief-instructions li{margin:0 0 5px} .ms-brief-caption{margin:0 0 12px;padding:11px 12px;border:1px solid #bbf7d0;border-left:4px solid #16a34a;border-radius:12px;background:#f0fdf4;color:#14532d;font-size:13px;line-height:1.45} .ms-brief-caption strong{display:block;margin-bottom:6px;color:#15803d} .ms-brief-caption pre{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font:inherit;color:#14532d} .ms-brief-copy{display:inline-block;border:0;border-radius:9px;background:#15803d;color:#fff;font:inherit;font-weight:800;padding:8px 10px;text-decoration:none;cursor:pointer} .ms-brief-copy{margin-top:8px;background:#15803d} .ms-brief-note{background:#f3f4f6;border-radius:10px;padding:10px;font-size:13px!important} .ms-brief-warning{background:#fff1f2;border:2px solid #dc2626;border-left:5px solid #b91c1c;border-radius:10px;padding:10px;color:#7f1d1d!important;font-weight:800} .ms-brief-warning strong{color:#991b1b;font-weight:950} .ms-timer{position:relative;background:#fff;border-radius:12px;padding:8px 10px 10px;margin:0 0 8px;overflow:hidden} .ms-timer span{font-size:11px;font-weight:800;letter-spacing:.04em;color:#64748b;text-transform:uppercase} .ms-timer b{float:right;font-size:12px;color:#b45309} .ms-timer.done b{color:#0f7d63} .ms-timer i{display:block;clear:both;height:6px;margin-top:8px;border-radius:99px;background:#f59e0b;width:0;position:relative;z-index:1} .ms-timer.done i{background:#0f7d63} .ms-timer:before{content:"";position:absolute;left:10px;right:10px;bottom:10px;height:6px;border-radius:99px;background:#e5e7eb} .ms-share-bar{position:relative;background:#fff;border-radius:12px;padding:8px 10px 12px;margin:0 0 8px;overflow:hidden} .ms-share-bar span{font-size:11px;font-weight:800;letter-spacing:.04em;color:#64748b;text-transform:uppercase} .ms-share-bar b{float:right;font-size:13px;color:#0f7d63} .ms-share-bar i{display:block;clear:both;height:10px;margin-top:8px;border-radius:99px;background:linear-gradient(90deg,#22c55e,#0f7d63);width:0;position:relative;z-index:1;transition:width .45s ease} .ms-share-bar:before{content:"";position:absolute;left:10px;right:10px;bottom:12px;height:10px;border-radius:99px;background:#e5e7eb;z-index:0} .ce-legal{max-width:640px;margin:8px auto 28px;color:#182033} .ce-legal h1{margin:8px 0 12px;font-size:28px;letter-spacing:-.04em;text-transform:capitalize;color:#111827} .ce-legal h2{margin:22px 0 8px;font-size:17px;color:#111827} .ce-legal p,.ce-legal li{color:#4b5563;line-height:1.55;font-size:15px} .ce-legal ul{padding-left:18px} .ce-legal a{color:#0f7d63;font-weight:700} .ce-support-card{display:grid;gap:10px;margin:16px 0 22px} .ce-support-card a,.ce-support-card button{display:flex;justify-content:space-between;align-items:center;min-height:48px;padding:12px 14px;border-radius:14px;background:#fff;border:1px solid #e5e7eb;color:#111827;font-weight:800;text-decoration:none} .ms-tg-cta{display:grid;gap:2px;width:100%;border:0;border-radius:14px;background:#229ed9;color:#fff;padding:12px 14px;text-align:left;margin:0 0 8px;text-decoration:none} .ms-tg-cta b{font-size:16px} .ms-tg-cta small{font-size:12px;font-weight:600;opacity:.9} .ms-cta.ms-tg{background:#229ed9} .ms-fb{background:#fff;border-radius:14px;padding:10px;margin:0 0 8px} .ms-fb img{width:100%;border-radius:12px;display:block} .ms-fb p{white-space:pre-wrap;font-size:13px;line-height:1.45;color:#111827;margin:8px 0} .ms-fb .ms-proof-pick{margin-top:8px} .ms-bubble strong{font-weight:800} .ms-code{background:#eef6ff;border:1px solid #d6e8ff;border-radius:18px;padding:14px;margin:0 0 8px;display:grid;gap:8px} .ms-code b{font-size:15px;color:#0f172a} .ms-code span{font-size:13px;color:#475569;line-height:1.4} .ms-code input{min-height:48px;border:1.5px solid #bfdbfe;border-radius:16px;padding:10px 14px;font-size:17px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;background:#fff} .ms-code .ms-proof-send{border-radius:14px;min-height:46px} .ms-code-again{border:0;background:none;color:#0f7d63;font:700 13px Inter,system-ui,sans-serif;padding:4px 0;text-align:left;cursor:pointer} .ms-code-guidance{display:block!important;padding:10px 12px!important;border:1px solid #fdba74!important;border-radius:12px!important;background:#fff7ed!important;color:#9a3412!important;font-weight:850!important;line-height:1.45!important} .ms-code-brief .ms-code-guidance{font-size:14px} .ms-howto{background:#fff;border-radius:18px;padding:16px 16px 14px;margin:6px 48px 10px 10px;box-shadow:0 1px 2px rgba(0,0,0,.06);border-left:4px solid #e11d48} .ms-howto b{display:block;font-size:13px;letter-spacing:.04em;color:#111827;margin-bottom:10px} .ms-howto ol{margin:0;padding:0 0 0 18px;color:#111827;font-size:14px;line-height:1.55;font-weight:650} .ms-howto li{margin:0 0 8px} .ms-howto p{margin:12px 0 0;font-size:14px;font-weight:800;color:#111827} .ms-bonus-card{margin:6px 8px 10px 0;padding:17px 17px 15px;border:1px solid #cfe9df;border-radius:20px;background:linear-gradient(145deg,#effcf7,#ffffff);box-shadow:0 8px 22px rgba(15,118,91,.09);color:#17332d} .ms-bonus-card-kicker{font-size:10px;font-weight:950;letter-spacing:.14em;color:#07815f} .ms-bonus-card h3{margin:7px 0 12px;font-size:18px;line-height:1.2;color:#123c32} .ms-bonus-card ol{margin:0;padding-left:20px;font-size:13px;line-height:1.5;color:#405b55;font-weight:650} .ms-bonus-card li{margin:0 0 8px;padding-left:2px}.ms-bonus-card li:last-child{margin-bottom:0}.ms-bonus-card strong{color:#087b5c} .ms-day-complete{display:grid;gap:6px;margin:0 0 10px;padding:14px 16px;border:1px solid rgba(37,99,235,.16);border-radius:16px;background:linear-gradient(135deg,#f8fbff,#eef5ff);color:#172033;box-shadow:0 8px 24px rgba(15,23,42,.06)} .ms-day-complete b{font-size:14px;line-height:1.25} .ms-day-complete span,.ms-day-complete small{font-size:12px;line-height:1.4;color:#58657a} .ms-day-complete strong{color:#1769e0;font-variant-numeric:tabular-nums;letter-spacing:.04em} @media(max-width:520px){.ms-day-complete{margin-inline:2px;padding:12px 14px;border-radius:14px}.ms-day-complete b{font-size:13px}} .ms-daily-checkin{display:flex;align-items:center;justify-content:space-between;gap:10px;background:linear-gradient(135deg,#fff8e7,#fff);border:1px solid #f2c66d;border-radius:14px;padding:12px 13px;margin:0 0 8px;box-shadow:0 5px 16px rgba(180,120,0,.08)} .ms-daily-checkin>div{display:grid;gap:3px;min-width:0}.ms-daily-checkin b{font-size:14px;color:#7c4a03}.ms-daily-checkin span{font-size:12px;color:#8a641e;font-weight:700}.ms-daily-checkin>strong{font-size:12px;color:#15803d;white-space:nowrap}.ms-checkin-cta{border:0;border-radius:999px;background:#d97706;color:#fff;padding:10px 13px;font:inherit;font-size:12px;font-weight:900;white-space:nowrap;cursor:pointer;touch-action:manipulation}.ms-checkin-cta:disabled{opacity:.65;cursor:wait} @media(max-width:390px){.ms-daily-checkin{align-items:flex-start}.ms-checkin-cta{padding-inline:10px}} .ms-proof-pending{display:flex;flex-direction:column;gap:6px;padding:14px 16px;border:1px solid rgba(34,197,94,.28);border-radius:16px;background:rgba(34,197,94,.08);color:inherit}.ms-proof-pending span{font-size:13px;line-height:1.45;opacity:.78} /* ChatEarn member UX release: one hierarchy across Home, Wallet, Profile, Auth and proof. */ .ce-home-hero-card{display:grid;gap:10px;margin-top:14px;padding:22px;border:1px solid #e0e4f0;border-radius:22px;background:linear-gradient(135deg,#fff 0%,#f6f4ff 100%);box-shadow:0 12px 28px rgba(56,46,112,.08)} .ce-home-hero-card h2{margin:0;color:#24283a;font-size:26px;letter-spacing:-.045em}.ce-home-hero-card p{margin:0;color:#657087;line-height:1.52}.ce-home-hero-card .ce-btn{margin-top:4px} .ce-home-journey{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px;padding:12px;border:1px solid #e5e8f0;border-radius:18px;background:#fff;box-shadow:0 9px 22px rgba(46,47,83,.05)} .ce-home-journey>div{display:grid;gap:4px;min-width:0;padding:7px 5px}.ce-home-journey span{color:#7a5fe3;font-size:10px;font-weight:950;letter-spacing:.1em}.ce-home-journey b{color:#2c3245;font-size:13px}.ce-home-journey small{color:#7a8498;font-size:11px;line-height:1.35} .ce-home-live{margin-top:28px}.ce-home-live h2{color:#24283a}.ce-home-live h2 span{display:none}.ce-home-live>p{color:#6c768a}.ce-live-online{display:flex;align-items:center;gap:8px;color:#748097;font-size:12px}.ce-live-online i{width:8px;height:8px;border-radius:50%;background:#16b981;box-shadow:0 0 0 4px rgba(22,185,129,.12)} .ce-wallet-next{display:grid;gap:9px;margin-top:14px;padding:21px 18px;border:1px solid #e0e4ee;border-radius:19px;background:#fff;box-shadow:0 10px 24px rgba(46,47,83,.06)}.ce-wallet-next h2{margin:0;color:#24283a;font-size:22px;letter-spacing:-.04em}.ce-wallet-next p{margin:0;color:#687389;line-height:1.5}.ce-wallet-next .ce-kyc-go{margin-top:4px} .ce-money-balance span{color:#738096;font-size:12px}.ce-profile-referral{display:grid;gap:12px;margin:0 0 18px;padding:20px;border:1px solid #e0e4ee;border-radius:20px;background:linear-gradient(135deg,#fff,#f7f5ff);box-shadow:0 10px 24px rgba(46,47,83,.06)}.ce-profile-referral h2{margin:6px 0 4px;color:#24283a;font-size:22px;letter-spacing:-.04em}.ce-profile-referral p{margin:0;color:#687389;font-size:13px;line-height:1.5}.ce-profile-referral .ce-btn{margin-top:3px} .ce-auth-success{margin:10px 0;padding:11px 12px;border-radius:12px;background:#ecfbf5;color:#087b58;font-size:13px;line-height:1.4}.ce-auth-forgot{margin:-5px 0 0;text-align:center;font-size:13px}.ce-auth-forgot a{color:#7257dc;font-weight:850;text-decoration:none}.ce-recovery-card{margin-top:28px!important}.ce-recovery-alert{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:start;gap:12px;margin:18px 0 0;padding:15px;border:1px solid #f4c8d1;border-radius:18px;background:linear-gradient(135deg,#fff5f7,#fff);color:#2a3043}.ce-recovery-alert-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#ffe1e8;color:#c43c55;font-size:25px;font-weight:950;line-height:1}.ce-recovery-alert strong{display:block;color:#a92f49;font-size:15px;line-height:1.3}.ce-recovery-alert p{margin:5px 0 0;color:#6d7487;font-size:13px;line-height:1.48}.ce-recovery-actions{display:grid;gap:10px;margin-top:16px}.ce-recovery-actions .ce-btn{display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}.ce-recovery-actions .ce-btn span{font-size:18px;line-height:1}.ce-recovery-card form{margin-top:6px}.ce-recovery-card .ce-auth-switch{margin-top:18px} .ms-compose-attach{display:grid;place-items:center;width:42px;height:42px;border:0;border-radius:13px;background:#f0efff;color:#7257dc;font-size:24px;font-weight:500;cursor:pointer}.ms-compose-attach:active{transform:scale(.96)} @media(max-width:520px){.ce-home-journey{gap:3px;padding:9px}.ce-home-journey>div{padding:6px 3px}.ce-home-journey small{font-size:10px}.ce-home-hero-card{padding:19px}.ce-profile-referral{padding:18px}} /* ChatEarn Wallet v2: a single premium money hierarchy with server-driven states. */ .ce-wallet-redesign{padding-bottom:calc(104px + env(safe-area-inset-bottom))!important} .ce-wallet-redesign .ce-shell-top{margin-bottom:4px} .ce-wallet-hero-v2{position:relative;isolation:isolate;overflow:hidden;margin-top:10px;padding:24px 21px 18px;border-radius:26px;color:#fff;background:linear-gradient(135deg,#11132d 0%,#24205a 48%,#0b9b7c 150%);box-shadow:0 20px 42px rgba(31,27,83,.24)} .ce-wallet-hero-v2:before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 92% 8%,rgba(118,255,215,.38),transparent 25%),radial-gradient(circle at 2% 100%,rgba(141,103,255,.28),transparent 36%)} .ce-wallet-hero-orb{position:absolute;z-index:-1;right:-38px;top:-38px;width:148px;height:148px;border:1px solid rgba(255,255,255,.2);border-radius:50%;box-shadow:0 0 0 18px rgba(255,255,255,.035),0 0 38px rgba(109,255,218,.2)} .ce-wallet-hero-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.ce-wallet-hero-v2 .ce-eyebrow{color:#a9ffe2!important}.ce-wallet-hero-v2 strong{display:block;margin-top:7px;color:#fff;font-size:clamp(36px,10vw,52px);line-height:1;letter-spacing:-.07em}.ce-wallet-shield{display:grid;place-items:center;width:44px;height:44px;border:1px solid rgba(183,255,229,.4);border-radius:15px;color:#a9ffe2;background:rgba(255,255,255,.1);font-size:22px;box-shadow:0 0 22px rgba(97,255,206,.22)}.ce-wallet-hero-v2 p{max-width:280px;margin:16px 0 20px;color:#d9ddf7;font-size:12px;line-height:1.45}.ce-wallet-hero-footer{display:flex;justify-content:space-between;padding-top:13px;border-top:1px solid rgba(255,255,255,.18);color:#bdc3e1;font-size:11px}.ce-wallet-hero-footer b{color:#a9ffe2;letter-spacing:.12em} .ce-wallet-threshold-card,.ce-wallet-next-v2,.ce-wallet-checklist,.ce-wallet-activity{margin-top:14px;padding:19px 17px;border:1px solid #e5e6ef;border-radius:22px;background:rgba(255,255,255,.96);box-shadow:0 10px 26px rgba(42,43,78,.06)}.ce-wallet-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.ce-wallet-section-heading h2{margin:5px 0 0;color:#22263a;font-size:20px;letter-spacing:-.04em}.ce-wallet-section-heading .ce-eyebrow{color:#7560d9!important}.ce-wallet-status,.ce-wallet-check-count{flex:0 0 auto;padding:7px 9px;border-radius:999px;font-size:10px;font-weight:900;white-space:nowrap}.ce-wallet-status.ready{color:#087c5b;background:#e3faef}.ce-wallet-status.progress{color:#7152d3;background:#f0edff}.ce-wallet-status.error{color:#b7435d;background:#fff0f3}.ce-wallet-check-count{color:#117b61;background:#e7faf2} .ce-wallet-progress-track-v2{position:relative;height:12px;margin:20px 0 11px;border-radius:999px;background:#edf0f5}.ce-wallet-progress-track-v2 i{display:block;height:100%;min-width:8px;border-radius:inherit;background:linear-gradient(90deg,#7a5cf2 0%,#4edcb3 100%);box-shadow:0 3px 12px rgba(74,209,170,.25)}.ce-wallet-progress-track-v2 span{position:absolute;top:50%;width:20px;height:20px;transform:translate(-50%,-50%);border:4px solid #fff;border-radius:50%;background:#42cda6;box-shadow:0 2px 9px rgba(42,170,135,.35)}.ce-wallet-progress-meta{display:grid;gap:3px}.ce-wallet-progress-meta b{color:#2e3150;font-size:12px}.ce-wallet-progress-meta span,.ce-wallet-muted{color:#737c91;font-size:12px;line-height:1.45}.ce-wallet-next-v2{display:grid;gap:14px;background:linear-gradient(135deg,#f7f5ff 0%,#effcf8 100%);border-color:#d9e8e6}.ce-wallet-next-v2 h2{margin:5px 0;color:#22263a;font-size:22px;letter-spacing:-.045em}.ce-wallet-next-v2 p{margin:0;color:#687389;font-size:13px;line-height:1.5}.ce-wallet-primary{display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;border:0;border-radius:15px;color:#fff;background:linear-gradient(110deg,#6651df,#4fbd9b);box-shadow:0 10px 20px rgba(82,91,207,.18);font:inherit;font-weight:900;cursor:pointer}.ce-wallet-primary span{font-size:18px}.ce-wallet-checklist{display:grid;gap:10px}.ce-wallet-checklist .ce-wallet-section-heading{margin-bottom:2px}.ce-wallet-check-row{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:10px;width:100%;padding:12px 2px;border:0;border-top:1px solid #eef0f4;background:transparent;text-align:left;cursor:pointer}.ce-wallet-check-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:10px;color:#7357dc;background:#f0edff;font-weight:950}.ce-wallet-check-row.is-done .ce-wallet-check-icon{color:#087c5b;background:#e4f9ef}.ce-wallet-check-row strong,.ce-wallet-check-row small{display:block}.ce-wallet-check-row strong{color:#30344a;font-size:13px}.ce-wallet-check-row small{margin-top:2px;color:#788196;font-size:11px}.ce-wallet-check-row>b{color:#7a64d9;font-size:18px}.ce-wallet-activity{padding-bottom:9px}.ce-wallet-activity-row{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:10px;padding:13px 0;border-bottom:1px solid #eef0f4}.ce-wallet-activity-row:last-child{border-bottom:0}.ce-wallet-activity-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;font-weight:950}.ce-wallet-activity-icon.is-credit{color:#087c5b;background:#e4f9ef}.ce-wallet-activity-icon.is-debit{color:#b7435d;background:#fff0f3}.ce-wallet-activity-row strong,.ce-wallet-activity-row small{display:block}.ce-wallet-activity-row strong{color:#30344a;font-size:12px}.ce-wallet-activity-row small{margin-top:3px;color:#82899a;font-size:10px}.ce-wallet-activity-row>b{font-size:12px;white-space:nowrap}.ce-wallet-activity-row>b.is-credit{color:#079269}.ce-wallet-activity-row>b.is-debit{color:#c1465e}.ce-wallet-empty{display:grid;justify-items:start;gap:6px;padding:18px 2px 8px}.ce-wallet-empty>span{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;color:#7357dc;background:#f0edff}.ce-wallet-empty strong{color:#30344a;font-size:14px}.ce-wallet-empty p{margin:0;color:#7a8498;font-size:12px;line-height:1.45}.ce-wallet-link{padding:4px 0;border:0;background:transparent;color:#6955d4;font:inherit;font-size:12px;font-weight:900;cursor:pointer} @media(max-width:520px){.ce-wallet-redesign{padding-left:12px!important;padding-right:12px!important}.ce-wallet-hero-v2{padding:22px 18px 17px}.ce-wallet-hero-v2 strong{font-size:39px}.ce-wallet-threshold-card,.ce-wallet-next-v2,.ce-wallet-checklist,.ce-wallet-activity{padding:17px 15px}.ce-wallet-section-heading h2{font-size:18px}} /* Special Tasks Phase 1 */ .ce-special-page{max-width:760px}.ce-special-intro{margin:22px 0 14px;padding:15px 17px;border:1px solid #d8e5e5;border-radius:17px;background:linear-gradient(135deg,#f3fbf8,#f7f5ff);box-shadow:0 8px 20px rgba(54,74,105,.05)}.ce-special-intro p{margin:0;color:#435267;font-size:13px;line-height:1.5}.ce-special-card{display:grid;gap:13px;margin:14px 0;padding:18px;border:1px solid rgba(225,231,255,.13);border-radius:20px;background:linear-gradient(150deg,rgba(24,32,53,.96),rgba(11,15,26,.98));box-shadow:0 16px 38px rgba(0,0,0,.18)}.ce-special-card-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.ce-special-card-head h2{margin:7px 0 0;color:#f6f8ff;font-size:22px;line-height:1.05;letter-spacing:-.045em}.ce-special-card-head>strong{color:#43dfb1;font-size:17px;white-space:nowrap}.ce-special-card>p{margin:0;color:#d5dbea;font-size:13px;line-height:1.5}.ce-special-copy{padding:14px;border-radius:14px;border:1px solid rgba(169,158,255,.3);background:linear-gradient(145deg,rgba(67,57,139,.28),rgba(24,29,53,.8))}.ce-special-copy p{margin:7px 0 0;color:#f4f6ff;font-size:14px;line-height:1.45}.ce-special-copy-hint{color:#d9def0!important}.ce-special-brief-label{margin-top:12px;color:#b9adff;font-size:10px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.ce-special-tags{color:#d0c8ff!important;font-weight:850}.ce-special-submit{display:grid;gap:10px}.ce-special-submit label{display:grid;gap:7px;color:#d7deed;font-size:12px;font-weight:800}.ce-special-submit input{width:100%;min-height:48px;border:1px solid rgba(225,231,255,.18);border-radius:12px;background:#0b1020;color:#f6f8ff;padding:0 12px;outline:none}.ce-special-submit input:focus{border-color:rgba(169,158,255,.8);box-shadow:0 0 0 3px rgba(129,115,255,.15)}.ce-special-status{margin:0;padding:12px 13px;border-radius:12px;background:rgba(255,255,255,.04);color:#dbe1ef!important;font-weight:750}.ce-special-status.is-good{border:1px solid rgba(114,224,192,.22);color:#9ce9d0!important} .ce-special-copy{display:grid;gap:10px}.ce-special-copy p{margin:7px 0 0}.ce-special-copy .ce-special-tags{display:block;font-size:12px;line-height:1.4}.ce-special-copy-button{justify-self:start;min-height:42px;padding:0 16px;font-size:12px} .ce-special-target,.ce-special-brief{display:grid;gap:9px;padding:13px 14px;border:1px solid rgba(114,224,192,.22);border-radius:14px;background:rgba(11,16,32,.68)}.ce-special-target>div{display:grid;gap:4px}.ce-special-target strong{color:#f6f8ff;font-size:15px}.ce-special-target code{overflow-wrap:anywhere;color:#a9e8d4;font-size:11px;line-height:1.4}.ce-special-target .ce-btn{justify-self:start;min-height:40px}.ce-special-brief{border-color:rgba(169,158,255,.3);background:rgba(67,57,139,.2)}.ce-special-brief p{margin:6px 0 0;color:#f4f6ff;font-size:13px;line-height:1.5}.ce-special-submit small{color:#aab4c8;font-size:11px;font-weight:600;line-height:1.4} /* Admin-enabled Special Task notice: visible on Home, never blocks the core journey. */ .ce-home-special{display:grid;gap:12px;margin-top:14px;padding:19px 20px;border:1px solid rgba(42,180,137,.28);border-radius:22px;background:linear-gradient(135deg,#effcf6 0%,#f8f5ff 100%);box-shadow:0 12px 28px rgba(42,115,102,.10)} .ce-home-special h2{margin:3px 0 5px;color:#1d2e38;font-size:22px;letter-spacing:-.04em}.ce-home-special p{margin:0;color:#5a6b73;line-height:1.5;font-size:13px}.ce-home-special .ce-btn{margin-top:2px;background:#128c63;color:#fff;box-shadow:0 9px 18px rgba(18,140,99,.18)} .ce-home-hero-card + .ce-home-live{margin-top:12px!important} /* Referral promotion: source also lives in messenger-chat-v1.css. */ .ms-status-referral-promo{z-index:95;background:rgba(8,12,20,.68)} .ms-status-referral-promo-card{width:min(100%,380px)!important;border:0!important;border-radius:24px!important;padding:24px 20px 20px!important;text-align:center;box-shadow:0 28px 80px rgba(0,0,0,.3)!important} .ms-status-referral-promo-card.tone-green{background:linear-gradient(160deg,#effff7,#d8f8e8);border-top:6px solid #0e9f6e!important} .ms-status-referral-promo-card.tone-purple{background:linear-gradient(160deg,#f7f2ff,#e9e1ff);border-top:6px solid #7758dd!important} .ms-status-referral-promo-card.tone-amber{background:linear-gradient(160deg,#fffaf0,#ffedc7);border-top:6px solid #d97706!important} .ms-status-referral-badge{width:52px;height:52px;margin:0 auto 12px;border-radius:18px;display:grid;place-items:center;background:#0e9f6e;color:#fff;font-size:25px;font-weight:950;box-shadow:0 10px 22px rgba(14,159,110,.22)} .ms-status-referral-promo-card.tone-purple .ms-status-referral-badge{background:#7758dd;box-shadow:0 10px 22px rgba(119,88,221,.22)} .ms-status-referral-promo-card.tone-amber .ms-status-referral-badge{background:#d97706;box-shadow:0 10px 22px rgba(217,119,6,.22)} .ms-status-referral-promo-card>b{display:block!important;margin-bottom:10px!important;color:#14231e!important;font-size:24px!important;line-height:1.05} .ms-status-referral-promo-card p{margin:0 0 12px!important;color:#29453a!important;font-size:15px!important;line-height:1.5!important} .ms-status-referral-promo-card small{display:block;color:#557064;font-size:12px;line-height:1.4} .ms-status-referral-promo-card button{width:100%;min-height:50px;margin-top:18px;border:0;border-radius:15px;background:#0e9f6e;color:#fff;font-size:14px;font-weight:900} .ms-status-referral-promo-card.tone-purple button{background:#7758dd}.ms-status-referral-promo-card.tone-amber button{background:#d97706} .ce-wallet-referral-card{margin-top:14px;padding:19px 17px;border:1px solid #d7e8df;border-radius:22px;background:linear-gradient(145deg,#f2fff8,#f7f5ff);box-shadow:0 10px 26px rgba(42,43,78,.06)} .ce-wallet-referral-card p{margin:14px 0 0;color:#687389;font-size:13px;line-height:1.5}.ce-wallet-referral-card .ce-wallet-primary{width:100%;margin-top:16px}