/* 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}}