1import{n as e,r as t,t as n}from"./index-BJ_02yiP.js";var r=(...e)=>e.filter((e,t,n)=>!!e&&e.trim()!==``&&n.indexOf(e)===t).join(` `).trim(),i=e=>e.replace(/([a-z0-9])([A-Z])/g,`$1-$2`).toLowerCase(),a=e=>e.replace(/^([A-Z])|[\s-_]+(\w)/g,(e,t,n)=>n?n.toUpperCase():t.toLowerCase()),o=e=>{let t=a(e);return t.charAt(0).toUpperCase()+t.slice(1)},s={xmlns:`http://www.w3.org/2000/svg`,width:24,height:24,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:2,strokeLinecap:`round`,strokeLinejoin:`round`},c=e=>{for(let t in e)if(t.startsWith(`aria-`)||t===`role`||t===`title`)return!0;return!1},l=t(e()),u=(0,l.forwardRef)(({color:e=`currentColor`,size:t=24,strokeWidth:n=2,absoluteStrokeWidth:i,className:a=``,children:o,iconNode:u,...d},f)=>(0,l.createElement)(`svg`,{ref:f,...s,width:t,height:t,stroke:e,strokeWidth:i?Number(n)*24/Number(t):n,className:r(`lucide`,a),...!o&&!c(d)&&{"aria-hidden":`true`},...d},[...u.map(([e,t])=>(0,l.createElement)(e,t)),...Array.isArray(o)?o:[o]])),d=(e,t)=>{let n=(0,l.forwardRef)(({className:n,...a},s)=>(0,l.createElement)(u,{ref:s,iconNode:t,className:r(`lucide-${i(o(e))}`,`lucide-${e}`,n),...a}
1));return n.displayName=o(e),n},f=d(`map-pin`,[[`path`,{d:`M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0`,key:`1r0f0z`}],[`circle`,{cx:`12`,cy:`10`,r:`3`,key:`ilqhr7`}]]),p=d(`phone`,[[`path`,{d:`M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384`,key:`9njp5v`}]]),m={version:1,asset_id:`eb398898-1f6c-44dd-b16a-2daab6b251cb`,project_id:`ffc5463b-655c-44cf-943f-a62c6e952f51`,url:`/__l5e/assets-v1/eb398898-1f6c-44dd-b16a-2daab6b251cb/bantu-logo.png`,r2_key:`a/v1/ffc5463b-655c-44cf-943f-a62c6e952f51/eb398898-1f6c-44dd-b16a-2daab6b251cb/bantu-logo.png`,original_filename:`bantu-logo.png`,size:303991,content_type:`image/png`,created_at:`2026-06-29T15:54:26Z`},h={version:1,asset_id:`eea99bf7-5e81-468c-aea1-6f8dbb925e40`,project_id:`ffc5463b-655c-44cf-943f-a62c6e952f51`,url:`/__l5e/assets-v1/eea99bf7-5e81-468c-aea1-6f8dbb925e40/youtube-logo.png`,r2_key:`a/v1/ffc5463b-655c-44cf-943f-a62c6e952f51/eea99bf7-5e81-468c-aea1-6f8dbb925e40/youtube-logo.png`,original_filename:`youtube-logo.png`,size:160732,content_type:`image/png`,created_at:`2026-06-29T15:54:29Z`},g=n(),_=12,v=118e3,y=[`Bengo`,`Benguela`,`Bié`,`Cabinda`,`Cuando Cubango`,`Cuanza Norte`,`Cuanza Sul`,`Cunene`,`Huambo`,`HuÃla`,`Luanda`,`Lunda Norte`,`Lunda Sul`,`Malanje`,`Moxico`,`Namibe`,`UÃge`,`Zaire`],b=e=>e.toLocaleString(`pt-PT`).replace(/,/g,` `)+` Kz`,x=null,S=()=>{if(typeof window>`u`)return null;if(!x){let e=window.AudioContext||window.webkitAudioContext;e&&(x=new e)}return x},C=(e,t=.15,n=`sine`,r=.08,i=0)=>{let a=S();if(!a)return;let o=a.createOscillator(),s=a.createGain(),c=a.currentTime+i;o.type=n,o.frequency.setValueAtTime(e,c),s.gain.setValueAtTime(0,c),s.gain.linearRampToValueAtTime(r,c+.02),s.gain.exponentialRampToValueAtTime(1e-4,c+t),o.connect(s),s.connect(a.destination),o.start(c),o.stop(c+t+.05)},w=(e=.08,t=.025,n=0)=>{let r=S();if(!r)return;let i=Math.max(1,Math.floor(r.sampleRate*e)),a=r.createBuffer(1,i,r.sampleRate),o=a.getChannelData(0);for(let e=0;e<i;e++)o[e]=(Math.random()*2-1)*(1-e/i);let s=r.createBufferSource(),c=r.createBiquadFilter(),l=r.createGain(),u=r.currentTime+n;c.type=`highpass`,c.frequency.value=1500,l.gain.setValueAtTime(t,u),l.gain.exponentialRampToValueAtTime(1e-4,u+e),s.buffer=a,s.connect(c),c.connect(l),l.connect(r.destination),s.start(u)},T={shuffle:()=>{w(.055,.018),C(260,.07,`sine`,.025)},reveal:()=>{C(620,.12,`sine`,.055),C(830,.16,`sine`,.045,.08)},pick:()=>{C(410,.09,`sine`,.05)},win:()=>{w(.055,.045),C(1760,.07,`square`,.045,.02),C(1320,.08,`square`,.04,.1),[659,784,1047,1319].forEach((e,t)=>C(e,.22,`sine`,.07,.18+t*.08))},lose:()=>{C(330,.16,`triangle`,.07),C(247,.22,`triangle`,.065,.13),C(165,.3,`sine`,.05,.28)},count:()=>{C(680,.08,`sine`,.05)}};function E(){let[e,t]=(0,l.useState)(`intro`);(0,l.useEffect)(()=>{let e=window.fbq;e&&e(`track`,`PageView`)},[e]);let[n,r]=(0,l.useState)(1),[i,a]=(0,l.useState)(0),[o,s]=(0,l.useState)(0),[c,u]=(0,l.useState)(null),[d,f]=(0,l.useState)(0),[p,m]=(0,l.useState)(0),[h,y]=(0,l.useState)(`preview`),[b,x]=(0,l.useState)([0,1,2]),[S,C]=(0,l.useState)(0),[w,E]=(0,l.useState)(1),[O,k]=(0,l.useState)(``),[A,j]=(0,l.useState)(``),[M,H]=(0,l.useState)(``),[G,K]=(0,l.useState)(!1),[q,J]=(0,l.useState)(``),[Y,X]=(0,l.useState)(``),[ee,Z]=(0,l.useState)(``),te=(0,l.useMemo)(()=>D(),[]),ne=()=>{u(null),x([0,1,2]),s(Math.floor(Math.random()*3)),y(`preview`),t(`game`),T.reveal(),setTimeout(()=>{y(`shuffle`),re()},2e3)},re=()=>{let e=0,t=()=>{if(e>=6){y(`choose`);return}T.shuffle(),x(e=>{let t=[...e],n=Math.floor(Math.random()*3),r=Math.floor(Math.random()*3);for(;r===n;)r=Math.floor(Math.random()*3);return[t[n],t[r]]=[t[r],t[n]],t}),e++,setTimeout(t,340)};t()},ie=e=>{if(h!==`choose`||c!==null)return;let r=b[e];u(r),y(`reveal`),T.pick();let i=te[n-1];if(i.win)s(r),setTimeout(()=>{T.win(),f(i.amount),a(e=>e+i.amount),t(`win`)},1100);else{let e=o;e===r&&(e=(r+1)%3),s(e),setTimeout(()=>{T.lose()},600),setTimeout(()=>{m(5e3+Math.floor(Math.random()*25001)),t(`lose`)},1800)}},Q=()=>{C(3),t(`prepare`)},ae=()=>{};(0,l.useEffect)(()=>
1{if(e!==`prepare`||S<=0)return;if(T.count(),S===1){let e=setTimeout(()=>{C(0),ne()},900);return()=>clearTimeout(e)}let t=setTimeout(()=>C(e=>e-1),900);return()=>clearTimeout(t)},[e,S]);let $=()=>{if(n>=_){a(v),t(`processing`),setTimeout(()=>t(`lastStep`),2400);return}r(e=>e+1),Q()};return(0,g.jsxs)(`div`,{className:`ag-root`,children:[(0,g.jsx)(`style`,{children:W}),e===`intro`&&(0,g.jsx)(N,{onStart:()=>t(`cta`)}),e===`cta`&&(0,g.jsx)(P,{onPlay:()=>{r(1),a(0),Q()}}),e===`prepare`&&(0,g.jsx)(F,{round:n,balance:i,btnCount:S,onStart:ae}),e===`game`&&(0,g.jsx)(I,{round:n,balance:i,positions:b,winningCup:o,pickedCup:c,phase:h,onPick:ie}),e===`win`&&(0,g.jsx)(L,{amount:d,onNext:$,balance:i}),e===`lose`&&(0,g.jsx)(R,{fake:p,onNext:$,balance:i}),e===`processing`&&(0,g.jsx)(z,{}),e===`lastStep`&&(0,g.jsx)(B,{onStart:()=>{E(1),t(`form`)}}),e===`form`&&(0,g.jsx)(V,{step:w,nome:O,setNome:k,tel:A,setTel:j,provincia:M,setProvincia:H,maior:G,setMaior:K,metodo:q,setMetodo:J,conta:Y,setConta:X,err:ee,onBack:()=>{Z(``),E(e=>Math.max(1,e-1))},onContinue:()=>{if(Z(``),w===1){if(O.trim().length<3)return Z(`Insira o seu nome completo.`);E(2)}else if(w===2){if(!/^9\d{8}$/.test(A.replace(/\s/g,``)))return Z(`Telemóvel inválido. Deve ter 9 dÃgitos e começar por 9.`);E(3)}else if(w===3){if(!M)return Z(`Seleccione a sua provÃncia.`);E(4)}else if(w===4){if(!G)return Z(`Deve confirmar que é maior de 18 anos.`);E(5)}else if(w===5){if(!q)return Z(`Escolha um método de levantamento.`);E(6)}else if(w===6){let e=Y.trim();if(q===`express`&&!/^9\d{8}$/.test(e))return Z(`Número Express inválido (9 dÃgitos, começa por 9).`);if(q===`iban`&&!/^[A-Za-z0-9]{21}$/.test(e))return Z(`IBAN inválido (21 caracteres alfanuméricos).`);t(`video`)}}}),e===`video`&&(0,g.jsx)(U,{})]})}function D(){let e=[5e3,1e4,15e3,8500,12e3,7500,11e3,9500,13500,6e3,14e3,6e3],t=new Set;for(;t.size<2;){let e=1+Math.floor(Math.random()*(_-2));t.add(e)}let n=[];for(let e=0;e<_;e++)t.has(e)||n.push(e);let r=e.slice(0,10),i=e.slice(10).reduce((e,t)=>e+t,0);r[0]+=i;for(let e=r.length-1;e>0;e--){let t=Math.floor(Math.random()*(e+1));[r[e],r[t]]=[r[t],r[e]]}let a=[],o=0;for(let e=0;e<_;e++)t.has(e)?a.push({win:!1,amount:0}):a.push({win:!0,amount:r[o++]});return a}function O({size:e=28}){return(0,g.jsx)(`img`,{src:m.url,alt:`BantuBet 5 Anos`,className:`brand-logo`,style:{height:e}})}function k({balance:e}){return(0,g.jsxs)(`div`,{className:`topbar`,children:[(0,g.jsx)(O,{size:26}),(0,g.jsx)(`div`,{className:`balance-pill`,children:b(e)}),(0,g.jsx)(`div`,{className:`avatar`,children:`ð¤`})]})}function A({round:e}){return(0,g.jsx)(`div`,{className:`dots`,children:Array.from({length:_}).map((t,n)=>(0,g.jsx)(`span`,{className:`dot`+(n<e?` active`:``)},n))})}function j(){return(0,g.jsx)(`div`,{className:`coin`,children:(0,g.jsxs)(`div`,{className:`coin-face`,children:[(0,g.jsxs)(`div`,{className:`coin-mini`,children:[`BANTU`,(0,g.jsx)(`span`,{children:`5`})]}),(0,g.jsx)(`div`,{className:`coin-sub`,children:`5 ANOS`})]})})}function M({lifted:e=!1,showCoin:t=!1,glow:n}){return(0,g.jsxs)(`div`,{className:`cup-wrap`+(n===`win`?` glow-win`:n===`lose`?` glow-lose`:``),children:[t&&(0,g.jsx)(`div`,{className:`under-coin`,children:(0,g.jsx)(j,{})}),(0,g.jsxs)(`div`,{className:`cup`+(e?` lifted`:``),children:[(0,g.jsx)(`div`,{className:`cup-rim`}),(0,g.jsxs)(`div`,{className:`cup-body`,children:[(0,g.jsx)(`div`,{className:`cup-highlight`}),(0,g.jsxs)(`div`,{className:`cup-dots`,children:[(0,g.jsx)(`span`,{}),(0,g.jsx)(`span`,{}),(0,g.jsx)(`span`,{}),(0,g.jsx)(`span`,{}),(0,g.jsx)(`span`,{})]})]})]}),(0,g.jsx)(`div`,{className:`cup-shadow`})]})}function N({onStart:e}){return(0,g.jsxs)(`div`,{className:`screen intro intro-banner-screen`,children:[(0,g.jsx)(`div`,{className:`intro-confetti`,"aria-hidden":`true`,children:Array.from({length:18}).map((e,t)=>(0,g.jsx)(`span`,{className:`confetti-bit c`+t%5,style:{left:`${(t*5.4+2)%100}%`,animationDelay:`${t%9*.4}s`,animationDuration:`${3+t%4}s`}},t))}),(0,g.jsx)(`div`,{className:`intro-coins-rain`,"aria-hidden":`true`,children:Array.from({length:10}).map((e,t)=>(0,g.jsx)(`span`,{className:`rain-coin`,style:{left:`${(t*10+4)%100}%`,animationDelay:`${t%5*.7}s`,animationDuration:`${4+t%3}s`}},t))}),(0,g.jsx)(`div`,{className:`event-badge`,children:`â EVENTO OFICIAL BANTUBET · 5 ANOS`}),(0,g.jsx)(`div`,{className:`hero-logo`,children:(0,g.jsx)(`img`,{src:m.url,alt:`BantuBet 5 Anos`})}),(0,g.jsxs)(`div`,{className:`anniv-banner`,children:[(0,g.jsx)(`div`,{className:`anniv-kicker`,children:`CELEBRE CONNOSCO`}),(0,g.jsxs)(`div`,{className:`anniv-number`,children:[(0,g.jsx)(`span`,{className:`anniv-5`,children:`5`}),(0,g.jsx)(`span`,{className:`anniv-anos`,children:`ANOS`})]}),(0,g.jsxs)(`div`,{className:`anniv-brand`,children:[`DA `,(0,g.jsx)(`span`,{className:`anniv-bantu`,children:`BANTU BET`})]}),(0,g.jsx)(`div`,{className:`anniv-prize`,children:`GANHE PRÃMIOS REAIS`})]}),(0,g.jsx)(`div`,{className:`logo-sub`,children:`5 anos de vitórias para os Angolanos`}
1),(0,g.jsx)(`p`,{className:`hero-desc`,children:`Descubra recompensas exclusivas no nosso jogo de copos. Cada rodada é uma chance real de levantar prémios em Kwanzas.`}),(0,g.jsx)(`button`,{className:`btn-primary glow wide-btn intro-cta-reveal pulse-btn`,onClick:e,children:`Participar no evento`}),(0,g.jsxs)(`div`,{className:`stats`,children:[(0,g.jsxs)(`div`,{className:`stat`,children:[(0,g.jsx)(`div`,{className:`gold big`,children:`5`}),(0,g.jsx)(`div`,{className:`muted`,children:`Anos de BantuBet`})]}),(0,g.jsxs)(`div`,{className:`stat`,children:[(0,g.jsx)(`div`,{className:`gold big`,children:`+1M`}),(0,g.jsx)(`div`,{className:`muted`,children:`Jogadores`})]}),(0,g.jsxs)(`div`,{className:`stat`,children:[(0,g.jsx)(`div`,{className:`gold big`,children:`24/7`}),(0,g.jsx)(`div`,{className:`muted`,children:`Suporte`})]})]}),(0,g.jsx)(`div`,{className:`footer`,children:`© 2026 Todos os direitos reservados â Acerta e Ganha · +18`})]})}function P({onPlay:e}){return(0,g.jsxs)(`div`,{className:`screen cta`,children:[(0,g.jsx)(`div`,{className:`event-badge`,children:`â EVENTO OFICIAL BANTUBET · 5 ANOS`}),(0,g.jsx)(O,{size:36}),(0,g.jsxs)(`div`,{className:`cta-card`,children:[(0,g.jsx)(`div`,{className:`muted small`,children:`5 ANOS · BANTUBET`}),(0,g.jsx)(O,{size:42}),(0,g.jsx)(`h2`,{className:`big-title`,children:`Acerta e Ganha`}),(0,g.jsxs)(`p`,{className:`cta-desc`,children:[(0,g.jsx)(`b`,{children:`15 rodadas grátis`}),` para celebrar os `,(0,g.jsx)(`b`,{children:`5 anos`}),` da BantuBet.`]}),(0,g.jsxs)(`div`,{className:`cups-preview`,children:[(0,g.jsx)(M,{}),(0,g.jsx)(M,{}),(0,g.jsx)(M,{})]}),(0,g.jsx)(`p`,{className:`muted small`,children:`Acerta no copo certo e leva o prémio. Boa sorte!`}),(0,g.jsx)(`button`,{className:`btn-white`,onClick:e,children:`ⶠResgatar e jogar`})]}),(0,g.jsx)(`div`,{className:`footer`,children:`© 2026 Todos os direitos reservados â Acerta e Ganha · +18`})]})}function F({round:e,balance:t,btnCount:n}){return(0,g.jsxs)(`div`,{className:`screen game-screen tight`,children:[(0,g.jsx)(k,{balance:t}),(0,g.jsxs)(`div`,{className:`round-label`,children:[`RODADA `,e,` DE `,_]}),(0,g.jsx)(A,{round:e}),(0,g.jsx)(`h2`,{className:`big-title white`,children:`Prepara-te...`}),(0,g.jsxs)(`div`,{className:`cups-row mt-sm`,children:[(0,g.jsx)(M,{}),(0,g.jsx)(M,{}),(0,g.jsx)(M,{})]}),(0,g.jsxs)(`div`,{className:`countdown-cta live`,"aria-live":`polite`,children:[(0,g.jsx)(`div`,{className:`muted small`,children:`PRÃXIMA RODADA EM`}),(0,g.jsx)(`div`,{className:`countdown-num`,children:n>0?n:`Vai!`})]})]})}function I({round:e,balance:t,positions:n,winningCup:r,pickedCup:i,phase:a,onPick:o}){return(0,g.jsxs)(`div`,{className:`screen game-screen tight`,children:[(0,g.jsx)(k,{balance:t}),(0,g.jsxs)(`div`,{className:`round-label`,children:[`RODADA `,e,` DE `,_]}),(0,g.jsx)(A,{round:e}),(0,g.jsxs)(`h2`,{className:`big-title white`,children:[a===`preview`&&`Memoriza...`,a===`shuffle`&&`A baralhar!`,a===`choose`&&`Escolhe um copo!`,a===`reveal`&&(i===r?`Acertaste!`:`Erraste...`)]}),a===`choose`&&(0,g.jsx)(`div`,{className:`cta-hint pulse`,children:`ð Toca no copo certo para ganhar ð`}),(0,g.jsx)(`div`,{className:`cups-stage`,children:[0,1,2].map(e=>{let t=n[e],s=t===r,c=a===`preview`&&s||a===`reveal`&&(t===i||s),l=a===`preview`&&s||a===`reveal`&&s,u=a===`reveal`&&t===i?i===r?`win`:`lose`:a===`reveal`&&s&&i!==r?`win`:null,d=a===`choose`&&i===null;return(0,g.jsxs)(`button`,{className:`cup-slot`+(d?` clickable`:``),style:{transform:`translateX(${(e-1)*92}px)`},onClick:()=>o(e),disabled:!d,"aria-label":`Copo ${e+1}`,children:[a===`choose`&&(0,g.jsx)(`span`,{className:`finger`,children:`ð`}),(0,g.jsx)(M,{lifted:c,showCoin:l,glow:u})]},t)})}),a===`choose`&&(0,g.jsx)(`button`,{className:`btn-primary wide-btn glow pulse-btn`,disabled:!0,children:`ESCOLHE UM COPO!`})]})}function L({amount:e,onNext:t,balance:n}){return(0,g.jsxs)(`div`,{className:`screen game-screen`,children:[(0,g.jsx)(k,{balance:n}),(0,g.jsx)(`div`,{className:`confetti`}),(0,g.jsxs)(`div`,{className:`modal win-modal`,children:[(0,g.jsx)(`div`,{className:`trophy`,children:(0,g.jsx)(j,{})}),(0,g.jsx)(`h2`,{className:`gold big-title`,children:`Ganhaste!`}),(0,g.jsx)(`div`,{className:`muted small`,children:`RECOMPENSA`}),(0,g.jsxs)(`div`,{className:`reward`,children:[`ð° `,(0,g.jsxs)(`span`,{className:`gold`,children:[`+`,b(e)]})]}),(0,g.jsx)(`button`,{className:`btn-primary`,onClick:t,children:`â» Próxima rodada`})]})]})}function R({fake:e,onNext:t,balance:n}
1){return(0,g.jsxs)(`div`,{className:`screen game-screen`,children:[(0,g.jsx)(k,{balance:n}),(0,g.jsxs)(`div`,{className:`modal lose-modal`,children:[(0,g.jsx)(`div`,{className:`sad`,children:`ð`}),(0,g.jsx)(`h2`,{className:`white big-title`,children:`Não acertaste!`}),(0,g.jsx)(`div`,{className:`muted small`,children:`Tenta na próxima rodada!`}),(0,g.jsx)(`div`,{className:`muted tiny`,children:b(e)}),(0,g.jsx)(`button`,{className:`btn-primary`,onClick:t,children:`â» Próxima rodada`})]})]})}function z(){return(0,g.jsxs)(`div`,{className:`screen game-screen center-content`,children:[(0,g.jsx)(k,{balance:v}),(0,g.jsx)(`div`,{className:`muted small mt`,children:`Parabéns!`}),(0,g.jsx)(`div`,{className:`muted tiny`,children:`Completaste as 12 rodadas com sucesso`}),(0,g.jsxs)(`div`,{className:`modal processing-modal`,children:[(0,g.jsx)(`div`,{className:`spinner`}),(0,g.jsx)(`div`,{className:`white`,children:`A processar levantamento...`})]}),(0,g.jsx)(`div`,{className:`gold big-amount`,children:b(v)})]})}function B({onStart:e}){return(0,g.jsxs)(`div`,{className:`screen`,children:[(0,g.jsxs)(`div`,{className:`last-step-card`,children:[(0,g.jsx)(`div`,{className:`icon-circle`,children:`ð`}),(0,g.jsx)(`div`,{className:`muted small`,children:`ÃLTIMO PASSO`}),(0,g.jsx)(`h2`,{className:`dark-title`,children:`Cria a tua conta para receber`}),(0,g.jsx)(`div`,{className:`dark-amount`,children:b(v)})]}),(0,g.jsxs)(`p`,{className:`muted center-text`,children:[`à rápido e `,(0,g.jsx)(`b`,{className:`white`,children:`só leva 30 segundos`}),`. Precisamos apenas dos teus dados para enviar os ganhos para a tua conta.`]}),(0,g.jsxs)(`ul`,{className:`benefits`,children:[(0,g.jsxs)(`li`,{children:[(0,g.jsx)(`span`,{className:`b-ic`,children:`â¡`}),` Cadastro simples em poucos passos`]}),(0,g.jsxs)(`li`,{children:[(0,g.jsx)(`span`,{className:`b-ic`,children:`ð¡ï¸`}),` Dados seguros e protegidos`]}),(0,g.jsxs)(`li`,{children:[(0,g.jsx)(`span`,{className:`b-ic`,children:`ð°`}),` Levantamento direto na tua conta`]})]}),(0,g.jsx)(`button`,{className:`btn-primary glow wide-btn`,onClick:e,children:`ð Cadastrar e levantar`}),(0,g.jsx)(`div`,{className:`footer`,children:`Ao continuar, aceitas os termos da BantuBet.`})]})}function V(e){let{step:t,err:n,onBack:r,onContinue:i}=e;return(0,g.jsxs)(`div`,{className:`screen form-screen`,children:[(0,g.jsxs)(`div`,{className:`form-top`,children:[(0,g.jsx)(`button`,{className:`round-btn`,onClick:r,children:`â¹`}),(0,g.jsxs)(`div`,{className:`balance-pill big`,children:[`â `,b(v)]}),(0,g.jsx)(`button`,{className:`round-btn`,children:`âª`})]}),(0,g.jsx)(`h2`,{className:`white big-title center`,children:`Completar Perfil`}),(0,g.jsx)(`div`,{className:`step-dots`,children:[1,2,3,4,5,6].map(e=>(0,g.jsx)(`span`,{className:`step-dot`+(e<=t?` active`:``)},e))}),(0,g.jsxs)(`div`,{className:`form-card`,children:[t===1&&(0,g.jsxs)(g.Fragment,{children:[(0,g.jsx)(`div`,{className:`field-label`,children:`Nome completo`}),(0,g.jsx)(`div`,{className:`muted tiny`,children:`NOME COMPLETO`}),(0,g.jsxs)(`div`,{className:`input-wrap`,children:[(0,g.jsx)(`span`,{className:`input-ic`,children:`ðªª`}),(0,g.jsx)(`input`,{value:e.nome,onChange:t=>e.setNome(t.target.value),placeholder:`Ex: Daniel da Silva`})]})]}),t===2&&(0,g.jsxs)(g.Fragment,{children:[(0,g.jsx)(`div`,{className:`form-illustration`,"aria-hidden":`true`,children:(0,g.jsx)(p,{size:28,strokeWidth:1.8})}),(0,g.jsx)(`div`,{className:`field-label field-title`,children:`Número de telefone`}),(0,g.jsx)(`div`,{className:`muted tiny field-kicker`,children:`NÃMERO DE CONTACTO`}),(0,g.jsxs)(`div`,{className:`input-wrap`,children:[(0,g.jsx)(`span`,{className:`input-ic`,"aria-hidden":`true`,children:(0,g.jsx)(p,{size:19})}),(0,g.jsx)(`input`,{inputMode:`numeric`,maxLength:9,value:e.tel,onChange:t=>e.setTel(t.target.value.replace(/\D/g,``)),placeholder:`Ex: 923 456 789`})]})]}),t===3&&(0,g.jsxs)(g.Fragment,{children:[(0,g.jsx)(`div`,{className:`form-illustration`,"aria-hidden":`true`,children:(0,g.jsx)(f,{size:30,strokeWidth:1.8})}),(0,g.jsx)(`div`,{className:`field-label field-title`,children:`Seleciona a tua região`}),(0,g.jsx)(`p`,{className:`muted field-support`,children:`Escolhe a provincia onde vais levantar os teus ganhos`}),(0,g.jsxs)(`div`,{className:`input-wrap`,children:[(0,g.jsx)(`span`,{className:`input-ic`,"aria-hidden":`true`,children:(0,g.jsx)(f,{size:19})}),(0,g.jsxs)(`select`,{value:e.provincia,onChange:t=>e.setProvincia(t.target.value),children:[(0,g.jsx)(`option`,{value:``,children:`Selecciona uma provÃncia`}),y.map(e=>(0,g.jsx)(`option`,{value:e,children:e},e))]})]})]}),t===4&&(0,g.jsxs)(g.Fragment,{children:[(0,g.jsx)(`div`,{className:`field-label`,children:`Confirmação de idade`}),(0,g.jsx)(`p`,{className:`muted`,children:`Para participar é necessário ter mais de 18 anos.`}),(0,g.jsxs)(`label`,{className:`check-row`,children:[(0,g.jsx)(`input`,{type:`checkbox`,checked:e.maior,onChange:t=>e.setMaior(t.target.checked)}),(0,g.jsx)(`span`,{children:`Confirmo que sou maior de 18 anos`})]})]}),t===5&&(0,g.jsxs)(g.Fragment,{children:[(0,g.jsx)(`div`,{className:`field-label`,children:`Método de levantamento`}),(0,g.jsx)(`p`,{className:`muted small`,children:`Escolhe como queres receber os teus ganhos.`}),(0,g.jsxs)(`div`,{className:`method-list`,children:[(0,g.jsxs)(`button`,{className:`method-row`+(e.metodo===`express`?` active`:``),onClick:()=>e.setMetodo(`express`),children:[(0,g.jsx)(`div`,{className:`m-ic`,children:`ð²`}),(0,g.jsxs)(`div`,{className:`m-text`,children:[(0,g.jsx)(`div`,{className:`m-title`,children:`Express`}),(0,g.jsx)(`div`,{className:`muted tiny`,children:`Pagamento móvel (9 dÃgitos)`})]}),e.metodo===`express`&&(0,g.jsx)(`div`,{className:`m-check`,children:`â`})]}),(0,g.jsxs)(`button`,{className:`method-row`+(e.metodo===`iban`?` active`:``),onClick:()=>e.setMetodo(`iban`),children:[(0,g.jsx)(`div`,{className:`m-ic`,children:`ð¦`}),(0,g.jsxs)(`div`,{className:`m-text`,children:[(0,g.jsx)(`div`,{className:`m-title`,children:`IBAN`}),(0,g.jsx)(`div`,{className:`muted tiny`,children:`Transferência bancária (21 dÃgitos)`})]}),e.metodo===`iban`&&(0,g.jsx)(`div`,{className:`m-check`,children:`â`})]})]})]}),t===6&&(0,g.jsxs)(g.Fragment,{children:[(0,g.jsx)(`div`,{className:`field-label`,children:e.metodo===`express`?`Numero Express`:`Numero IBAN`}),(0,g.jsx)(`p`,{className:`muted small`,children:e.metodo===`express`?`Introduz o teu numero Express (9 digitos, começa pelo 9).`:`Introduz o teu IBAN (21 caracteres alfanuméricos).`}),(0,g.jsx)(`div`,{className:`muted tiny`,children:e.metodo===`express`?`NUMERO EXPRESS`:`NUMERO IBAN`}),(0,g.jsxs)(`div`,{className:`input-wrap`,children:[(0,g.jsx)(`span`,{className:`input-ic`,children:e.metodo===`express`?`ð±`:`ð¦`}),(0,g.jsx)(`input`,{value:e.conta,onChange:t=>e.setConta(t.target.value),placeholder:e.metodo===`express`?`Ex: 923456789`:`Ex: AO06004400006729503010102`,maxLength:e.metodo===`express`?9:21})]})]}),n&&(0,g.jsx)(`div`,{className:`error-msg`,children:n})]}),(0,g.jsx)(`button`,{className:`btn-primary wide-btn bottom`,onClick:i,children:t===6?`Levantar os meus ganhos`:`Continuar`})]})}var H=`vturb-smartplayer`;function U(){(0,l.useEffect)(()=>{let e=`https://scripts.converteai.net/6801b7e8-f787-403f-9151-545cf2e95f2e/players/6ab14e7b7af06dc7df2e5b0d/v4/player.js`,t=document.getElementById(`vturb-script`);if(t){if(t.src===e)return;t.remove()}let n=document.createElement(`script`);n.id=`vturb-script`,n.src=e,n.async=!0,document.head.appendChild(n)},[]);let e=[{user:`@osvaldoaniceto7685`,time:`há 4 dias`,text:`Recebi meus 118 mil Kz na conta Express em minutos! Obrigado BantuBet ð`,likes:128,color:`#f97316`},{user:`@fabiobaziota5919`,time:`há 4 dias`,text:`Achei que era mentira, mas caiu certinho! Vale a pena assistir o vÃdeo até o fim.`,likes:87,color:`#a855f7`},{user:`@SamuelBusiness14`,time:`há 3 dias`,text:`Levantei ontem via IBAN, processo super rápido. Parabéns pelos 5 anos! ð¦ð´`,likes:65,color:`#dc2626`},{user:`@andrecativa1316`,time:`há 5 dias`,text:`Melhor promoção do ano em Angola. Já indiquei para toda famÃlia. ð°ð°`,likes:54,color:`#ec4899`},{user:`@joana.mendes`,time:`há 2 dias`,text:`Só segui o passo a passo do vÃdeo e recebi. Não deixem para depois!`,likes:41,color:`#0ea5e9`},{user:`@carlitos_lda`,time:`há 1 dia`,text:`Confesso que fiquei desconfiado no inÃcio, mas é real. Obrigado! ð`,likes:33,color:`#22c55e`}];return(0,g.jsxs)(`div`,{className:`yt-screen`,children:[(0,g.jsxs)(`header`,{className:`yt-header`,children:[(0,g.jsx)(`img`,{src:h.url,alt:`YouTube`,className:`yt-logo`}),(0,g.jsxs)(`div`,{className:`yt-search`,children:[(0,g.jsx)(`input`,{placeholder:`Pesquisar`}),(0,g.jsx)(`button`,{children:`ð`})]}),(0,g.jsx)(`div`,{className:`yt-avatar`,children:`U`})]}),(0,g.jsxs)(`main`,{className:`yt-main`,children:[(0,g.jsxs)(`h1`,{className:`yt-headline`,children:[`Veja agora como registar a sua conta `,(0,g.jsx)(`span`,{className:`gold`,children:`BantuBet`}),` e liberar os seus `,(0,g.jsx)(`span`,{className:`gold`,children:`118 000 Kz`}),` em menos de 2 minutos`]}),(0,g.jsx)(`div`,{className:`vsl-wrap`,children:(0,g.jsx)(H,{id:`vid-6ab14e7b7af06dc7df2e5b0d`,style:{display:`block`,margin:`0 auto`,width:`100%`},children:(0,g.jsx)(`div`,{className:`vturb-player-placeholder`,style:{position:`relative`,width:`100%`,padding:`56.25% 0 0`,zIndex:0,backgroundColor:`black`}})})}),(0,g.jsxs)(`div`,{className:`yt-channel`,children:[(0,g.jsxs)(`div`,{className:`yt-ch-left`,children:[(0,g.jsx)(`div`,{className:`yt-ch-avatar`,children:(0,g.jsx)(`img`,{src:m.url,alt:`BantuBet`})}),(0,g.jsxs)(`div`,{children:[(0,g.jsxs)(`div`,{className:`yt-ch-name`,children:[`BantuBet Oficial `,(0,g.jsx)(`span`,{className:`verified`,children:`â`})]}),(0,g.jsx)(`div`,{className:`yt-ch-subs`,children:`592 mil subscritores`})]}),(0,g.jsx)(`button`,{className:`yt-bell`,children:`ð â¾`})]}),(0,g.jsxs)(`div`,{className:`yt-ch-actions`,children:[(0,g.jsx)(`button`,{className:`yt-pill`,children:`ð 3,2 mil`}),(0,g.jsx)(`button`,{className:`yt-pill`,children:`ð`}),(0,g.jsx)(`button`,{className:`yt-pill`,children:`â Partilhar`}),(0,g.jsx)(`button`,{className:`yt-pill`,children:`⦠Pedir`}),(0,g.jsx)(`button`,{className:`yt-pill`,children:`ð Guardar`})]})]}),(0,g.jsxs)(`div`,{className:`yt-metabox`,children:[(0,g.jsxs)(`div`,{className:`yt-meta-line`,children:[(0,g.jsx)(`b`,{children:`67 mil visualizações`}),` · Transmitido há 7 dias · `,(0,g.jsx)(`span`,{className:`yt-blue`,children:`BantuBet Oficial`})]}),(0,g.jsx)(`div`,{className:`yt-meta-line`,children:`ð 5 ANOS DA BANTUBET â Promoção "Acerta e Ganha" · assista até ao fim para libertar os seus ganhos.`}),(0,g.jsxs)(`div`,{className:`yt-tags`,children:[(0,g.jsx)(`span`,{children:`Tags`}),(0,g.jsx)(`a`,{children:`bantubet`}),`, `,(0,g.jsx)(`a`,{children:`5anos`}),`, `,(0,g.jsx)(`a`,{children:`angola`}),`, `,(0,g.jsx)(`a`,{children:`promoção`}),`, `,(0,g.jsx)(`a`,{children:`acertaeganha`}
1),`, `,(0,g.jsx)(`a`,{children:`ganhos`}),`, `,(0,g.jsx)(`a`,{children:`#luanda`})]})]}),(0,g.jsxs)(`div`,{className:`yt-comments`,children:[(0,g.jsxs)(`div`,{className:`yt-comments-header`,children:[(0,g.jsxs)(`b`,{children:[e.length,` comentários`]}),(0,g.jsx)(`span`,{className:`muted`,children:`â° Ordenar por`})]}),(0,g.jsxs)(`div`,{className:`yt-add-comment`,children:[(0,g.jsx)(`div`,{className:`yt-c-avatar`,style:{background:`#6366f1`},children:`U`}),(0,g.jsx)(`input`,{placeholder:`Adicione um comentário...`})]}),e.map(e=>(0,g.jsxs)(`div`,{className:`yt-comment`,children:[(0,g.jsx)(`div`,{className:`yt-c-avatar`,style:{background:e.color},children:e.user[1].toUpperCase()}),(0,g.jsxs)(`div`,{className:`yt-c-body`,children:[(0,g.jsxs)(`div`,{className:`yt-c-head`,children:[(0,g.jsx)(`b`,{children:e.user}),` `,(0,g.jsx)(`span`,{className:`muted`,children:e.time})]}),(0,g.jsx)(`div`,{className:`yt-c-text`,children:e.text}),(0,g.jsxs)(`div`,{className:`yt-c-actions`,children:[(0,g.jsxs)(`span`,{children:[`ð `,e.likes]}),` `,(0,g.jsx)(`span`,{children:`ð`}),` `,(0,g.jsx)(`span`,{className:`muted`,children:`Responder`})]})]})]},e.user))]})]})]})}var W=` 2.ag-root { 3 --bg1: #0a0a23; 4 --bg2: #1a0f3a; 5 --card: #1b1640; 6 --card2: #14102e; 7 --gold: #f59e0b; 8 --gold2: #fb923c; 9 --text: #fff; 10 --muted: #8b8db5; 11 min-height: 100vh; 12 background: radial-gradient(ellipse at top, #1a0f3a 0%, #0a0a23 60%, #050514 100%); 13 color: var(--text); 14 font-family: 'Inter', system-ui, -apple-system, sans-serif; 15 display: flex; 16 justify-content: center; 17} 18.screen { 19 width: 100%; 20 max-width: 420px; 21 min-height: 100vh; 22 padding: 18px 18px 32px; 23 display: flex; 24 flex-direction: column; 25 align-items: center; 26 gap: 14px; 27 position: relative; 28} 29.screen.tight { gap: 10px; padding-top: 14px; } 30.event-badge { 31 background: rgba(16,185,129,.15); 32 border: 1px solid rgba(16,185,129,.4); 33 color: #10b981; 34 padding: 6px 16px; 35 border-radius: 999px; 36 font-size: 11px; 37 font-weight: 700; 38 letter-spacing: 1px; 39} 40.brand-logo { display: block; object-fit: contain; filter: drop-shadow(0 4px 12px rgba(0,0,0,.4)); } 41.hero-logo { margin: 6px 0; } 42.hero-logo img { height: 110px; object-fit: contain; filter: drop-shadow(0 8px 30px rgba(251,146,60,.35)); } 43.logo-sub { font-size: 11px; color: var(--muted); letter-spacing: 2px; text-transform: uppercase; } 44.hero-title { font-size: 28px; font-weight: 800; text-align: center; line-height: 1.2; margin: 8px 0; } 45.gold { color: var(--gold); } 46.white { color: #fff; } 47.hero-desc { color: var(--muted); text-align: center; font-size: 14px; line-height: 1.6; padding: 0 12px; } 48.intro-cta-reveal { animation: ctaReveal .55s cubic-bezier(.2,.75,.25,1) both; } 49@keyframes ctaReveal { from { opacity: 0; transform: translateY(14px) scale(.97); } to { opacity: 1; transform: translateY(0) scale(1); } } 50 51/* ===== Intro anniversary banner + gain effects ===== */ 52.intro-banner-screen { overflow: hidden; } 53.intro-confetti, .intro-coins-rain { 54 position: absolute; inset: 0; pointer-events: none; z-index: 0; overflow: hidden; 55} 56.intro-confetti .confetti-bit { 57 position: absolute; top: -14px; width: 9px; height: 14px; border-radius: 2px; 58 opacity: .85; animation-name: confettiFallBit; animation-timing-function: linear; animation-iteration-count: infinite; 59} 60.intro-confetti .c0 { background: var(--gold); } 61.intro-confetti .c1 { background: #10b981; } 62.intro-confetti .c2 { background: #ef4444; } 63.intro-confetti .c3 { background: #3b82f6; } 64.intro-confetti .c4 { background: #a855f7; } 65@keyframes confettiFallBit { 66 0% { transform: translateY(0) rotateZ(0deg); opacity: 0; } 67 10% { opacity: .9; } 68 100% { transform: translateY(110vh) rotateZ(540deg); opacity: 0; } 69} 70.intro-coins-rain .rain-coin { 71 position: absolute; top: -40px; width: 26px; height: 26px; border-radius: 50%; 72 background: radial-gradient(circle at 30% 30%, #ffd560, #f59e0b 60%, #b45309 100%); 73 box-shadow: 0 0 18px rgba(245,158,11,.7), inset 0 -2px 4px rgba(0,0,0,.3); 74 border: 2px solid #92400e; 75 animation-name: coinRain; animation-timing-function: cubic-bezier(.45,.05,.55,.95); animation-iteration-count: infinite; 76} 77@keyframes coinRain { 78 0% { transform: translateY(0) rotateY(0) scaleX(1); opacity: 0; } 79 12% { opacity: 1; } 80 100% { transform: translateY(115vh) rotateY(720deg) scaleX(.6); opacity: 0; } 81} 82.intro-banner-screen >
82 *:not(.intro-confetti):not(.intro-coins-rain) { position: relative; z-index: 1; } 83.intro-confetti, .intro-coins-rain { position: absolute !important; inset: 0; z-index: 0; } 84 85.anniv-banner { 86 position: relative; 87 width: 100%; 88 margin: 8px 0 2px; 89 padding: 26px 18px 22px; 90 text-align: center; 91 border-radius: 22px; 92 background: 93 radial-gradient(circle at 50% 0%, rgba(245,158,11,.28), transparent 60%), 94 linear-gradient(160deg, #2a1c63 0%, #1a1147 55%, #120c33 100%); 95 border: 1px solid rgba(245,158,11,.45); 96 box-shadow: 0 0 0 1px rgba(245,158,11,.15), 0 24px 60px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.08); 97 overflow: hidden; 98} 99.anniv-banner::before { 100 content: ""; position: absolute; inset: -40%; 101 background: conic-gradient(from 0deg, transparent 0deg, rgba(245,158,11,.18) 20deg, transparent 40deg, transparent 200deg, rgba(251,146,60,.14) 220deg, transparent 240deg); 102 animation: annivShine 7s linear infinite; pointer-events: none; 103} 104@keyframes annivShine { to { transform: rotate(360deg); } } 105.anniv-kicker { 106 font-size: 13px; font-weight: 800; letter-spacing: 3px; color: #ffd560; 107 text-transform: uppercase; margin-bottom: 6px; 108} 109.anniv-number { display: flex; align-items: baseline; justify-content: center; gap: 10px; line-height: 1; } 110.anniv-5 { 111 font-size: 88px; font-weight: 900; line-height: .9; 112 background: linear-gradient(180deg, #ffe9a8 0%, #f59e0b 45%, #b45309 100%); 113 -webkit-background-clip: text; background-clip: text; color: transparent; 114 text-shadow: 0 6px 24px rgba(245,158,11,.5); 115 animation: annivPop 1.6s ease-in-out infinite; 116} 117@keyframes annivPop { 0%,100% { transform: scale(1); } 50% { transform: scale(1.06); } } 118.anniv-anos { 119 font-size: 30px; font-weight: 800; letter-spacing: 2px; color: #fff; 120 text-shadow: 0 2px 10px rgba(0,0,0,.5); 121} 122.anniv-brand { font-size: 18px; font-weight: 800; letter-spacing: 2px; color: #fff; margin-top: 2px; } 123.anniv-bantu { 124 background: linear-gradient(90deg, #fb923c, #f59e0b); 125 -webkit-background-clip: text; background-clip: text; color: transparent; 126} 127.anniv-prize { 128 margin-top: 12px; display: inline-block; 129 font-size: 15px; font-weight: 900; letter-spacing: 1px; color: #1a0f3a; 130 background: linear-gradient(135deg, var(--gold2), var(--gold)); 131 padding: 8px 20px; border-radius: 999px; 132 box-shadow: 0 8px 26px rgba(245,158,11,.5); 133 animation: annivGlow 1.8s ease-in-out infinite; 134} 135@keyframes annivGlow { 0%,100% { box-shadow: 0 8px 26px rgba(245,158,11,.45); } 50% { box-shadow: 0 8px 40px rgba(245,158,11,.85); } } 136 137.btn-primary { 138 background: linear-gradient(135deg, var(--gold2), var(--gold)); 139 color: #1a0f3a; border: none; 140 padding: 16px 32px; border-radius: 999px; 141 font-weight: 800; font-size: 15px; cursor: pointer; 142 box-shadow: 0 8px 30px rgba(245,158,11,.4); 143 transition: transform .15s; 144} 145.btn-primary:hover:not(:disabled) { transform: translateY(-2px); } 146.btn-primary:disabled { opacity: .7; cursor: default; } 147.wide-btn { width: 100%; } 148.btn-primary.glow { box-shadow: 0 0 40px rgba(245,158,11,.6), 0 8px 30px rgba(245,158,11,.5); } 149.bottom { margin-top: auto; } 150.btn-white { 151 background: #fff; color: #1a0f3a; border: none; 152 padding: 14px 28px; border-radius: 999px; font-weight: 800; cursor: pointer; width: 100%; 153} 154 155.stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; width: 100%; margin-top: 12px; } 156.stat { background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.08); border-radius: 14px; padding: 14px 8px; text-align: center; } 157.gold.big { font-size: 24px; font-weight: 800; } 158.muted { color: var(--muted); font-size: 13px; } 159.small { font-size: 11px; letter-spacing: 1px; text-transform: uppercase; } 160.tiny { font-size: 10px; letter-spacing: 1px; text-transform: uppercase; } 161.footer { color: var(--muted); font-size: 11px; text-align: center; margin-top: auto; padding-top: 18px; } 162 163.cta-card { 164 background: linear-gradient(180deg, #251b5c, #1a1342); 165 border-radius: 24px; padding: 24px; width: 100%; text-align: center; 166 display: flex; flex-direction: column; gap: 12px; align-items: center; 167 border: 1px solid rgba(255,255,255,.05); 168} 169.big-title { font-size: 30px; font-weight: 800; margin: 4px 0; text-align: center; } 170.big-title.center { text-align: center; } 171.cta-desc { color: var(--muted); font-size: 14px; } 172.cups-preview, .cups-row { display: flex; flex-direction: row; gap: 16px; justify-content: center; align-items: flex-end; margin: 8px 0; width: 100%; } 173 174/* Top bar */ 175.topbar { display: flex; align-items: center; justify-content: space-between; width: 100%; } 176.balance-pill { 177 background: #14102e; padding: 8px 16px; border-radius: 999px; 178 font-weight: 800; color: var(--gold); 179 border: 1px solid rgba(245,158,11,.3); 180 font-size: 13px; 181} 182.balance-pill.big { padding: 10px 20px; font-size: 14px; } 183.avatar { 184 width: 36px; height: 36px; border-radius: 50%; 185 background: rgba(255,255,255,.08); 186 display: flex; align-items: center; justify-content: center; 187} 188 189/* Game */ 190.game-screen { gap: 10px; } 191.round-label { color: var(--muted); font-size: 11px; letter-spacing: 2px; font-weight: 700; margin-top: 4px; } 192.dots { display: flex; gap: 4px; margin-bottom: 4px; } 193.dot { width: 16px; height: 4px; border-radius: 2px; background: rgba(255,255,255,.15); } 194.dot.active { background: var(--gold); } 195.mt-sm { margin-top: 16px; } 196 197/* Cups stage with absolute slots so they slide */ 198.cups-stage { 199 position: relative; 200 width: 100%; height: 130px; 201 margin: 16px 0; 202 display: flex; justify-content: center; align-items: center; 203} 204.cup-slot { 205 position: absolute; 206 background: transparent; border: none; padding: 6px; cursor: pointer; 207 transition: transform .32s cubic-bezier(.65,.05,.36,1); 208 border-radius: 16px; 209} 210.cup-slot:disabled { cursor: default; } 211.cup-slot .finger { position: absolute; top: -22px; left: 50%; transform: translateX(-50%); font-size: 16px; } 212 213.cup-wrap { position: relative; width: 70px; height: 100px; } 214.cup-wrap.glow-win { filter: drop-shadow(0 0 18px rgba(16,185,129,.85)); } 215.cup-wrap.glow-lose { filter: drop-shadow(0 0 18px rgba(239,68,68,.85)); } 216 217.cup { 218 width: 70px; height: 88px; 219 background: 220 linear-gradient(105deg, transparent 0 17%, rgba(255,255,255,.18) 25%, transparent 40%), 221 linear-gradient(90deg, #b9420c 0%, #f47a24 16%, #fb923c 43%, #ea580c 72%, #9a3412 100%); 222 clip-path: polygon(15% 0, 85% 0, 95% 100%, 5% 100%); 223 position: relative; 224 filter: drop-shadow(0 10px 10px rgba(0,0,0,.55)); 225 transition: transform .35s cubic-bezier(.5,-0.2,.3,1.4); 226 border-bottom: 3px solid rgba(85,29,8,.7); 227} 228.cup.lifted { transform: translateY(-44px) rotate(-8deg); } 229.cup-body { width: 100%; height: 100%; position: relative; } 230.cup-rim { 231 position: absolute; z-index: 2; top: -5px; left: 7px; right: 7px; height: 12px; 232 border-radius: 50%; 233 background: linear-gradient(180deg, #ffb06b 0%, #e85a13 44%, #7d2908 52%, #c5460c 100%); 234 box-shadow: 0 2px 3px rgba(0,0,0,.45), inset 0 1px 1px rgba(255,255,255,.35); 235} 236.cup-highlight { position: absolute; top: 10px; left: 14px; width: 11px; height: 55px; border-radius: 50%; background: linear-gradient(180deg, rgba(255,255,255,.28), rgba(255,255,255,0)); transform: rotate(4deg); filter: blur(.4px); } 237.cup-dots { position: absolute; bottom: 8px; left: 50%; transform: translateX(-50%); display: flex; gap: 4px; } 238.cup-dots span { width: 4px; height: 4px; background: rgba(0,0,0,.4); border-radius: 50%; } 239.cup-shadow { 240 position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); 241 width: 62px; height: 8px; background: rgba(0,0,0,.58); border-radius: 50%; filter: blur(4px); 242} 243.under-coin { 244 position: absolute; bottom: 4px; left: 50%; transform: translateX(-50%); 245 z-index: 0; 246} 247.coin { 248 width: 52px; height: 52px; border-radius: 50%; 249 background: radial-gradient(circle at 30% 30%, #ffd560, #f59e0b 60%, #b45309 100%); 250 display: flex; align-items: center; justify-content: center; 251 box-shadow: 0 0 24px rgba(245,158,11,.7), inset 0 -3px 6px rgba(0,0,0,.3); 252 border: 2px solid #92400e; 253 animation: coinSpin 2.5s linear infinite; 254} 255.coin-face { text-align: center; line-height: 1; } 256.coin-mini { font-size: 10px; font-weight: 900; color: #3b1f00; letter-spacing: .5px; } 257.coin-mini span { color: #b45309; } 258.coin-sub { font-size: 7px; font-weight: 800; color: #3b1f00; letter-spacing: 1px; margin-top: 2px; } 259@keyframes coinSpin { 260 0% { transform: rotateY(0) scaleX(1); } 261 50% { transform: rotateY(180deg) scaleX(-1); } 262 100% { transform: rotateY(360deg) scaleX(1); } 263} 264 265.countdown-cta { 266 margin-top: auto; width: 100%; 267 background: linear-gradient(135deg, var(--gold2), var(--gold)); 268 border: none; cursor: pointer; 269 border-radius: 20px; padding: 16px; text-align: center; color: #1a0f3a; 270 box-shadow: 0 10px 40px rgba(245,158,11,.4); 271} 272.countdown-cta:disabled { opacity: .95; cursor: default; } 273.countdown-num { font-size: 34px; font-weight: 900; line-height: 1.1; } 274.countdown-cta .muted { color: rgba(26,15,58,.7); font-weight: 700; } 275 276/* Modal */ 277.modal { 278 background: linear-gradient(180deg, #1f1947, #14102e); 279 border: 1px solid rgba(255,255,255,.06); 280 border-radius: 24px; 281 padding: 28px 24px; text-align: center; width: 100%; 282 margin-top: 30px; 283 display: flex; flex-direction: column; align-items: center; gap: 12px; 284}
285.trophy, .sad { font-size: 40px; } 286.reward { font-size: 28px; font-weight: 800; } 287.confetti { 288 position: absolute; inset: 0; pointer-events: none; 289 background-image: 290 radial-gradient(circle at 10% 20%, var(--gold) 2px, transparent 3px), 291 radial-gradient(circle at 80% 30%, #10b981 2px, transparent 3px), 292 radial-gradient(circle at 30% 60%, #ef4444 2px, transparent 3px), 293 radial-gradient(circle at 70% 80%, var(--gold) 2px, transparent 3px), 294 radial-gradient(circle at 50% 10%, #3b82f6 2px, transparent 3px); 295 background-size: 200px 200px; 296 animation: confettiFall 2s linear infinite; 297 opacity: .6; 298} 299@keyframes confettiFall { from { background-position: 0 -200px; } to { background-position: 0 100vh; } } 300 301.processing-modal { background: rgba(255,255,255,.05); margin: auto 0; } 302.spinner { width: 60px; height: 60px; border-radius: 50%; border: 4px solid rgba(245,158,11,.2); border-top-color: var(--gold); animation: spin 1s linear infinite; } 303@keyframes spin { to { transform: rotate(360deg); } } 304.big-amount { font-size: 32px; font-weight: 900; margin-top: 20px; opacity: .5; } 305.center-content { justify-content: center; } 306.mt { margin-top: 18px; } 307 308/* Last step */ 309.last-step-card { 310 width: 100%; 311 background: linear-gradient(135deg, var(--gold2), var(--gold)); 312 border-radius: 24px; padding: 28px; text-align: center; 313 display: flex; flex-direction: column; align-items: center; gap: 12px; 314 color: #1a0f3a; 315} 316.icon-circle { width: 56px; height: 56px; border-radius: 50%; background: #fff; display: flex; align-items: center; justify-content: center; font-size: 24px; } 317.dark-title { font-size: 22px; font-weight: 800; color: #1a0f3a; } 318.dark-amount { font-size: 38px; font-weight: 900; color: #1a0f3a; } 319.center-text { text-align: center; } 320.benefits { list-style: none; padding: 0; width: 100%; display: flex; flex-direction: column; gap: 10px; } 321.benefits li { 322 background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.08); 323 padding: 14px 16px; border-radius: 14px; font-size: 14px; font-weight: 600; 324 display: flex; align-items: center; gap: 12px; 325} 326.b-ic { width: 32px; height: 32px; border-radius: 50%; background: linear-gradient(135deg, var(--gold2), var(--gold)); display: flex; align-items: center; justify-content: center; } 327 328/* Form */ 329.form-top { display: flex; align-items: center; justify-content: space-between; width: 100%; } 330.round-btn { width: 40px; height: 40px; border-radius: 50%; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.1); color: #fff; cursor: pointer; font-size: 16px; } 331.step-dots { display: flex; gap: 6px; margin-bottom: 8px; } 332.step-dot { width: 24px; height: 4px; border-radius: 2px; background: rgba(255,255,255,.15); } 333.step-dot.active { background: var(--gold); } 334 335.form-card { 336 width: 100%; 337 background: linear-gradient(180deg, #1f1947, #14102e); 338 border: 1px solid rgba(255,255,255,.06); 339 border-radius: 18px; padding: 20px; 340} 341.field-label { font-weight: 700; font-size: 16px; margin: 4px 0; } 342.field-title { text-align: center; font-size: 20px; margin-top: 10px; } 343.field-kicker { text-align: center; color: var(--gold); font-weight: 800; margin-top: 3px; } 344.field-support { text-align: center; line-height: 1.55; margin: 4px auto 14px; max-width: 280px; } 345.form-illustration { 346 width: 64px; height: 64px; margin: 0 auto 8px; 347 display: flex; align-items: center; justify-content: center; 348 color: var(--gold); border-radius: 18px; 349 background: linear-gradient(145deg, rgba(251,146,60,.18), rgba(245,158,11,.07)); 350 border: 1px solid rgba(245,158,11,.35); 351 box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 12px 28px rgba(0,0,0,.22); 352} 353.input-wrap { display: flex; align-items: center; gap: 10px; background: rgba(0,0,0,.3); border: 1px solid rgba(255,255,255,.1); border-radius: 12px; padding: 12px 14px; margin-top: 10px; } 354.input-wrap input, .input-wrap select { flex: 1; background: transparent; border: none; outline: none; color: #fff; font-size: 15px; } 355.input-wrap select option { background: #14102e; } 356.input-ic { color: var(--gold); display: inline-flex; align-items: center; } 357.check-row { display: flex; align-items: center; gap: 10px; margin-top: 12px; cursor: pointer; background: rgba(0,0,0,.3); padding: 14px; border-radius: 999px; } 358.check-row input { width: 18px; height: 18px; accent-color: var(--gold); } 359 360.method-list { display: flex; flex-direction: column; gap: 10px; margin-top: 12px; } 361.method-row { 362 display: flex; align-items: center; gap: 12px; 363 background: rgba(0,0,0,.3); border: 1px solid rgba(255,255,255,.1); 364 border-radius: 14px; padding: 14px; cursor: pointer; color: #fff; 365 text-align: left; 366} 367.method-row.active { border-color: var(--gold); box-shadow: 0 0 0 2px rgba(245,158,11,.3); } 368.m-ic { width: 36px; height: 36px; border-radius: 50%; background: rgba(245,158,11,.15); display: flex; align-items: center; justify-content: center; font-size: 18px; } 369.m-text { flex: 1; } 370.m-title { font-weight: 800; } 371.m-check { color: var(--gold); font-size: 18px; } 372 373.error-msg { color: #ef4444; font-size: 13px; margin-top: 10px; text-align: center; } 374.form-screen { gap: 14px; } 375 376/* ---------- YouTube-style last screen ---------- */ 377.yt-screen { 378 width: 100%; 379 min-height: 100vh; 380 background: #0f0f0f; 381 color: #fff; 382 display: flex; flex-direction: column; 383} 384.yt-header { 385 display: flex; align-items: center; gap: 16px; 386 padding: 10px 24px; 387 background: #0f0f0f; 388 border-bottom: 1px solid #272727; 389} 390.yt-logo { height: 24px; } 391.yt-search { 392 flex: 1; max-width: 640px; margin: 0 auto; 393 display: flex; 394} 395.yt-search input { 396 flex: 1; background: #121212; border: 1px solid #303030;
397 border-right: none; border-radius: 40px 0 0 40px; 398 padding: 8px 16px; color: #fff; outline: none; 399} 400.yt-search button { 401 background: #222; border: 1px solid #303030; border-left: none; 402 border-radius: 0 40px 40px 0; padding: 8px 20px; color: #fff; cursor: pointer; 403} 404.yt-avatar { width: 32px; height: 32px; border-radius: 50%; background: #a855f7; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 13px; } 405 406.yt-main { 407 flex: 1; 408 max-width: 980px; width: 100%; 409 margin: 0 auto; 410 padding: 24px 20px 60px; 411 display: flex; flex-direction: column; gap: 16px; 412} 413.yt-live-badge { 414 align-self: flex-end; 415 background: #cc0000; color: #fff; padding: 4px 12px; 416 border-radius: 6px; font-size: 12px; font-weight: 700; 417} 418.yt-headline { 419 font-size: clamp(20px, 3vw, 30px); 420 font-weight: 800; line-height: 1.25; text-align: center; 421 margin: 0; 422} 423.vsl-wrap { 424 width: 100%; max-width: 900px; margin: 0 auto; 425 border-radius: 12px; overflow: hidden; 426 box-shadow: 0 20px 60px rgba(0,0,0,.6); 427 background: #000; 428} 429.yt-desc { 430 margin-top: 12px; 431 display: flex; flex-direction: column; align-items: center; gap: 8px; 432} 433 434@media (max-width: 640px) { 435 .yt-header { padding: 8px 12px; gap: 8px; } 436 .yt-search input { padding: 6px 12px; } 437 .yt-search button { padding: 6px 14px; } 438 .yt-main { padding: 16px 12px 40px; } 439} 440 441/* Call-to-action hint on choose phase */ 442.cta-hint { 443 background: linear-gradient(135deg, rgba(245,158,11,.2), rgba(251,146,60,.15)); 444 border: 2px solid var(--gold); 445 color: #ffd560; 446 padding: 10px 18px; border-radius: 999px; 447 font-weight: 800; font-size: 13px; letter-spacing: .5px; 448 box-shadow: 0 0 30px rgba(245,158,11,.5); 449} 450.pulse { animation: pulseBox 1.2s ease-in-out infinite; } 451@keyframes pulseBox { 0%,100% { transform: scale(1); } 50% { transform: scale(1.04); } } 452.pulse-btn { animation: pulseBox 1.2s ease-in-out infinite; opacity: 1 !important; } 453.cup-slot.clickable { animation: cupBob 1s ease-in-out infinite; } 454@keyframes cupBob { 0%,100% { filter: drop-shadow(0 0 0 rgba(245,158,11,0)); } 50% { filter: drop-shadow(0 0 20px rgba(245,158,11,.6)); } } 455 456.countdown-cta.live { pointer-events: none; } 457 458/* YouTube channel + comments */ 459.yt-channel { 460 display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; 461 gap: 12px; padding: 12px 4px; border-bottom: 1px solid #272727; 462} 463.yt-ch-left { display: flex; align-items: center; gap: 12px; } 464.yt-ch-avatar { width: 44px; height: 44px; border-radius: 50%; overflow: hidden; background: #f97316; display: flex; align-items: center; justify-content: center; } 465.yt-ch-avatar img { width: 100%; height: 100%; object-fit: contain; padding: 4px; } 466.yt-ch-name { font-weight: 700; font-size: 15px; } 467.verified { color: #aaa; font-size: 12px; } 468.yt-ch-subs { color: #aaa; font-size: 12px; } 469.yt-bell { background: transparent; border: none; color: #fff; margin-left: 6px; cursor: pointer; } 470.yt-ch-actions { display: flex; flex-wrap: wrap; gap: 8px; } 471.yt-pill { background: #272727; border: none; color: #fff; padding: 8px 14px; border-radius: 999px; font-size: 13px; font-weight: 600; cursor: pointer; } 472.yt-pill:hover { background: #333; } 473 474.yt-metabox { background: #272727; border-radius: 12px; padding: 12px 16px; font-size: 13px; display: flex; flex-direction: column; gap: 6px; } 475.yt-meta-line { color: #e5e5e5; } 476.yt-blue { color: #3ea6ff; } 477.yt-tags { color: #aaa; margin-top: 4px; font-size: 12px; } 478.yt-tags a { color: #3ea6ff; margin-right: 4px; } 479 480.yt-comments { display: flex; flex-direction: column; gap: 16px; margin-top: 8px; } 481.yt-comments-header { display: flex; gap: 20px; align-items: center; font-size: 15px; } 482.yt-add-comment { display: flex; align-items: center; gap: 12px; border-bottom: 1px solid #272727; padding-bottom: 12px; } 483.yt-add-comment input { flex: 1; background: transparent; border: none; border-bottom: 1px solid #3f3f3f; padding: 8px 0; color: #fff; outline: none; } 484.yt-c-avatar { width: 36px; height: 36px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 700; flex-shrink: 0; } 485.yt-comment { display: flex; gap: 12px; } 486.yt-c-body { flex: 1; display: flex; flex-direction: column; gap: 4px; } 487.yt-c-head { font-size: 13px; } 488.yt-c-head b { font-weight: 700; } 489.yt-c-head .muted { margin-left: 6px; font-size: 12px; } 490.yt-c-text { font-size: 14px; line-height: 1.4; } 491.yt-c-actions { display: flex; gap: 14px; font-size: 12px; color: #aaa; margin-top: 4px; } 492`;export{E as component};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.