@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--ink:#05070a;--panel:#0d1219;--text:#f7f5ef;--muted:#8f9aa8;--line:rgba(255,255,255,.09);--acid:#c9ff3d;--cyan:#6fdcff;--red:#ff4d62;--gold:#f7c96a;--shadow:0 35px 100px rgba(0,0,0,.48)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--text);font-family:Manrope,system-ui,sans-serif;background:#05070a;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-3;background:radial-gradient(900px 600px at 75% -10%,rgba(111,220,255,.1),transparent 60%),radial-gradient(800px 600px at -10% 40%,rgba(201,255,61,.07),transparent 65%),linear-gradient(#05070a,#070a0e)}body:after{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent 80%)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.premium-shell{width:min(1240px,calc(100% - 42px));margin:auto}.premium-nav,.transparent-header{height:82px;display:flex;align-items:center;position:sticky;top:0;z-index:80;background:rgba(5,7,10,.72)!important;border-bottom:1px solid var(--line)!important;backdrop-filter:blur(22px) saturate(140%)}.premium-nav .premium-shell,.header-container{width:min(1240px,calc(100% - 42px))!important;max-width:none!important;margin:auto!important;display:flex;align-items:center;justify-content:space-between}.premium-brand{display:flex;align-items:center;gap:13px;font:700 20px Space Grotesk}.brand-mark{position:relative;width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(201,255,61,.45);border-radius:50%;font:600 12px DM Mono;color:var(--acid);box-shadow:inset 0 0 0 7px rgba(201,255,61,.035),0 0 35px rgba(201,255,61,.08)}.brand-mark:after{content:"";position:absolute;width:6px;height:6px;border-radius:50%;background:var(--acid);top:-3px;box-shadow:0 0 15px var(--acid)}.premium-links{display:flex;align-items:center;padding:5px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.025)}.premium-links a{padding:9px 15px;border-radius:999px;font-size:12px;font-weight:700;color:#9ba6b3;transition:.25s}.premium-links a:hover{background:#fff;color:#07090c}.premium-actions{display:flex;gap:8px;align-items:center}.p-btn{min-height:43px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid var(--line);border-radius:13px;padding:0 16px;background:rgba(255,255,255,.035);color:#fff;font-size:13px;font-weight:800;cursor:pointer;transition:.25s}.p-btn:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.07)}.p-btn.primary{background:var(--acid);color:#0a0d08;border-color:var(--acid);box-shadow:0 10px 40px rgba(201,255,61,.12)}
.hero-premium{min-height:720px;padding:88px 0 70px;display:grid;grid-template-columns:1.02fr .98fr;gap:56px;align-items:center;position:relative}.eyebrow{display:inline-flex;align-items:center;gap:10px;font:500 11px DM Mono;color:var(--acid);letter-spacing:.13em;text-transform:uppercase}.eyebrow:before{content:"";width:22px;height:1px;background:currentColor}.hero-premium h1{font:600 clamp(54px,6.5vw,94px)/.91 Space Grotesk;margin:20px 0 25px;letter-spacing:-.07em;max-width:790px}.hero-premium h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.5)}.hero-premium p{font-size:17px;line-height:1.75;color:#98a3af;max-width:650px}.hero-visual{height:570px;position:relative;display:grid;place-items:center;perspective:1000px}.orbit-stage{position:relative;width:min(510px,100%);aspect-ratio:1;border-radius:50%;display:grid;place-items:center}.orbit-stage:before,.orbit-stage:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.09)}.orbit-stage:before{inset:4%;box-shadow:0 0 120px rgba(111,220,255,.08),inset 0 0 100px rgba(201,255,61,.025)}.orbit-stage:after{inset:18%;border-style:dashed;animation:spin 30s linear infinite}.orbit-ring{position:absolute;inset:0;animation:spin 42s linear infinite}.orbit-number{position:absolute;left:50%;top:50%;width:48px;height:48px;margin:-24px;border-radius:50%;display:grid;place-items:center;background:#0b1016;border:1px solid rgba(255,255,255,.14);font:500 12px DM Mono;box-shadow:0 12px 30px rgba(0,0,0,.45);transform:rotate(var(--a)) translateX(220px) rotate(calc(var(--a) * -1))}.orbit-number.hot{border-color:rgba(255,77,98,.55);color:#ff8290}.orbit-number.zero{background:var(--acid);color:#071008;border-color:var(--acid);box-shadow:0 0 45px rgba(201,255,61,.18)}.orbit-core{width:230px;height:230px;border-radius:50%;display:grid;place-items:center;text-align:center;background:radial-gradient(circle at 50% 35%,#18212c,#080c11 66%);border:1px solid rgba(255,255,255,.12);box-shadow:var(--shadow),inset 0 0 70px rgba(111,220,255,.05);position:relative}.orbit-core:before{content:"";position:absolute;inset:14px;border:1px dashed rgba(201,255,61,.25);border-radius:50%;animation:spin 18s linear reverse infinite}.orbit-core strong{font:600 60px/.8 Space Grotesk;letter-spacing:-.08em}.orbit-core small{display:block;margin-top:13px;font:500 9px DM Mono;color:var(--acid);letter-spacing:.16em}.float-card{position:absolute;padding:13px 15px;border:1px solid var(--line);border-radius:14px;background:rgba(10,14,20,.78);backdrop-filter:blur(18px);box-shadow:0 20px 50px rgba(0,0,0,.35);font:500 10px DM Mono;color:#9ba6b3;animation:float 5s ease-in-out infinite}.float-card b{display:block;color:#fff;font:700 19px Space Grotesk;margin-bottom:3px}.float-a{left:0;top:16%}.float-b{right:-2%;bottom:17%;animation-delay:-2s}
.data-ticker{border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;white-space:nowrap;background:rgba(255,255,255,.018)}.ticker-track{display:inline-flex;align-items:center;gap:42px;padding:15px 0;animation:ticker 28s linear infinite;font:500 10px DM Mono;color:#7d8895;letter-spacing:.09em}.ticker-track span:before{content:"◆";color:var(--acid);margin-right:42px;font-size:7px}.section-premium{padding:115px 0}.section-head{display:grid;grid-template-columns:.65fr 1.35fr;gap:40px;align-items:end;margin-bottom:48px}.section-premium h2{font:600 clamp(38px,5vw,66px)/1 Space Grotesk;letter-spacing:-.055em;margin:0}.section-lead{color:#8995a2;line-height:1.75;max-width:650px;margin:0}.feature-grid{display:grid;grid-template-columns:1.15fr .85fr .85fr;gap:14px}.feature-card{min-height:320px;padding:30px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012));position:relative;overflow:hidden;transition:.35s}.feature-card:hover{transform:translateY(-6px);border-color:rgba(201,255,61,.25)}.feature-card .iconbox{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:#111923;border:1px solid var(--line);margin-bottom:80px;color:var(--acid)}.feature-card .iconbox svg{width:21px}.feature-card b{font:600 21px Space Grotesk}.feature-card p{color:#86929f;line-height:1.65;font-size:13px}.feature-card .index{position:absolute;right:24px;top:22px;font:500 10px DM Mono;color:#4f5964}.feature-card.big:after{content:"37";position:absolute;right:-12px;bottom:-45px;font:700 180px Space Grotesk;color:rgba(255,255,255,.025);letter-spacing:-.1em}.method-panel{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:30px;overflow:hidden;background:#090d12}.method-copy{padding:55px}.method-copy h3{font:600 42px Space Grotesk;letter-spacing:-.05em;margin:15px 0}.method-copy p{color:#8e99a5;line-height:1.75}.method-viz{min-height:470px;border-left:1px solid var(--line);padding:35px;background:radial-gradient(circle at 70% 30%,rgba(201,255,61,.06),transparent 45%)}.terminal{height:100%;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:#06090d;padding:22px;font:500 11px/1.8 DM Mono;color:#768390;box-shadow:0 25px 80px rgba(0,0,0,.3)}.terminal-top{display:flex;gap:6px;padding-bottom:16px;border-bottom:1px solid var(--line);margin-bottom:18px}.terminal-top i{width:7px;height:7px;border-radius:50%;background:#313943}.terminal-line{display:flex;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.035);padding:8px 0}.terminal-line strong{color:#dbe2e8}.terminal-line .active{color:var(--acid)}.responsible-box{padding:24px 26px;border:1px solid rgba(247,201,106,.2);background:rgba(247,201,106,.035);border-radius:18px;color:#a89e88;line-height:1.65;font-size:13px}.responsible-box strong{color:#e6d5ad}.premium-footer{border-top:1px solid var(--line);padding:45px 0 60px;color:#707b87;font-size:12px}.premium-footer .premium-shell{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
/* legacy/app transformed */.logo{height:43px!important;width:auto!important;filter:drop-shadow(0 0 20px rgba(201,255,61,.08))}.abrir-menu{font-size:0!important;width:43px;height:43px;border:1px solid var(--line);border-radius:13px;display:grid!important;place-items:center;cursor:pointer}.abrir-menu:after{content:"☰";font-size:18px}.menu-lateral{background:rgba(7,10,14,.96)!important;backdrop-filter:blur(25px);border-left:1px solid var(--line)!important}.lateral_menu_btns{border-bottom:1px solid var(--line)!important;color:#a3adba!important}.container0{background:none!important;border:0!important;box-shadow:none!important}.container0 h3{font:600 clamp(28px,4vw,48px) Space Grotesk!important;letter-spacing:-.04em!important}.container{width:min(1120px,calc(100% - 36px))!important;max-width:none!important;margin:35px auto 80px!important;padding:34px!important;background:linear-gradient(145deg,rgba(17,25,35,.84),rgba(7,10,14,.94))!important;border:1px solid var(--line)!important;border-radius:30px!important;box-shadow:var(--shadow)!important;position:relative;overflow:hidden;color:#fff!important}.container:before{content:"WIN0TO36 / LAB";position:absolute;right:24px;top:17px;font:500 9px DM Mono;color:#4f5964;letter-spacing:.14em}.container h1,.container h2{font-family:Space Grotesk!important;letter-spacing:-.04em}.container h4.yellow{color:var(--acid)!important;font:500 11px DM Mono;letter-spacing:.12em;text-transform:uppercase;text-align:center}.vista-opciones{display:flex!important;width:max-content;max-width:100%;margin:0 auto 28px;padding:5px;border:1px solid var(--line);border-radius:16px;background:#070a0e;gap:4px!important}.vista-opciones button{border:0!important;background:transparent!important;color:#77828e!important;padding:10px 15px!important;border-radius:11px!important;font-size:12px!important;font-weight:800!important}.vista-opciones button:hover{background:#151d27!important;color:white!important}.cantidad-container{display:flex!important;align-items:center;justify-content:center;gap:10px;margin:20px 0 30px!important}.cantidad-dropdown,.language-selector,select{background:#0a0f15!important;color:#fff!important;border:1px solid var(--line)!important;border-radius:12px!important;padding:10px 14px!important}.ruleta,.ruleta2,.ruleta3{box-shadow:none!important;border-color:var(--line)!important;background:rgba(0,0,0,.16)!important}.numero,.numero_table{transition:transform .18s,box-shadow .18s!important}.numero:hover,.numero_table:hover{transform:translateY(-3px) scale(1.05)!important;box-shadow:0 10px 24px rgba(0,0,0,.35)!important}.numero.selected,.numero_table.selected{outline:2px solid var(--acid)!important;outline-offset:3px!important;box-shadow:0 0 28px rgba(201,255,61,.22)!important}.predicir-btn,.pago-btn,input[type=submit]{background:var(--acid)!important;color:#081006!important;border:0!important;border-radius:14px!important;padding:13px 22px!important;font-weight:900!important;box-shadow:0 12px 35px rgba(201,255,61,.13)!important}.predicciones-container{display:flex!important;flex-wrap:wrap;gap:12px!important;justify-content:center;margin:28px 0}.predicciones-container .numero{width:72px!important;height:72px!important;border-radius:50%!important;display:flex!important;flex-direction:column;align-items:center;justify-content:center;font:700 22px Space Grotesk!important;border:1px solid rgba(255,255,255,.13)!important;box-shadow:0 12px 30px rgba(0,0,0,.25)!important}.predicciones-container .numero small{font:500 9px DM Mono;opacity:.7;margin-top:3px}.suscripcion-mensaje{background:rgba(255,255,255,.025)!important;border:1px solid var(--line)!important;border-radius:22px!important;padding:32px!important}.offer{border-radius:20px!important}.info-icon{color:var(--acid)!important}.transparent-footer{background:#05070a!important;border-top:1px solid var(--line)!important;color:#78838f!important}.transparent-footer a{color:#9ba6b3!important}
/* auth/admin/forms */input[type=text],input[type=password],input[type=email],input[type=number],textarea{width:100%;background:#090e14!important;border:1px solid var(--line)!important;color:#fff!important;border-radius:14px!important;padding:14px 16px!important;outline:none!important;transition:.2s}input:focus,textarea:focus{border-color:rgba(201,255,61,.45)!important;box-shadow:0 0 0 4px rgba(201,255,61,.05)!important}.link{color:var(--acid)!important}.dashboard,.statistics{background:transparent!important;color:#fff!important}.statistics{border:1px solid var(--line)!important;border-radius:20px!important;padding:24px!important}.container table{width:100%;border-collapse:collapse}.container th,.container td{padding:13px;border-bottom:1px solid var(--line);text-align:left}.container th{font:500 10px DM Mono;color:#7f8b97;letter-spacing:.08em;text-transform:uppercase}.modal-content,.info-popup-content{background:#0c1219!important;color:#fff!important;border:1px solid var(--line)!important;border-radius:20px!important;box-shadow:var(--shadow)!important}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{50%{transform:translateY(-10px)}}@keyframes ticker{to{transform:translateX(-50%)}}@media(max-width:900px){.premium-links{display:none}.hero-premium{grid-template-columns:1fr;padding-top:55px}.hero-visual{height:520px}.section-head{grid-template-columns:1fr}.feature-grid{grid-template-columns:1fr 1fr}.feature-card.big{grid-column:1/-1}.method-panel{grid-template-columns:1fr}.method-viz{border-left:0;border-top:1px solid var(--line)}.orbit-number{transform:rotate(var(--a)) translateX(190px) rotate(calc(var(--a) * -1))}}@media(max-width:620px){.premium-shell,.header-container{width:calc(100% - 28px)!important}.premium-actions .hide-mobile{display:none}.premium-actions select{max-width:62px}.hero-premium h1{font-size:49px}.hero-visual{height:430px}.orbit-stage{width:390px;transform:scale(.88)}.orbit-number{transform:rotate(var(--a)) translateX(165px) rotate(calc(var(--a) * -1));width:42px;height:42px;margin:-21px}.orbit-core{width:190px;height:190px}.float-a{left:5%}.float-b{right:4%}.section-premium{padding:80px 0}.feature-grid{grid-template-columns:1fr}.feature-card.big{grid-column:auto}.method-copy{padding:34px}.method-viz{padding:18px}.container{width:calc(100% - 24px)!important;padding:22px!important}.vista-opciones{width:100%}.vista-opciones button{flex:1;padding:9px!important;font-size:10px!important}}
.feature-card,.method-panel{opacity:.25;transform:translateY(22px);transition:opacity .7s,transform .7s,border .3s}.feature-card.revealed,.method-panel.revealed{opacity:1;transform:none}
/* v8 system-wide polish */
.app-header{backdrop-filter:blur(22px) saturate(140%);background:linear-gradient(180deg,rgba(5,9,16,.92),rgba(5,9,16,.62));border-bottom:1px solid rgba(255,255,255,.07)}
.icon-menu{display:none;width:44px;height:44px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.04);color:#fff;font-size:20px}.side-brand{display:flex;gap:12px;align-items:center;padding:18px 8px 28px}.menu-lateral{background:radial-gradient(circle at 100% 0,rgba(216,255,62,.12),transparent 35%),#080d14!important;border-left:1px solid rgba(255,255,255,.1);box-shadow:-30px 0 80px rgba(0,0,0,.5)}
.menu-lateral nav{display:grid;gap:8px}.menu-lateral .lateral_menu_btns{padding:15px 16px!important;border-radius:14px!important;border:1px solid transparent!important;background:rgba(255,255,255,.025)!important}.menu-lateral .lateral_menu_btns:hover{border-color:rgba(216,255,62,.25)!important;background:rgba(216,255,62,.07)!important;transform:translateX(4px)}
.container,.container0{position:relative}.container:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,black,transparent 80%);z-index:-1}
input,textarea,select{transition:border-color .2s,box-shadow .2s,transform .2s}input:focus,textarea:focus,select:focus{outline:none;border-color:rgba(216,255,62,.55)!important;box-shadow:0 0 0 4px rgba(216,255,62,.08)}
button,.p-btn,a{transition:transform .2s ease,background .2s,border-color .2s,box-shadow .2s}button:hover,.p-btn:hover{transform:translateY(-2px)}
@media(max-width:900px){.icon-menu{display:grid;place-items:center}.premium-links{display:none!important}.hide-mobile{display:none!important}}

/* V4 visual QA fixes */
.premium-nav .premium-shell{gap:18px}.premium-brand{flex:0 0 auto}.premium-links{min-width:0;justify-content:center}.premium-actions{flex:0 0 auto}.premium-links a{white-space:nowrap}
.orbit-stage{width:min(480px,88vw);overflow:visible}.orbit-ring{inset:28px}.orbit-number{width:42px;height:42px;margin:-21px;transform:rotate(var(--a)) translateX(198px) rotate(calc(var(--a) * -1));z-index:3}.hero-visual{overflow:visible;padding:32px}.float-a{left:2%;top:10%}.float-b{right:2%;bottom:10%}
.mobile-nav-toggle{display:none;width:44px;height:44px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.035);color:#fff;place-items:center;cursor:pointer}.mobile-nav-toggle span,.mobile-nav-toggle:before,.mobile-nav-toggle:after{content:"";display:block;width:18px;height:2px;background:currentColor;border-radius:9px;transition:.2s}.mobile-nav-toggle span{margin:4px 0}.mobile-nav-panel{display:none}
@media(max-width:1100px){.premium-links a{padding:9px 10px}.premium-actions .primary{padding:0 12px}.premium-brand>span:last-child{display:none}}
@media(max-width:900px){.premium-nav{height:72px}.premium-nav .premium-shell{position:relative}.premium-links{display:none!important}.mobile-nav-toggle{display:grid}.premium-actions .primary{display:none}.mobile-nav-panel{position:fixed;left:14px;right:14px;top:82px;z-index:100;background:rgba(8,12,17,.98);border:1px solid var(--line);border-radius:20px;padding:10px;box-shadow:0 28px 80px rgba(0,0,0,.55);backdrop-filter:blur(22px)}.mobile-nav-panel.open{display:grid}.mobile-nav-panel a{padding:14px 15px;border-radius:12px;color:#b2bdc8;font-weight:750}.mobile-nav-panel a:hover{background:rgba(201,255,61,.08);color:#fff}.mobile-nav-panel .mobile-cta{background:var(--acid);color:#071008;margin-top:5px}.hero-visual{height:500px}.orbit-stage{width:min(440px,82vw)}.orbit-ring{inset:30px}.orbit-number{transform:rotate(var(--a)) translateX(180px) rotate(calc(var(--a) * -1))}}
@media(max-width:620px){.premium-actions select{display:none}.hero-visual{height:410px;padding:18px 0}.orbit-stage{width:min(340px,88vw)}.orbit-ring{inset:34px}.orbit-number{width:34px;height:34px;margin:-17px;font-size:10px;transform:rotate(var(--a)) translateX(135px) rotate(calc(var(--a) * -1))}.orbit-core{width:160px;height:160px}.orbit-core strong{font-size:42px}.float-card{padding:9px 10px;font-size:8px}.float-card b{font-size:15px}.float-a{left:0;top:6%}.float-b{right:0;bottom:6%}}
@media(max-width:390px){.orbit-stage{width:300px}.orbit-number{transform:rotate(var(--a)) translateX(116px) rotate(calc(var(--a) * -1))}.orbit-core{width:140px;height:140px}.float-card{display:none}}
/* V5 full visual QA: prediction controls */
.ruleta,.ruleta2{box-sizing:border-box!important;width:clamp(300px,48vw,520px)!important;height:clamp(300px,48vw,520px)!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:50%!important;background:radial-gradient(circle at 50% 50%,rgba(201,255,61,.08) 0 20%,transparent 21%),radial-gradient(circle,rgba(255,255,255,.035) 0 48%,transparent 49%),#080d13!important;box-shadow:inset 0 0 0 18px rgba(255,255,255,.018),inset 0 0 0 19px rgba(255,255,255,.07),0 28px 80px rgba(0,0,0,.4)!important;overflow:hidden!important;margin:18px auto 30px!important}
.ruleta:after,.ruleta2:after{content:"0—36";position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:34%;aspect-ratio:1;display:grid;place-items:center;border:1px solid rgba(201,255,61,.25);border-radius:50%;font:800 clamp(22px,4vw,42px)/1 Space Grotesk;color:#eef8df;background:radial-gradient(circle,rgba(201,255,61,.09),rgba(5,9,14,.94) 68%);box-shadow:0 0 60px rgba(201,255,61,.08);pointer-events:none}
.ruleta .numero,.ruleta2 .numero{width:clamp(27px,4.3vw,38px)!important;height:clamp(27px,4.3vw,38px)!important;font-size:clamp(9px,1.5vw,12px)!important;border:1px solid rgba(255,255,255,.18)!important;z-index:2}.ruleta .rojo,.ruleta2 .rojo{background:#c92735!important}.ruleta .negro,.ruleta2 .negro{background:#111923!important}.ruleta .verde,.ruleta2 .verde{background:#11845d!important}
.ruleta3{position:relative!important;display:grid!important;grid-template-columns:repeat(12,minmax(30px,1fr));gap:7px;width:min(100%,760px)!important;height:auto!important;padding:18px!important;margin:18px auto 30px!important;border:1px solid var(--line)!important;border-radius:20px!important;background:#080d13!important;overflow-x:auto}.ruleta3 .numero_table{position:static!important;width:100%!important;min-width:30px;height:38px!important;border-radius:9px!important}.ruleta3 .verde_table{background:#11845d!important}
.vista-opciones button.is-active{background:var(--acid)!important;color:#071008!important}.container0{padding:34px 16px 8px}.container0 h3{font:600 clamp(20px,3vw,30px)/1.25 Space Grotesk;margin:0}.container{overflow:visible!important}.cantidad-container{flex-wrap:wrap}.predicir-btn{display:none;margin:8px auto 0!important}.success-message,.error-message{border-radius:14px!important;padding:13px 16px!important;border:1px solid var(--line)!important}.success-message{background:rgba(47,190,120,.09)!important;color:#9be4bd!important}.error-message{background:rgba(230,72,88,.09)!important;color:#ffb0b8!important}
@media(max-width:620px){.ruleta,.ruleta2{width:min(88vw,350px)!important;height:min(88vw,350px)!important}.ruleta3{grid-template-columns:repeat(6,minmax(34px,1fr))}.vista-opciones{overflow-x:auto;justify-content:flex-start}.vista-opciones button{min-width:max-content;flex:0 0 auto!important}}
@media(max-width:390px){.ruleta,.ruleta2{width:min(90vw,310px)!important;height:min(90vw,310px)!important}.ruleta3{grid-template-columns:repeat(4,minmax(38px,1fr))}}

/* V6 visual QA — wheel, board, header, auth */
.app-header{height:74px!important}.app-header .header-container{display:grid!important;grid-template-columns:auto 1fr auto;gap:24px}.app-header .premium-links{justify-self:center}.app-header .premium-actions{justify-self:end}.app-header .p-btn{white-space:nowrap;min-width:max-content}.app-header .premium-brand{white-space:nowrap}.app-header .language-selector{min-width:78px}
.ruleta,.ruleta2{position:relative!important;isolation:isolate;overflow:hidden!important;width:min(520px,78vw)!important;height:min(520px,78vw)!important;aspect-ratio:1!important;background:radial-gradient(circle at center,rgba(201,255,61,.075) 0 17%,transparent 17.3%),radial-gradient(circle at center,transparent 0 47%,rgba(255,255,255,.035) 47.3% 48%,transparent 48.3%),radial-gradient(circle at center,#0d141c 0 33%,#090e14 33.3% 67%,#070b10 67.3%)!important;border:1px solid rgba(255,255,255,.13)!important;box-shadow:inset 0 0 0 14px rgba(255,255,255,.025),inset 0 0 0 15px rgba(255,255,255,.08),0 35px 90px rgba(0,0,0,.42)!important}
.ruleta:before,.ruleta2:before{content:"";position:absolute;inset:7%;border:1px dashed rgba(255,255,255,.07);border-radius:50%;pointer-events:none}.ruleta .numero,.ruleta2 .numero{position:absolute!important;transform:translate(-50%,-50%) rotate(var(--wheel-angle)) translateY(calc(var(--wheel-radius) * -1)) rotate(calc(var(--wheel-angle) * -1))!important;width:34px!important;height:34px!important;min-width:34px!important;border-radius:50%!important;font:800 10px/1 'DM Mono',monospace!important;box-shadow:0 8px 20px rgba(0,0,0,.42)!important}.ruleta .numero:hover,.ruleta2 .numero:hover{filter:brightness(1.22);box-shadow:0 0 0 3px rgba(255,255,255,.12),0 10px 28px rgba(0,0,0,.5)!important}.ruleta .numero.selected,.ruleta2 .numero.selected{outline:2px solid var(--acid)!important;outline-offset:3px!important;z-index:5}
.ruleta3{display:grid!important;grid-template-columns:48px repeat(12,minmax(38px,1fr))!important;grid-template-rows:repeat(3,42px)!important;gap:7px!important;width:min(100%,850px)!important;padding:16px!important;align-items:stretch!important;overflow-x:auto!important}.ruleta3 .numero_table{height:42px!important;min-width:38px!important;border-radius:9px!important}.ruleta3 .numero_table[value="0"]{grid-column:1!important;grid-row:1 / 4!important;height:100%!important;min-height:140px!important;background:#11845d!important;border-radius:12px!important}.ruleta3 .numero_table:not([value="0"]){grid-column:auto!important;grid-row:auto!important}
/* visually place zero first without changing the statistical/DOM number values */
.ruleta3 .numero_table[value="0"]{order:-1}.ruleta3 .numero_table[value="3"]{grid-column:2}.ruleta3 .numero_table[value="6"]{grid-column:3}.ruleta3 .numero_table[value="9"]{grid-column:4}.ruleta3 .numero_table[value="12"]{grid-column:5}.ruleta3 .numero_table[value="15"]{grid-column:6}.ruleta3 .numero_table[value="18"]{grid-column:7}.ruleta3 .numero_table[value="21"]{grid-column:8}.ruleta3 .numero_table[value="24"]{grid-column:9}.ruleta3 .numero_table[value="27"]{grid-column:10}.ruleta3 .numero_table[value="30"]{grid-column:11}.ruleta3 .numero_table[value="33"]{grid-column:12}.ruleta3 .numero_table[value="36"]{grid-column:13}
.ruleta3 .numero_table[value="2"]{grid-column:2;grid-row:2}.ruleta3 .numero_table[value="5"]{grid-column:3;grid-row:2}.ruleta3 .numero_table[value="8"]{grid-column:4;grid-row:2}.ruleta3 .numero_table[value="11"]{grid-column:5;grid-row:2}.ruleta3 .numero_table[value="14"]{grid-column:6;grid-row:2}.ruleta3 .numero_table[value="17"]{grid-column:7;grid-row:2}.ruleta3 .numero_table[value="20"]{grid-column:8;grid-row:2}.ruleta3 .numero_table[value="23"]{grid-column:9;grid-row:2}.ruleta3 .numero_table[value="26"]{grid-column:10;grid-row:2}.ruleta3 .numero_table[value="29"]{grid-column:11;grid-row:2}.ruleta3 .numero_table[value="32"]{grid-column:12;grid-row:2}.ruleta3 .numero_table[value="35"]{grid-column:13;grid-row:2}
.ruleta3 .numero_table[value="1"]{grid-column:2;grid-row:3}.ruleta3 .numero_table[value="4"]{grid-column:3;grid-row:3}.ruleta3 .numero_table[value="7"]{grid-column:4;grid-row:3}.ruleta3 .numero_table[value="10"]{grid-column:5;grid-row:3}.ruleta3 .numero_table[value="13"]{grid-column:6;grid-row:3}.ruleta3 .numero_table[value="16"]{grid-column:7;grid-row:3}.ruleta3 .numero_table[value="19"]{grid-column:8;grid-row:3}.ruleta3 .numero_table[value="22"]{grid-column:9;grid-row:3}.ruleta3 .numero_table[value="25"]{grid-column:10;grid-row:3}.ruleta3 .numero_table[value="28"]{grid-column:11;grid-row:3}.ruleta3 .numero_table[value="31"]{grid-column:12;grid-row:3}.ruleta3 .numero_table[value="34"]{grid-column:13;grid-row:3}
@media(max-width:1100px){.app-header .premium-links{display:none!important}.app-header .icon-menu{display:grid!important}.app-header .header-container{grid-template-columns:1fr auto!important}.app-header .premium-actions{gap:7px}.app-header .hide-mobile{display:none!important}}
@media(max-width:600px){.app-header .header-container{width:calc(100% - 24px)!important}.app-header .premium-brand span:last-child{font-size:15px}.app-header .brand-mark{width:36px;height:36px}.ruleta,.ruleta2{width:min(360px,88vw)!important;height:min(360px,88vw)!important}.ruleta .numero,.ruleta2 .numero{width:25px!important;height:25px!important;min-width:25px!important;font-size:8px!important}.ruleta3{grid-template-columns:40px repeat(12,38px)!important}.container{width:calc(100% - 18px)!important;padding:20px 12px!important;border-radius:22px!important}}

/* Auth system */
body.auth-page{min-height:100vh;background:#05070a!important}.auth-shell{min-height:calc(100vh - 74px);display:grid;grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);width:min(1280px,calc(100% - 48px));margin:0 auto;padding:46px 0 60px;gap:34px}.auth-story,.auth-card{border:1px solid var(--line);border-radius:30px;position:relative;overflow:hidden}.auth-story{padding:54px;background:radial-gradient(600px 420px at 80% 20%,rgba(201,255,61,.12),transparent 65%),linear-gradient(145deg,#0d141d,#070a0f)}.auth-story:after{content:"0—36";position:absolute;right:-30px;bottom:-35px;font:800 170px/.8 'Space Grotesk';letter-spacing:-.09em;color:rgba(255,255,255,.025)}.auth-story h1{font:650 clamp(48px,6vw,82px)/.93 'Space Grotesk';letter-spacing:-.065em;margin:26px 0 22px;max-width:700px}.auth-story p{max-width:590px;color:#95a2af;line-height:1.75;font-size:15px}.auth-orbit{width:min(390px,80%);aspect-ratio:1;border:1px solid rgba(255,255,255,.1);border-radius:50%;margin:42px auto 0;position:relative;box-shadow:inset 0 0 0 38px rgba(255,255,255,.015),inset 0 0 80px rgba(201,255,61,.035)}.auth-orbit:before,.auth-orbit:after{content:"";position:absolute;border-radius:50%;border:1px dashed rgba(201,255,61,.2)}.auth-orbit:before{inset:18%}.auth-orbit:after{inset:35%;border-style:solid}.auth-orbit span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:750 42px 'Space Grotesk';color:var(--acid)}.auth-card{align-self:center;padding:44px;background:rgba(10,15,22,.9);box-shadow:0 40px 100px rgba(0,0,0,.42)}.auth-card .auth-kicker{font:700 10px 'DM Mono';letter-spacing:.16em;color:var(--acid);text-transform:uppercase}.auth-card h2{font:650 38px/1 'Space Grotesk';letter-spacing:-.045em;margin:12px 0 10px}.auth-card .auth-sub{color:#82909e;margin:0 0 30px;line-height:1.6}.auth-form{display:grid;gap:14px}.auth-field label{display:block;color:#aeb9c4;font-size:11px;font-weight:800;margin:0 0 7px}.auth-field input{width:100%;height:52px;border:1px solid rgba(255,255,255,.1)!important;border-radius:14px!important;background:#070b10!important;color:#fff!important;padding:0 15px!important;outline:none}.auth-field input:focus{border-color:rgba(201,255,61,.55)!important;box-shadow:0 0 0 4px rgba(201,255,61,.06)}.auth-submit{height:52px!important;width:100%;margin-top:5px}.auth-links{display:flex;justify-content:space-between;gap:16px;margin-top:20px;font-size:12px;color:#9aa6b2}.auth-links a:hover{color:var(--acid)}.auth-alert{padding:13px 15px;border:1px solid rgba(255,255,255,.09);border-radius:13px;background:rgba(255,255,255,.03);font-size:13px;line-height:1.5;margin-bottom:16px}.auth-alert.error{border-color:rgba(255,77,98,.25);color:#ffabb5;background:rgba(255,77,98,.06)}.auth-alert.success{border-color:rgba(201,255,61,.22);color:#dcff85;background:rgba(201,255,61,.05)}
@media(max-width:900px){.auth-shell{grid-template-columns:1fr;width:min(620px,calc(100% - 28px));padding-top:24px}.auth-story{display:none}.auth-card{padding:32px 24px;border-radius:24px}}

/* V7 — wheel geometry + true off-canvas navigation */
html,body{max-width:100%;overflow-x:hidden}
.ruleta,.ruleta2{contain:layout paint!important}
.ruleta .numero,.ruleta2 .numero{
  position:absolute!important;
  margin:0!important;
  transform:translate(-50%,-50%)!important;
  transform-origin:center!important;
  transition:filter .16s ease,box-shadow .16s ease,outline-color .16s ease!important;
}
.ruleta .numero:hover,.ruleta2 .numero:hover{
  transform:translate(-50%,-50%)!important;
}
.menu-lateral{
  display:block!important;
  box-sizing:border-box!important;
  width:min(340px,88vw)!important;
  height:100dvh!important;
  top:0!important;
  right:0!important;
  left:auto!important;
  padding:74px 18px 24px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  transform:translate3d(105%,0,0)!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
  transition:transform .28s cubic-bezier(.2,.8,.2,1),opacity .2s ease,visibility 0s linear .28s!important;
  z-index:3000!important;
  border-left:1px solid rgba(255,255,255,.10)!important;
  box-shadow:-32px 0 90px rgba(0,0,0,.58)!important;
  scrollbar-width:thin;
}
.menu-lateral.is-open{
  transform:translate3d(0,0,0)!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  transition:transform .28s cubic-bezier(.2,.8,.2,1),opacity .2s ease!important;
}
.menu-lateral .cerrar-menu{position:absolute!important;top:18px!important;right:18px!important;z-index:2!important}
html.drawer-open,html.drawer-open body{overflow:hidden!important}
@media(min-width:1101px){.menu-lateral{display:none!important}}

/* V8 — mobile-first hardening */
html,body{max-width:100%;overflow-x:hidden}
.app-header .abrir-menu{position:static!important;top:auto!important;right:auto!important;inset:auto!important;flex:0 0 44px}
.menu-lateral{box-sizing:border-box!important;overscroll-behavior:contain}
@media(max-width:1100px){
 .app-header .header-container{width:100%!important;max-width:none!important;padding:0 14px!important;gap:10px!important;box-sizing:border-box}
 .app-header .premium-brand{min-width:0}.app-header .premium-brand>span:last-child{white-space:nowrap}
 .app-header .premium-actions{margin-left:auto!important;display:flex!important;align-items:center!important;min-width:0}
 .app-header .language-selector{width:70px!important;min-width:64px!important;padding:10px 9px!important}
 .menu-lateral{width:min(360px,92vw)!important;max-width:92vw!important}
}
@media(max-width:600px){
 .transparent-header.app-header{padding:8px 0!important}
 .app-header .header-container{min-height:58px!important;padding:0 10px!important}
 .app-header .premium-brand{gap:7px!important;font-size:14px!important}.app-header .brand-mark{width:36px!important;height:36px!important;font-size:9px!important}
 .app-header .language-selector{width:62px!important;min-width:58px!important;font-size:12px!important}
 .app-header .abrir-menu{width:42px!important;height:42px!important}
 .container{width:calc(100% - 16px)!important;margin:14px 8px 48px!important;padding:18px 12px!important;border-radius:20px!important;overflow:hidden!important}
 .container:before{display:none!important}
 .vista-opciones{width:100%!important;box-sizing:border-box!important;overflow-x:auto!important;justify-content:stretch!important}.vista-opciones button{min-width:max-content;flex:1 0 auto!important}
 .cantidad-container{flex-wrap:wrap!important;gap:8px!important}.cantidad-container label,.cantidad-container span{max-width:100%!important}
 .ruleta,.ruleta2{max-width:min(86vw,430px)!important;max-height:min(86vw,430px)!important;margin-left:auto!important;margin-right:auto!important}
 .ruleta3{max-width:100%!important;overflow-x:auto!important}
 .predicciones-container .numero{width:58px!important;height:58px!important;font-size:18px!important}
 .suscripcion-mensaje{padding:20px 14px!important}
 .transparent-footer .footer-container{width:100%!important;padding:22px 14px!important;box-sizing:border-box}.transparent-footer ul{flex-wrap:wrap!important;gap:10px!important}
 .menu-lateral{width:min(330px,94vw)!important;max-width:94vw!important;padding:68px 14px 20px!important}
}
@media(max-width:380px){
 .app-header .premium-brand>span:last-child{display:none!important}
 .app-header .header-container{padding:0 8px!important}.app-header .premium-actions{gap:5px!important}
 .container{padding:16px 9px!important}.vista-opciones button{padding:9px 10px!important}
 .predicciones-container{gap:8px!important}.predicciones-container .numero{width:52px!important;height:52px!important;font-size:16px!important}
}

/* V9 — deterministic desktop/mobile navigation states */
@media (min-width:1101px){
  .app-header .header-container{
    display:grid!important;
    grid-template-columns:minmax(180px,auto) minmax(0,1fr) minmax(180px,auto)!important;
    align-items:center!important;
    gap:24px!important;
  }
  .app-header .premium-brand{display:flex!important;justify-self:start!important}
  .app-header .premium-links{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    justify-self:center!important;
    align-items:center!important;
    width:max-content!important;
    max-width:100%!important;
  }
  .app-header .premium-actions{display:flex!important;justify-self:end!important}
  .app-header .hide-mobile{display:inline-flex!important}
  .app-header .abrir-menu,
  .app-header .icon-menu,
  .app-header .mobile-nav-toggle{display:none!important}
  .app-header .menu-lateral{display:none!important;visibility:hidden!important;pointer-events:none!important}
}
@media (max-width:1100px){
  .app-header .premium-links{display:none!important;visibility:hidden!important;pointer-events:none!important}
  .app-header .hide-mobile{display:none!important}
  .app-header .abrir-menu.icon-menu{display:grid!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}
}