:root{--bg:#02060b;--bg2:#050c14;--panel:#07121d;--panel2:#0b1927;--blue:#0a8cff;--ice:#66dcff;--metal:#c8edff;--text:#f5fbff;--muted:#8da5b7;--line:rgba(114,210,255,.16);--line2:rgba(114,210,255,.3);--green:#58e5a2;--shadow:0 30px 90px rgba(0,0,0,.5)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,"Segoe UI",Arial,sans-serif;overflow-x:hidden}button,a,input,textarea,select{font:inherit}.ambient{position:fixed;inset:0;z-index:-4;overflow:hidden;background:radial-gradient(circle at 12% 12%,#0a3154 0,transparent 30%),radial-gradient(circle at 88% 24%,#08284b 0,transparent 27%),linear-gradient(180deg,#02060b,#06101a 48%,#02060b)}.ambient i{position:absolute;width:60vw;height:60vw;border-radius:50%;filter:blur(110px);opacity:.18;background:#078fff;animation:drift 18s ease-in-out infinite}.ambient i:nth-child(1){left:-20%;top:-25%}.ambient i:nth-child(2){right:-25%;top:25%;animation-delay:-7s}.ambient i:nth-child(3){left:25%;bottom:-35%;animation-delay:-12s}.gridfx{position:fixed;inset:0;z-index:-3;pointer-events:none;background-image:linear-gradient(rgba(103,207,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(103,207,255,.018) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,#000,transparent 85%)}#floaters{position:fixed;inset:0;z-index:-2;pointer-events:none}.floater{position:absolute;width:52px;height:52px;object-fit:contain;border-radius:15px;padding:8px;background:linear-gradient(145deg,rgba(14,31,47,.48),rgba(3,9,15,.36));border:1px solid rgba(108,213,255,.12);opacity:.18;filter:grayscale(.1) drop-shadow(0 0 18px rgba(19,161,255,.3));animation:float 11s ease-in-out infinite}.topbar{height:82px;position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:0 max(4.5vw,22px);background:linear-gradient(180deg,rgba(2,6,11,.94),rgba(3,9,15,.76));backdrop-filter:blur(22px);border-bottom:1px solid var(--line);box-shadow:0 10px 40px rgba(0,0,0,.22)}.brand{display:flex;align-items:center;gap:12px;color:white;text-decoration:none}.brand img{width:48px;height:48px;border-radius:15px;object-fit:cover;border:1px solid var(--line2);box-shadow:0 0 28px rgba(10,140,255,.3)}.brand b{font-size:17px;letter-spacing:2.5px}.brand small{display:block;color:var(--ice);letter-spacing:4px;font-size:8px;margin-top:3px}.topbar nav{display:flex;align-items:center;gap:8px}.navlink{color:#a7bac8;text-decoration:none;font-size:13px;padding:10px 12px}.navlink:hover{color:white}.accountBtn,.secondary{border:1px solid var(--line2);background:linear-gradient(180deg,rgba(15,34,51,.8),rgba(5,14,22,.8));color:#eaf8ff;border-radius:13px;padding:11px 15px;cursor:pointer}.accountBtn span{color:var(--ice);margin-right:6px}.online{display:flex;align-items:center;gap:7px;color:#b7ffd8;border:1px solid rgba(88,229,162,.18);background:rgba(20,71,53,.2);border-radius:12px;padding:10px 13px;font-size:12px}.online i,.adminOnline i,.sideStatus i,.paymentStatus i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green);animation:pulseDot 2s infinite}.promoBanner{max-width:1320px;min-height:280px;margin:38px auto 0;padding:0 38px;display:grid;grid-template-columns:1fr 1fr;align-items:center;position:relative;border:1px solid var(--line2);border-radius:30px;overflow:hidden;background:radial-gradient(circle at 80% 50%,rgba(17,137,255,.23),transparent 38%),linear-gradient(120deg,#06111d,#081d30 58%,#03080e);box-shadow:var(--shadow),inset 0 0 70px rgba(10,140,255,.06)}.promoBanner:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,rgba(147,225,255,.07) 44%,transparent 60%);animation:shine 7s linear infinite}.promoMedia{height:100%;position:relative;order:2}.promoMedia img{width:100%;height:100%;max-height:280px;object-fit:cover;mask-image:linear-gradient(90deg,transparent,#000 25%);opacity:.78}.promoContent{position:relative;z-index:2;padding:44px 10px}.metalTag,.eyebrow{font-size:10px;font-weight:800;letter-spacing:3.5px;color:var(--ice)}.promoContent h2{font-size:clamp(34px,4vw,58px);margin:12px 0 8px;letter-spacing:-2px;background:linear-gradient(180deg,#fff,#b9eaff 50%,#4ca8e7);-webkit-background-clip:text;color:transparent}.promoContent p{color:#9db4c4;max-width:520px;line-height:1.6}.scanline{position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--ice),transparent);opacity:.25;animation:scan 5s linear infinite}.hero{max-width:1320px;margin:auto;min-height:660px;padding:100px 38px 85px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:60px}.eyebrow{display:flex;align-items:center;gap:9px}.eyebrow i{width:24px;height:2px;background:linear-gradient(90deg,var(--blue),var(--ice));box-shadow:0 0 10px var(--ice)}.hero h1{font-size:clamp(48px,6vw,80px);line-height:.98;margin:20px 0 24px;letter-spacing:-3.5px;max-width:760px}.hero h1 span{background:linear-gradient(180deg,#fff 5%,#a9e7ff 38%,#40aeea 70%,#176cae);-webkit-background-clip:text;color:transparent;text-shadow:none}.hero p{max-width:650px;color:#a1b5c4;font-size:18px;line-height:1.7}.heroActions{display:flex;gap:12px;margin:30px 0}.primary{display:inline-flex;align-items:center;justify-content:center;gap:12px;text-decoration:none;border:1px solid rgba(119,220,255,.45);border-radius:14px;padding:14px 21px;color:white;font-weight:800;background:linear-gradient(115deg,#075ea9,#0aa6ef 60%,#43d5ff);box-shadow:0 12px 35px rgba(0,127,224,.24),inset 0 1px rgba(255,255,255,.3);cursor:pointer}.primary:hover,.activate:hover{filter:brightness(1.12);transform:translateY(-1px)}.trust{display:flex;gap:24px;margin-top:24px;flex-wrap:wrap}.trust span{color:#8fa8b9;font-size:12px}.trust b{color:var(--ice);margin-right:6px}.heroVisual{position:relative;min-height:440px;display:grid;place-items:center}.rings{width:min(390px,78vw);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;position:relative;background:radial-gradient(circle,#0d2b43 0,#071522 42%,#02070c 72%);border:1px solid rgba(108,214,255,.32);box-shadow:inset 0 0 90px rgba(15,149,255,.16),0 0 90px rgba(0,119,255,.15);animation:orb 6s ease-in-out infinite}.rings:before{content:"";position:absolute;inset:16%;border-radius:50%;background:conic-gradient(from 180deg,transparent,var(--blue),transparent 34%,var(--ice),transparent 68%);filter:blur(22px);opacity:.28;animation:spin 9s linear infinite}.nmark{font-size:170px;font-weight:900;font-style:italic;letter-spacing:-20px;z-index:2;background:linear-gradient(135deg,#f5fdff 5%,#8fe2ff 22%,#1478d1 47%,#e5f8ff 68%,#1a7ed2 88%);-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 0 24px rgba(60,184,255,.55))}.rings>i{position:absolute;border:1px solid rgba(89,194,255,.25);border-radius:50%;inset:-15px;animation:spin 13s linear infinite}.rings>i:nth-of-type(2){inset:30px;animation-direction:reverse}.rings>i:nth-of-type(3){inset:-38px;animation-duration:20s}.rings>i:nth-of-type(4){inset:75px;animation-duration:8s}.statusGlass{position:absolute;bottom:16px;right:3%;display:flex;align-items:center;gap:12px;padding:13px 16px;border:1px solid var(--line2);border-radius:16px;background:rgba(5,16,26,.76);backdrop-filter:blur(15px);box-shadow:0 16px 40px #0008}.statusGlass>i{width:9px;height:9px;background:var(--green);border-radius:50%;box-shadow:0 0 12px var(--green)}.statusGlass small,.statusGlass b{display:block}.statusGlass small{font-size:8px;letter-spacing:2px;color:#6f8b9d}.statusGlass b{font-size:12px;margin-top:3px}.statusGlass>span{font-size:9px;color:var(--green);border:1px solid rgba(88,229,162,.25);padding:5px 7px;border-radius:7px}.credibility{max-width:1240px;margin:-25px auto 50px;padding:26px 30px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(90deg,transparent,rgba(10,140,255,.04),transparent)}.credibility div{text-align:center;border-right:1px solid var(--line)}.credibility div:last-child{border:0}.credibility strong{display:block;font-size:22px;color:#dff6ff}.credibility span{font-size:10px;letter-spacing:1px;color:#718b9e}.catalog{max-width:1320px;margin:auto;padding:100px 38px}.sectionHead{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:38px}.sectionHead h2,.sectionTitle h2{font-size:clamp(34px,4vw,50px);margin:10px 0 8px;letter-spacing:-1.5px}.sectionHead p{color:var(--muted);margin:0}.searchWrap{display:flex;align-items:center;gap:8px;width:300px;padding:0 14px;border:1px solid var(--line2);border-radius:14px;background:rgba(7,18,29,.72);color:var(--ice)}.searchWrap input{width:100%;padding:14px 0;border:0;outline:0;background:transparent;color:white}.apps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.appCard{min-height:315px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,rgba(13,30,45,.9),rgba(3,9,15,.96));padding:25px 22px 20px;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;overflow:hidden;transition:.35s;animation:cardIn .6s ease both;animation-delay:var(--delay)}.appCard:after{content:"";position:absolute;inset:auto -30% -55% -30%;height:70%;background:radial-gradient(circle,var(--blue),transparent 62%);opacity:.07;transition:.35s}.appCard:hover{transform:translateY(-8px);border-color:rgba(102,220,255,.45);box-shadow:0 25px 65px rgba(0,0,0,.45),0 0 32px rgba(10,140,255,.12)}.appCard:hover:after{opacity:.15}.logoShell{width:112px;height:112px;border-radius:27px;display:grid;place-items:center;padding:12px;background:linear-gradient(145deg,rgba(20,48,70,.8),rgba(3,10,16,.9));border:1px solid rgba(125,219,255,.2);box-shadow:inset 0 0 30px rgba(22,148,235,.08),0 15px 30px rgba(0,0,0,.3);margin-bottom:15px;position:relative;z-index:2}.appLogo,.checkoutLogo{max-width:100%;max-height:100%;width:88px;height:88px;object-fit:contain;border-radius:18px}.fallback{display:grid;place-items:center;font-weight:900;font-size:28px;color:#bdeeff;background:linear-gradient(145deg,#0c75bd,#0b2940)}.plan{font-size:8px;letter-spacing:2px;color:#6c9bb8;margin-bottom:8px}.appCard h3{margin:0 0 10px;font-size:15px;min-height:36px;display:grid;place-items:center}.price{font-size:27px;font-weight:900;margin:3px 0 16px}.price small{display:block;font-size:8px;font-weight:600;color:#718b9c;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:3px}.activate{width:100%;padding:13px;border:1px solid rgba(125,222,255,.42);border-radius:13px;background:linear-gradient(110deg,#075fa9,#0ca9ef 65%,#4bd7ff);color:white;font-weight:800;cursor:pointer;box-shadow:inset 0 1px rgba(255,255,255,.28),0 10px 25px rgba(0,126,218,.18);transition:.2s}.activate.big{padding:15px;margin-top:8px}.process{max-width:1320px;margin:40px auto 110px;padding:80px 38px}.sectionTitle{text-align:center;margin-bottom:45px}.sectionTitle .eyebrow{justify-content:center}.processGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.processGrid article{min-height:230px;padding:28px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,rgba(11,27,41,.76),rgba(4,11,18,.82));position:relative;overflow:hidden}.processGrid em{position:absolute;right:18px;top:14px;font-style:normal;font-size:46px;font-weight:900;color:rgba(103,214,255,.06)}.processIcon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:rgba(15,139,215,.12);border:1px solid var(--line2);color:var(--ice);font-size:21px}.processGrid h3{margin:28px 0 8px}.processGrid p{color:var(--muted);font-size:13px;line-height:1.6}.accountPromo{max-width:1240px;margin:0 auto 100px;padding:45px 50px;border:1px solid var(--line2);border-radius:28px;background:radial-gradient(circle at 90%,rgba(12,141,240,.18),transparent 35%),linear-gradient(120deg,#071521,#091c2b);display:flex;align-items:center;justify-content:space-between;gap:35px;box-shadow:var(--shadow)}.accountPromo h2{font-size:34px;margin:12px 0}.accountPromo p{color:var(--muted);max-width:700px;line-height:1.6}footer{border-top:1px solid var(--line);min-height:130px;padding:30px max(5vw,30px);display:flex;align-items:center;justify-content:space-between;background:#02070c}.footerBrand{display:flex;align-items:center;gap:12px}.footerBrand img{width:46px;height:46px;border-radius:14px}.footerBrand b,.footerBrand small{display:block}.footerBrand small{color:#698397;font-size:10px;margin-top:4px}.footerSecure{font-size:11px;color:#6d879a}.footerSecure span{margin:0 10px;color:var(--blue)}.floating{position:fixed;right:20px;bottom:20px;z-index:70;display:flex;flex-direction:column;gap:10px}.floating a{display:flex;align-items:center;gap:10px;min-width:150px;padding:12px 15px;border-radius:15px;color:white;text-decoration:none;background:rgba(6,18,28,.88);border:1px solid var(--line2);backdrop-filter:blur(14px);box-shadow:0 12px 35px #0008}.floating a span{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:rgba(16,141,218,.14)}.floating a b{font-size:12px}.support{animation:supportPulse 2.4s infinite}.modal{position:fixed;inset:0;background:rgba(0,3,7,.82);backdrop-filter:blur(14px);z-index:100;display:none;place-items:center;padding:20px}.modal.show{display:grid}.modalBox{width:min(540px,100%);max-height:91vh;overflow:auto;background:linear-gradient(155deg,#0c1d2b,#040a10 75%);border:1px solid rgba(112,214,255,.3);border-radius:28px;padding:30px;box-shadow:0 40px 120px #000,0 0 70px rgba(10,140,255,.12);position:relative}.modalBox.wide{width:min(820px,100%)}.x{position:absolute;right:17px;top:14px;background:rgba(255,255,255,.04);border:1px solid var(--line);color:white;width:35px;height:35px;border-radius:10px;font-size:22px;cursor:pointer}.field{width:100%;margin:6px 0 14px;padding:13px 14px;border-radius:12px;border:1px solid var(--line);background:#030a10;color:white;outline:none}.field:focus{border-color:rgba(102,220,255,.55);box-shadow:0 0 0 3px rgba(10,140,255,.08)}label{font-size:11px;color:#9bb2c2}.tabs{display:flex;gap:7px;margin:20px 0}.tabs button{flex:1;padding:11px;border:1px solid var(--line);border-radius:11px;background:#07131d;color:#91a9ba;cursor:pointer}.tabs button.active{color:white;border-color:var(--line2);background:#0a2030}.authBrand{text-align:center}.authBrand img{width:68px;height:68px;border-radius:20px;margin-bottom:15px}.authBrand .eyebrow{justify-content:center}.authBrand h2{font-size:29px;margin:10px 0 5px}.authBrand p,.pixHead p{color:var(--muted)}.accountHead{display:flex;justify-content:space-between;align-items:flex-start}.accountHead h2{margin:9px 0 2px}.accountHead p{color:var(--muted);margin:0}.small{padding:9px 12px}.accountStats{display:grid;grid-template-columns:1.4fr 1fr;gap:12px;margin:22px 0}.accountStats>div,.refBox{padding:20px;border:1px solid var(--line);border-radius:18px;background:rgba(5,16,25,.72)}.accountStats small,.accountStats strong,.accountStats span{display:block}.accountStats strong{font-size:28px;margin:6px 0}.accountStats span{color:var(--muted);font-size:11px}.miniBtn,.tableBtn{border:1px solid var(--line2);background:#0b2435;color:#dff6ff;border-radius:9px;padding:7px 10px;font-size:10px;cursor:pointer}.copyRow{display:flex;gap:8px;margin-top:8px}.copyRow code{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#02070b;padding:11px;border-radius:10px;color:#9ec8de;font-size:10px}.copyRow button{border:1px solid var(--line);border-radius:10px;background:#0a2232;color:white}.modalTitle{margin-top:24px}.history{max-height:250px;overflow:auto}.historyRow,.dataRow{display:flex;justify-content:space-between;align-items:center;padding:13px 4px;border-bottom:1px solid var(--line)}.historyRow b,.historyRow small,.dataRow b,.dataRow small{display:block}.historyRow small,.dataRow small{color:var(--muted);font-size:10px;margin-top:3px}.statusPill{font-size:9px;color:#baf5d5;border:1px solid rgba(88,229,162,.2);background:rgba(88,229,162,.08);padding:6px 8px;border-radius:20px}.checkoutHead{display:flex;align-items:center;gap:18px;margin-bottom:20px}.checkoutHead .logoShell{width:90px;height:90px;margin:0}.checkoutHead h2{margin:5px 0}.checkoutHead strong{font-size:24px;color:var(--ice)}.secureNote{padding:11px 13px;border:1px solid rgba(88,229,162,.15);background:rgba(88,229,162,.06);color:#a9d8c0;border-radius:11px;font-size:10px;margin-bottom:18px}.payChoice{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.payChoice button{padding:18px;border:1px solid var(--line2);border-radius:16px;background:linear-gradient(145deg,#0a1d2b,#051019);color:white;text-align:left;cursor:pointer}.payChoice button span{font-size:20px;color:var(--ice)}.payChoice button b,.payChoice button small{display:block;margin-top:7px}.payChoice button small{color:var(--muted);font-size:9px}.pixHead{text-align:center}.pixIcon{width:48px;height:48px;margin:0 auto 12px;display:grid;place-items:center;border:1px solid var(--line2);border-radius:14px;color:var(--ice);font-size:25px;background:rgba(10,140,255,.1)}.pixHead .eyebrow{justify-content:center}.pixHead h2{font-size:30px;margin:8px 0}.pixLayout{display:grid;grid-template-columns:.8fr 1.2fr;gap:25px;align-items:center;margin-top:22px}.qrWrap{text-align:center;padding:18px;border:1px solid var(--line);border-radius:20px;background:#06131d}.qr{display:block;width:220px;height:220px;max-width:100%;margin:auto;background:white;border-radius:16px;padding:10px}.qrWrap span{display:block;color:#7f99aa;font-size:9px;margin-top:10px}.pixAmount{display:flex;justify-content:space-between;align-items:center;padding:15px;border:1px solid var(--line);border-radius:14px;margin-bottom:14px}.pixAmount small{color:#7d98aa}.pixAmount strong{font-size:23px}.copyBox{max-height:70px;overflow:auto;background:#02070b;border:1px solid var(--line);border-radius:11px;padding:10px;margin:6px 0}.copyBox code{font-size:9px;word-break:break-all;color:#9fb8c8}.paymentStatus{display:flex;align-items:center;gap:11px;margin-top:15px;padding:13px;border:1px solid rgba(88,229,162,.12);border-radius:12px;background:rgba(88,229,162,.04)}.paymentStatus b,.paymentStatus small{display:block}.paymentStatus b{font-size:11px}.paymentStatus small{color:var(--muted);font-size:9px;margin-top:3px}.successReceipt{text-align:center}.successIcon{width:72px;height:72px;margin:0 auto 16px;display:grid;place-items:center;border-radius:50%;background:rgba(88,229,162,.12);border:1px solid rgba(88,229,162,.3);color:var(--green);font-size:38px;box-shadow:0 0 35px rgba(88,229,162,.14)}.successReceipt .eyebrow{justify-content:center}.receiptGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0}.receiptGrid div{padding:15px;border:1px solid var(--line);border-radius:13px;background:#06131d}.receiptGrid small,.receiptGrid b{display:block}.receiptGrid small{color:#728da0;font-size:8px;letter-spacing:1.5px}.receiptGrid b{margin-top:5px}.quickAmounts{display:flex;gap:8px;margin:15px 0}.quickAmounts button{flex:1;padding:11px;border:1px solid var(--line);border-radius:10px;background:#071722;color:white}.toast{position:fixed;left:50%;bottom:30px;z-index:300;transform:translate(-50%,20px);opacity:0;padding:12px 18px;border:1px solid var(--line2);border-radius:12px;background:#081722;color:white;box-shadow:0 15px 45px #000;transition:.25s;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}.empty,.emptySmall{color:var(--muted);padding:30px;text-align:center;grid-column:1/-1}
/* ADMIN */.adminBody{min-height:100vh}.adminAuth{min-height:100vh;display:grid;place-items:center;padding:25px}.adminLoginCard{width:min(470px,100%);padding:35px;border:1px solid var(--line2);border-radius:26px;background:linear-gradient(155deg,rgba(12,29,43,.94),rgba(3,9,15,.96));box-shadow:var(--shadow)}.adminLoginCard h1{font-size:30px;margin:12px 0 8px}.adminLoginCard p{color:var(--muted);line-height:1.5}.adminAuthLogo{text-align:center;margin-bottom:22px}.adminAuthLogo img{width:76px;height:76px;border-radius:22px;display:block;margin:0 auto 12px}.adminAuthLogo b{letter-spacing:4px}.adminAuthLogo span{display:block;color:var(--ice);font-size:9px;letter-spacing:5px}.adminShell{min-height:100vh;display:grid;grid-template-columns:260px 1fr}.adminSide{position:sticky;top:0;height:100vh;padding:24px 16px;background:linear-gradient(180deg,rgba(5,14,22,.98),rgba(2,7,12,.98));border-right:1px solid var(--line);display:flex;flex-direction:column}.sideBrand{display:flex;align-items:center;gap:11px;padding:0 8px 20px}.sideBrand img{width:45px;height:45px;border-radius:14px}.sideBrand b,.sideBrand span{display:block}.sideBrand b{letter-spacing:2px}.sideBrand span{font-size:8px;color:var(--ice);letter-spacing:3px}.sideStatus{display:flex;align-items:center;gap:10px;margin:0 5px 20px;padding:12px;border:1px solid rgba(88,229,162,.12);border-radius:13px;background:rgba(88,229,162,.04)}.sideStatus b,.sideStatus small{display:block}.sideStatus b{font-size:10px}.sideStatus small{font-size:8px;color:#6f8c7e;margin-top:2px}.adminSide nav{display:flex;flex-direction:column;gap:4px}.adminSide nav button{width:100%;display:flex;align-items:center;gap:12px;border:0;border-radius:11px;padding:11px 12px;background:transparent;color:#8099aa;text-align:left;font-size:12px;cursor:pointer}.adminSide nav button span{width:25px;text-align:center;color:#6caed1}.adminSide nav button:hover,.adminSide nav button.active{color:white;background:linear-gradient(90deg,rgba(10,140,255,.14),rgba(10,140,255,.03));box-shadow:inset 2px 0 var(--ice)}.sideBottom{margin-top:auto;display:grid;gap:5px}.sideBottom a,.sideBottom button{padding:10px 12px;color:#6f899a;text-decoration:none;background:none;border:0;text-align:left;font-size:11px}.adminMain{min-width:0;padding:0 32px 60px}.adminTop{height:95px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);margin-bottom:28px}.adminTop h2{margin:5px 0 0;font-size:24px}.adminTopActions{display:flex;align-items:center;gap:10px}.adminOnline{display:flex;align-items:center;gap:8px;color:#a9e6c5;font-size:10px}.adminHero{min-height:230px;border:1px solid var(--line2);border-radius:24px;padding:35px 40px;display:flex;align-items:center;justify-content:space-between;overflow:hidden;background:radial-gradient(circle at 85%,rgba(10,140,255,.2),transparent 35%),linear-gradient(120deg,#071521,#0a1d2d);box-shadow:0 25px 70px rgba(0,0,0,.25)}.adminHero span{font-size:9px;letter-spacing:3px;color:var(--ice)}.adminHero h1{font-size:36px;line-height:1.05;margin:12px 0}.adminHero h1 b{color:#8edfff}.adminHero p{color:var(--muted);font-size:12px}.adminHeroN{font-size:145px;font-weight:900;font-style:italic;margin-right:8%;background:linear-gradient(135deg,#fff,#7edcff,#126fbe,#e5f8ff);-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 0 22px rgba(32,168,255,.45))}.metricGrid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:18px 0}.metric{min-height:150px;padding:18px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(10,25,38,.82),rgba(3,10,16,.9))}.metricIcon{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line2);border-radius:10px;color:var(--ice);margin-bottom:17px}.metric small,.metric strong,.metric span{display:block}.metric small{color:#7993a5;font-size:9px;text-transform:uppercase;letter-spacing:1px}.metric strong{font-size:22px;margin:5px 0}.metric span{font-size:9px;color:#5e798b}.adminCols{display:grid;grid-template-columns:1.2fr .8fr;gap:15px}.adminPanel{padding:22px;border:1px solid var(--line);border-radius:19px;background:linear-gradient(145deg,rgba(10,25,38,.78),rgba(3,10,16,.86))}.adminPanel h3{margin:8px 0 16px}.panelHead,.toolbar,.gatewayTitle{display:flex;align-items:center;justify-content:space-between;gap:20px}.panelHead button{background:none;border:0;color:#76cfff;font-size:10px}.healthGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:15px}.health{display:flex;align-items:center;gap:10px;padding:14px;border:1px solid var(--line);border-radius:14px;background:#06121c}.health>i,.integrationStatus>i{width:8px;height:8px;border-radius:50%;background:#6a7480}.health>i.ok,.integrationStatus>i.ok{background:var(--green);box-shadow:0 0 12px var(--green)}.health small,.health b{display:block}.health small{font-size:8px;color:#6e8899}.health b{font-size:10px;margin-top:3px}.toolbar{margin-bottom:22px}.toolbar h3{font-size:22px;margin:0 0 4px}.toolbar p{margin:0;color:var(--muted);font-size:11px}.countBadge{padding:8px 11px;border:1px solid var(--line);border-radius:10px;color:#8dcfec;font-size:10px}.adminApps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.adminApp{padding:18px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(10,25,38,.82),rgba(3,10,16,.9))}.adminAppTop{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;margin-bottom:17px}.adminLogo{width:50px;height:50px;display:grid;place-items:center;border:1px solid var(--line);border-radius:13px;background:#071722;overflow:hidden}.adminLogo img{width:100%;height:100%;object-fit:contain;padding:5px}.adminLogo span{font-weight:900;color:var(--ice)}.adminAppTop b,.adminAppTop small{display:block}.adminAppTop b{font-size:12px}.adminAppTop small{font-size:8px;color:#6f899b;margin-top:3px}.switch input{display:none}.switch i{display:block;width:34px;height:19px;border-radius:20px;background:#182631;position:relative;transition:.2s}.switch i:after{content:"";position:absolute;width:13px;height:13px;left:3px;top:3px;border-radius:50%;background:#71808a;transition:.2s}.switch input:checked+i{background:#0a6fa8}.switch input:checked+i:after{left:18px;background:#b8edff}.two{display:grid;grid-template-columns:1fr 1fr;gap:8px}.uploadRow,.uploadLine{display:flex;gap:8px;align-items:center}.uploadRow .field{margin:6px 0}.uploadBtn{display:inline-flex;align-items:center;justify-content:center;padding:12px 14px;border:1px solid var(--line2);border-radius:11px;background:#0a2030;color:#c9edff;cursor:pointer;font-size:10px}.uploadBtn input{display:none}.uploadBtn.wide{width:100%;margin:5px 0 14px}.settingsGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.span2{grid-column:1/-1}.check{display:flex;align-items:center;gap:9px;margin:12px 0;color:#9bb1c0}.check input{accent-color:var(--blue)}.colorGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:10px 0 18px}.colorGrid label{display:flex;align-items:center;justify-content:space-between;padding:10px;border:1px solid var(--line);border-radius:11px}.colorGrid input{width:42px;height:30px;border:0;background:none}.saveBar{position:sticky;bottom:18px;width:100%;margin-top:16px;padding:15px;border:1px solid rgba(124,221,255,.45);border-radius:14px;background:linear-gradient(110deg,#075fa9,#0ca9ef,#47d4ff);color:white;font-weight:800;box-shadow:0 15px 45px rgba(0,104,190,.35);cursor:pointer}.hint{color:var(--muted);font-size:10px;line-height:1.6}.gatewayTitle h3{margin:6px 0}.connected,.disconnected{font-size:9px;padding:6px 8px;border-radius:20px}.connected{color:#aef0cd;background:rgba(88,229,162,.08);border:1px solid rgba(88,229,162,.2)}.disconnected{color:#b3bdc4;background:#ffffff06;border:1px solid var(--line)}.integrationStatus{display:flex;align-items:center;gap:10px;padding:13px;border:1px solid var(--line);border-radius:12px;margin:10px 0}.integrationStatus b,.integrationStatus small{display:block}.integrationStatus small{color:var(--muted);font-size:9px;margin-top:3px}.buttonRow{display:flex;gap:8px}.tableWrap{overflow:auto;border:1px solid var(--line);border-radius:18px;background:#06121c}table{width:100%;border-collapse:collapse;min-width:760px}th,td{text-align:left;padding:14px 16px;border-bottom:1px solid var(--line);font-size:11px}th{color:#6f8a9c;font-size:9px;letter-spacing:1px;background:#071621}td b,td small{display:block}td small{color:var(--muted);font-size:9px;margin-top:3px}td code{color:#8fcce9}.emptyAdmin,.loading{padding:30px;text-align:center;color:var(--muted)}
.noAnim *{animation:none!important;transition:none!important}@keyframes drift{50%{transform:translate(20%,12%) scale(1.12)}}@keyframes float{50%{transform:translateY(-28px) rotate(5deg);opacity:.28}}@keyframes shine{to{transform:translateX(80%)}}@keyframes scan{from{top:0}to{top:100%}}@keyframes orb{50%{transform:translateY(-9px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulseDot{50%{opacity:.35;box-shadow:0 0 22px var(--green)}}@keyframes supportPulse{50%{box-shadow:0 0 0 9px rgba(10,140,255,0),0 0 28px rgba(10,140,255,.45)}}@keyframes cardIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@media(max-width:1050px){.apps{grid-template-columns:repeat(3,1fr)}.metricGrid{grid-template-columns:repeat(3,1fr)}.adminApps{grid-template-columns:repeat(2,1fr)}}@media(max-width:850px){.navlink{display:none}.hero{grid-template-columns:1fr;text-align:center;padding-top:75px}.heroCopy .eyebrow{justify-content:center}.hero p{margin:auto}.heroActions,.trust{justify-content:center}.heroVisual{min-height:350px}.rings{width:290px}.nmark{font-size:125px}.credibility{grid-template-columns:1fr 1fr;gap:20px}.credibility div:nth-child(2){border:0}.apps{grid-template-columns:repeat(2,1fr)}.processGrid{grid-template-columns:1fr 1fr}.accountPromo{flex-direction:column;align-items:flex-start}.adminShell{grid-template-columns:1fr}.adminSide{position:relative;height:auto;display:block}.adminSide nav{display:grid;grid-template-columns:repeat(4,1fr)}.sideStatus,.sideBottom{display:none}.adminMain{padding:0 18px 45px}.adminCols,.settingsGrid{grid-template-columns:1fr}.metricGrid{grid-template-columns:1fr 1fr}.healthGrid{grid-template-columns:1fr 1fr}.span2{grid-column:auto}.adminTop{height:80px}.adminHeroN{display:none}}@media(max-width:560px){.topbar{height:68px;padding:0 13px}.brand img{width:40px;height:40px}.brand span{display:none}.online{display:none}.accountBtn{font-size:11px;padding:9px 10px}.promoBanner{margin:18px 12px 0;padding:0 20px;min-height:240px;grid-template-columns:1fr;border-radius:22px}.promoMedia{position:absolute;inset:0;opacity:.35}.promoContent{padding:30px 4px}.promoContent h2{font-size:35px}.hero{padding:65px 17px 50px;gap:25px}.hero h1{font-size:43px;letter-spacing:-2px}.hero p{font-size:15px}.heroActions{flex-direction:column}.heroActions>*{width:100%}.heroVisual{min-height:300px}.rings{width:235px}.nmark{font-size:100px}.statusGlass{right:0}.credibility{margin:0 14px 20px;padding:20px 8px}.catalog{padding:65px 13px}.sectionHead{flex-direction:column;align-items:stretch}.searchWrap{width:100%}.apps{gap:10px}.appCard{min-height:250px;padding:15px 10px;border-radius:19px}.logoShell{width:82px;height:82px;border-radius:20px}.appLogo{width:65px;height:65px}.appCard h3{font-size:12px}.price{font-size:20px}.activate{font-size:11px}.process{padding:55px 13px;margin-bottom:40px}.processGrid{gap:9px}.processGrid article{min-height:210px;padding:18px}.accountPromo{margin:0 13px 60px;padding:28px 22px}.accountPromo h2{font-size:27px}footer{flex-direction:column;align-items:flex-start;gap:18px}.footerSecure{line-height:1.8}.floating{right:10px;bottom:10px}.floating a{min-width:auto}.floating a b{display:none}.modal{padding:10px}.modalBox{padding:24px 18px;border-radius:22px}.pixLayout{grid-template-columns:1fr}.qr{width:190px;height:190px}.accountStats{grid-template-columns:1fr}.receiptGrid{grid-template-columns:1fr}.adminSide{padding:12px 8px}.sideBrand{padding-bottom:12px}.adminSide nav{grid-template-columns:repeat(4,1fr);gap:2px;overflow-x:auto}.adminSide nav button{font-size:0;justify-content:center;padding:10px 4px}.adminSide nav button span{font-size:17px}.adminTopActions .adminOnline{display:none}.adminMain{padding:0 10px 35px}.adminHero{padding:25px 20px;min-height:190px}.adminHero h1{font-size:28px}.metricGrid{grid-template-columns:1fr 1fr;gap:8px}.metric{min-height:130px;padding:14px}.metric strong{font-size:18px}.adminCols{grid-template-columns:1fr}.healthGrid{grid-template-columns:1fr 1fr}.adminApps{grid-template-columns:1fr}.settingsGrid{grid-template-columns:1fr}.toolbar{align-items:flex-start;flex-direction:column}.colorGrid{grid-template-columns:1fr}.buttonRow{flex-direction:column}}
/* v8 Premium refinement */
.promoBanner{min-height:330px;background:radial-gradient(circle at 82% 40%,rgba(0,166,255,.22),transparent 33%),linear-gradient(125deg,#020811 0%,#071a2b 52%,#04111d 100%)}
.promoMedia{display:grid;place-items:center;overflow:hidden}.promoMedia>#promoImg:not([src]){display:none}.bannerLogoStage{position:absolute;width:260px;height:260px;display:grid;place-items:center;right:10%;top:50%;transform:translateY(-50%)}.bannerNexusLogo{width:210px!important;height:210px!important;object-fit:cover!important;border-radius:50%!important;opacity:1!important;mask-image:none!important;box-shadow:0 0 70px rgba(0,146,255,.34),0 0 0 1px rgba(134,226,255,.25);z-index:3;animation:logoHover 5s ease-in-out infinite}.orbit{position:absolute;inset:0;border:1px solid rgba(103,218,255,.25);border-radius:50%;animation:spin 15s linear infinite}.orbit2{inset:-28px;border-style:dashed;animation-direction:reverse;animation-duration:24s}.promoMedia #promoImg[src]{position:absolute;inset:0;width:100%;height:100%;max-height:none;opacity:.22;filter:blur(.2px);mask-image:linear-gradient(90deg,transparent,#000 35%)}
.hero{min-height:720px}.rings{width:min(430px,80vw)}.heroLogoWrap{width:72%;aspect-ratio:1;border-radius:50%;overflow:hidden;z-index:3;box-shadow:0 0 55px rgba(0,158,255,.42),0 0 0 1px rgba(164,232,255,.22);animation:logoHover 5s ease-in-out infinite}.heroLogoWrap img{width:100%;height:100%;object-fit:cover;display:block}.heroVisual:after{content:"NEXUS • ATIVAÇÕES";position:absolute;bottom:0;letter-spacing:5px;font-size:9px;color:rgba(184,234,255,.6)}
.appCard{min-height:340px;background:linear-gradient(155deg,rgba(12,31,49,.94),rgba(2,8,14,.98));box-shadow:inset 0 1px rgba(255,255,255,.025)}.appCard:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 20%,rgba(100,216,255,.055) 45%,transparent 70%);transform:translateX(-100%);transition:.8s}.appCard:hover:before{transform:translateX(100%)}.logoShell{width:124px;height:124px;border-radius:30px;background:radial-gradient(circle at 50% 20%,rgba(63,184,255,.16),transparent 50%),#06111c}.appLogo{width:98px;height:98px}.plan{letter-spacing:2px!important}.price{font-size:25px!important}.activate{min-height:44px;border-radius:13px!important}
.premiumToolbar{padding:26px 28px!important;border:1px solid var(--line)!important;border-radius:22px!important;background:linear-gradient(135deg,rgba(10,35,58,.8),rgba(4,14,24,.86))!important}.premiumToolbar h3{font-size:28px!important;margin:7px 0!important}.premiumAppEditor{padding:22px!important}.appPreview{width:72px!important;height:72px!important;border-radius:20px!important}.appPreview img{width:100%;height:100%;object-fit:contain;border-radius:15px}.uploadDrop{display:flex!important;min-height:105px!important;margin:15px 0 18px!important;border:1px dashed rgba(102,220,255,.38)!important;border-radius:17px!important;background:rgba(7,29,46,.58)!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:4px!important;cursor:pointer!important;transition:.25s!important}.uploadDrop:hover{border-color:var(--ice)!important;background:rgba(11,51,79,.68)!important;box-shadow:0 0 30px rgba(0,154,255,.09)!important}.uploadDrop input{display:none!important}.uploadDrop .uploadIcon{font-size:24px;color:var(--ice)}.uploadDrop small{color:var(--muted);font-size:10px}.uploadDrop.compact{min-height:90px!important}.appearanceHero{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:30px 34px;margin-bottom:20px;border:1px solid var(--line);border-radius:24px;background:radial-gradient(circle at 88% 50%,rgba(0,155,255,.18),transparent 25%),linear-gradient(120deg,rgba(8,29,47,.9),rgba(3,12,21,.9))}.appearanceHero h3{font-size:30px;margin:8px 0}.appearanceHero p{color:var(--muted);margin:0}.appearanceHero img{width:110px;height:110px;border-radius:50%;object-fit:cover;box-shadow:0 0 40px rgba(0,158,255,.28)}.brandUploadPreview{display:grid;place-items:center;margin:14px 0}.brandUploadPreview img{width:130px;height:130px;border-radius:50%;object-fit:cover;border:1px solid var(--line2);box-shadow:0 0 35px rgba(0,154,255,.18)}.bannerAdminPreview{height:150px;border-radius:18px;overflow:hidden;border:1px solid var(--line);display:grid;place-items:center;background:#030a11;margin:14px 0}.bannerAdminPreview img{width:100%;height:100%;object-fit:cover}.adminPanel{background:linear-gradient(145deg,rgba(9,27,43,.94),rgba(3,12,20,.96))!important;box-shadow:inset 0 1px rgba(255,255,255,.025),0 18px 50px rgba(0,0,0,.18)}
@keyframes logoHover{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.015)}}
@media(max-width:720px){.bannerLogoStage{width:160px;height:160px;right:50%;transform:translate(50%,-50%);opacity:.3}.bannerNexusLogo{width:145px!important;height:145px!important}.promoContent{z-index:4}.appearanceHero{padding:22px}.appearanceHero img{width:76px;height:76px}.hero{padding-top:70px}.heroLogoWrap{width:66%}}
/* v9 - gestão profissional de custos e precificação */
.pricingCommand{margin-bottom:20px;padding:28px;border:1px solid var(--line2);border-radius:24px;background:radial-gradient(circle at 90% 0,rgba(18,155,255,.15),transparent 30%),linear-gradient(145deg,rgba(8,30,49,.97),rgba(3,11,19,.98));box-shadow:0 22px 70px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.035)}
.pricingHead{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.pricingHead h3{font-size:28px;margin:7px 0}.pricingHead p{margin:0;color:var(--muted)}
.pricingStats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:22px 0}.pricingStats>div{padding:16px;border:1px solid var(--line);border-radius:16px;background:rgba(4,18,30,.75)}.pricingStats small{display:block;color:#6f8fa4;font-size:9px;letter-spacing:1.2px}.pricingStats strong{display:block;font-size:20px;margin-top:7px;color:#d9f5ff}
.pricingFields{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;align-items:end}.pricingCheck{height:45px;display:flex!important;align-items:center;gap:9px;padding:0 13px;border:1px solid var(--line);border-radius:12px;background:#07141f}.pricingCheck input{accent-color:var(--accent)}.pricingCheck span{font-size:10px;color:#a8c2d2}.pricingHint{margin-top:14px;padding:12px 14px;border-radius:12px;background:rgba(8,112,181,.09);border:1px solid rgba(70,185,255,.13);color:#83a5b9;font-size:10px;line-height:1.5}
.appFinanceStrip{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:15px 0}.appFinanceStrip>div{padding:10px 8px;border-radius:11px;background:#061522;border:1px solid var(--line);text-align:center}.appFinanceStrip small{display:block;color:#63869b;font-size:7px;letter-spacing:.8px}.appFinanceStrip b{display:block;margin-top:4px;font-size:11px;color:#d7f3ff}.appFinanceStrip .profit b{color:#75e5b1}.financeFields{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:12px}.financeFields>div>small{display:block;color:#5e7d91;font-size:8px;margin-top:4px}.calculationNote{margin:12px 0;padding:10px 12px;border:1px solid rgba(80,190,255,.12);border-radius:10px;color:#7292a6;font-size:9px;background:rgba(5,24,39,.6)}.calculationNote b{color:#bfeaff}
@media(max-width:1100px){.pricingFields{grid-template-columns:repeat(3,1fr)}.pricingStats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.pricingCommand{padding:18px 14px}.pricingHead{flex-direction:column}.pricingHead .primary{width:100%}.pricingStats{grid-template-columns:1fr 1fr}.pricingFields{grid-template-columns:1fr 1fr}.financeFields{grid-template-columns:1fr}.appFinanceStrip{grid-template-columns:1fr 1fr}}

/* V7.1 — mobile stability + floating actions */
html,body{width:100%;max-width:100%;overflow-x:hidden}
img,video,svg,canvas{max-width:100%}
main,section,header,footer,.topbar,.promoBanner,.hero,.catalog,.process,.accountPromo{max-width:100%}
.floating{position:fixed;right:18px;bottom:18px;z-index:120;display:flex;flex-direction:column;gap:10px;align-items:flex-end}
.floating a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px;text-decoration:none;white-space:nowrap}
@media(max-width:560px){
  .floating{left:10px;right:10px;bottom:max(10px,env(safe-area-inset-bottom));display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:stretch}
  .floating a{width:100%;min-width:0;min-height:48px;padding:10px 12px;border-radius:14px}
  .floating a b{display:inline!important;font-size:12px}
  .promoBanner,.hero,.catalog,.process,.accountPromo,footer{width:auto;max-width:calc(100vw - 20px)}
  .promoBanner{margin-left:10px;margin-right:10px}
  .hero{margin-left:auto;margin-right:auto}
  .heroVisual,.rings,.bannerLogoStage{max-width:100%}
  .bannerLogoStage{right:50%;transform:translate(50%,-50%);width:min(260px,72vw);height:min(260px,72vw)}
  footer{margin-left:auto;margin-right:auto;padding-bottom:82px}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}

/* ===== BOTOES FLUTUANTES MOBILE V7.2 ===== */
@media (max-width: 768px) {

  .floating {
    position: fixed !important;
    right: 16px !important;
    bottom: 20px !important;
    left: auto !important;
    width: auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    gap: 12px !important;
    z-index: 9999 !important;
  }

  .floating .community,
  .floating .support {
    position: relative !important;
    width: 56px !important;
    height: 56px !important;
    min-width: 56px !important;
    padding: 0 !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: visible !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
  }

  /* Esconde somente o texto */
  .floating .community b,
  .floating .support b {
    display: none !important;
  }

  .floating .community span,
  .floating .support span {
    margin: 0 !important;
  }

  /* SUPORTE - verde neon */
  .floating .support {
    border: 1px solid rgba(46, 255, 151, .65) !important;
    box-shadow:
      0 0 12px rgba(46, 255, 151, .30),
      inset 0 0 12px rgba(46, 255, 151, .08) !important;
    animation: suporteNeon 2.4s ease-in-out infinite;
  }

  .floating .support::after {
    content: "";
    position: absolute;
    top: 5px;
    right: 5px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #2eff97;
    box-shadow: 0 0 8px #2eff97, 0 0 14px #2eff97;
    animation: suporteOnline 1.5s ease-in-out infinite;
  }

  /* COMUNIDADE - azul/ciano */
  .floating .community {
    border: 1px solid rgba(45, 200, 255, .65) !important;
    box-shadow:
      0 0 12px rgba(45, 200, 255, .25),
      inset 0 0 12px rgba(45, 200, 255, .08) !important;
    animation: comunidadeGlow 3s ease-in-out infinite;
  }

  @keyframes suporteNeon {
    0%, 100% {
      box-shadow: 0 0 8px rgba(46,255,151,.25);
    }
    50% {
      box-shadow: 0 0 20px rgba(46,255,151,.60);
    }
  }

  @keyframes suporteOnline {
    0%, 100% {
      opacity: .55;
      transform: scale(.8);
    }
    50% {
      opacity: 1;
      transform: scale(1.25);
    }
  }

  @keyframes comunidadeGlow {
    0%, 100% {
      box-shadow: 0 0 8px rgba(45,200,255,.20);
    }
    50% {
      box-shadow: 0 0 18px rgba(45,200,255,.48);
    }
  }
}

/* ===== V7.2 - IDENTIFICACAO DOS BOTOES MOBILE ===== */
@media (max-width: 768px) {

  .floating .community,
  .floating .support {
    width: auto !important;
    min-width: 138px !important;
    height: 50px !important;
    padding: 0 16px 0 12px !important;
    border-radius: 16px !important;
    gap: 9px !important;
    justify-content: flex-start !important;
  }

  .floating .community b,
  .floating .support b {
    display: block !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
    letter-spacing: .1px !important;
  }

  .floating .community span,
  .floating .support span {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
  }

  .floating .support::after {
    top: 6px !important;
    right: 7px !important;
    width: 7px !important;
    height: 7px !important;
  }
}

/* ===== V7.4 - ORDEM FINAL DOS FLUTUANTES ===== */
@media (max-width: 768px) {

  /* Suporte em cima */
  .floating .support {
    order: 1 !important;
  }

  /* Canal de Avisos embaixo */
  .floating .community {
    order: 2 !important;
  }

  /* Emoji do suporte */
  .floating .support span {
    font-size: 0 !important;
  }

  .floating .support span::before {
    content: "🎧";
    font-size: 21px !important;
    line-height: 1 !important;
  }
}

/* CORREÇÃO MOBILE - botão Ativar agora totalmente clicável */
.appCard .activate {
    position: relative !important;
    z-index: 20 !important;
    pointer-events: auto !important;
    touch-action: manipulation !important;
    cursor: pointer !important;
}

.appCard .activate * {
    pointer-events: none !important;
}

.appCard .cardGlow {
    pointer-events: none !important;
    z-index: 0 !important;
}

.appCard {
    position: relative !important;
}


/* ===== ADMIN MOBILE - MENU CORRIGIDO ===== */
@media (max-width:760px){

  .adminSide nav{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
  }

  .adminSide nav button{
    font-size:13px !important;
    min-height:62px !important;
    padding:10px 8px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:6px !important;
    text-align:center !important;
    white-space:normal !important;
  }

  .adminSide nav button span{
    font-size:18px !important;
    line-height:1 !important;
  }
}

/* ===== ADMIN MOBILE V2 - MENU COMPACTO ===== */
@media (max-width:760px){

  .adminSide{
    padding:12px 10px !important;
    height:auto !important;
  }

  .adminSide nav{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:8px !important;
    padding:6px 0 !important;
  }

  .adminSide nav button{
    width:100% !important;
    min-height:52px !important;
    padding:8px 10px !important;

    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:flex-start !important;

    gap:10px !important;

    font-size:12px !important;
    line-height:1.2 !important;
    text-align:left !important;

    border:1px solid rgba(80,190,255,.12) !important;
    border-radius:14px !important;
    background:rgba(5,25,38,.38) !important;

    white-space:normal !important;
  }

  .adminSide nav button span{
    width:26px !important;
    min-width:26px !important;
    font-size:17px !important;
    text-align:center !important;
  }

  .adminSide nav button.active{
    background:linear-gradient(
      135deg,
      rgba(0,125,190,.24),
      rgba(0,60,100,.18)
    ) !important;

    border-color:rgba(83,204,255,.55) !important;

    box-shadow:
      inset 3px 0 0 #62d4ff,
      0 8px 25px rgba(0,120,200,.10) !important;
  }

  .sideBrand{
    padding-bottom:10px !important;
  }

}

/* ===== ADMIN MOBILE - MENU LATERAL ===== */
@media (max-width:760px){

  .adminSide{
    position:fixed !important;
    top:0 !important;
    left:0 !important;
    bottom:0 !important;
    width:285px !important;
    max-width:82vw !important;
    height:100dvh !important;
    z-index:9999 !important;
    overflow-y:auto !important;
    padding:20px 14px !important;

    transform:translateX(-105%) !important;
    transition:transform .28s ease !important;

    background:#020b12 !important;
    border-right:1px solid rgba(89,205,255,.25) !important;
    box-shadow:20px 0 50px rgba(0,0,0,.55) !important;
  }

  .adminSide.mobileOpen{
    transform:translateX(0) !important;
  }

  .adminSide nav{
    display:flex !important;
    flex-direction:column !important;
    gap:7px !important;
    margin-top:18px !important;
  }

  .adminSide nav button{
    width:100% !important;
    min-height:52px !important;
    padding:12px 14px !important;
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:12px !important;
    font-size:14px !important;
    text-align:left !important;
    border-radius:13px !important;
  }

  .adminSide nav button span{
    width:28px !important;
    min-width:28px !important;
    font-size:18px !important;
    text-align:center !important;
  }

  .adminMain{
    width:100% !important;
  }

  .mobileMenuBtn{
    display:flex !important;
    position:fixed !important;
    top:165px !important;
    left:12px !important;
    z-index:9998 !important;
    width:48px !important;
    height:48px !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:14px !important;
    border:1px solid rgba(89,205,255,.35) !important;
    background:rgba(3,20,31,.96) !important;
    color:#fff !important;
    font-size:25px !important;
    box-shadow:0 8px 25px rgba(0,0,0,.35) !important;
  }

  .mobileMenuOverlay{
    display:none;
    position:fixed;
    inset:0;
    z-index:9997;
    background:rgba(0,0,0,.62);
    backdrop-filter:blur(3px);
  }

  .mobileMenuOverlay.show{
    display:block;
  }
}

@media (min-width:761px){
  .mobileMenuBtn,
  .mobileMenuOverlay{
    display:none !important;
  }
}

/* ===== BOTAO MENU MOBILE - FIX ===== */
@media (max-width:760px){
  .mobileMenuBtn{
    display:flex !important;
    visibility:visible !important;
    opacity:1 !important;
    position:fixed !important;
    top:170px !important;
    left:14px !important;
    z-index:2147483647 !important;
    width:50px !important;
    height:50px !important;
    padding:0 !important;
    align-items:center !important;
    justify-content:center !important;
    background:#071824 !important;
    border:1px solid #55cfff !important;
    border-radius:14px !important;
    color:white !important;
  }

  .mobileMenuBtn::before{
    content:"☰" !important;
    display:block !important;
    font-size:27px !important;
    line-height:1 !important;
    color:white !important;
  }

  .adminSide.mobileOpen + *{
    pointer-events:auto;
  }
}

/* ===== ADMIN MOBILE - RESTAURAR MENU VISIVEL ===== */
@media (max-width:760px){

  .adminSide{
    position:relative !important;
    top:auto !important;
    left:auto !important;
    bottom:auto !important;
    width:100% !important;
    max-width:none !important;
    height:auto !important;
    transform:none !important;
    overflow:visible !important;
    z-index:auto !important;
  }

  .adminSide nav{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:8px !important;
  }

  .adminSide nav button{
    display:flex !important;
    visibility:visible !important;
    opacity:1 !important;
    font-size:12px !important;
    min-height:52px !important;
  }

  .mobileMenuBtn,
  .mobileMenuOverlay{
    display:none !important;
  }
}


/* MENU SUPORTE MOBILE */
@media (max-width:760px){
  .floating{
    position:fixed !important;
    right:14px !important;
    bottom:18px !important;
    z-index:9998 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-end !important;
    gap:8px !important;
  }

  .floating a{
    transition:.25s ease !important;
  }

  .floating:not(.floatOpen) a{
    opacity:0 !important;
    visibility:hidden !important;
    transform:translateY(15px) scale(.85) !important;
    pointer-events:none !important;
  }

  .floating.floatOpen a{
    opacity:1 !important;
    visibility:visible !important;
    transform:none !important;
    pointer-events:auto !important;
  }

  .floatMenuBtn{
    position:fixed;
    right:14px;
    bottom:18px;
    width:56px;
    height:56px;
    border-radius:50%;
    border:1px solid #32c9ff;
    background:#071b29;
    color:white;
    font-size:25px;
    z-index:9999;
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:0 0 20px rgba(50,201,255,.28);
  }

  .floating.floatOpen{
    bottom:84px !important;
  }
}

@media (min-width:761px){
  .floatMenuBtn{display:none !important;}
}

/* ===== HERO MOBILE V2 ===== */
@media (max-width:760px){

  .hero{
    min-height:auto !important;
    padding:52px 20px 34px !important;
    display:block !important;
  }

  .heroCopy{
    text-align:center !important;
    max-width:100% !important;
  }

  #heroBadge{
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    margin-bottom:20px !important;
    font-size:11px !important;
    letter-spacing:3px !important;
  }

  #heroTitle{
    max-width:520px !important;
    margin:0 auto 18px !important;
    font-size:42px !important;
    line-height:1.02 !important;
    letter-spacing:-1.8px !important;
  }

  #heroText{
    max-width:500px !important;
    margin:0 auto 26px !important;
    font-size:16px !important;
    line-height:1.55 !important;
  }

  .heroActions{
    width:100% !important;
    max-width:500px !important;
    margin:0 auto !important;
    gap:10px !important;
  }

  .heroActions .primary,
  .heroActions .secondary{
    width:100% !important;
    min-height:58px !important;
  }

  .trust{
    max-width:500px !important;
    margin:24px auto 0 !important;
    display:grid !important;
    grid-template-columns:repeat(3,1fr) !important;
    gap:6px !important;
  }

  .trust span{
    font-size:11px !important;
    line-height:1.3 !important;
    text-align:center !important;
  }

  .trust b{
    display:block !important;
    margin-bottom:4px !important;
    font-size:13px !important;
  }

  .heroVisual{
    margin:26px auto 0 !important;
    min-height:190px !important;
    height:190px !important;
    max-width:390px !important;
  }

  .heroLogoWrap{
    width:180px !important;
    height:180px !important;
    margin:auto !important;
  }

  #heroNexusLogo{
    max-width:165px !important;
    max-height:165px !important;
  }

  .statusGlass{
    display:none !important;
  }
}

@media (max-width:390px){
  #heroTitle{
    font-size:38px !important;
  }
}

/* ==================================================
   NEXUS HERO V3 — MOBILE PREMIUM
   ================================================== */

@media (max-width:760px){

  /* HERO MAIS COMPACTA */
  .hero{
    min-height:auto !important;
    display:block !important;
    padding:54px 22px 38px !important;
    margin:0 !important;
    position:relative !important;
    overflow:hidden !important;
    background:
      radial-gradient(circle at 50% 0%,rgba(26,153,255,.15),transparent 48%),
      linear-gradient(180deg,rgba(4,25,40,.92),rgba(2,13,22,.98)) !important;
  }

  .hero::before{
    content:"";
    position:absolute;
    width:260px;
    height:260px;
    left:50%;
    top:-170px;
    transform:translateX(-50%);
    border-radius:50%;
    background:rgba(45,196,255,.12);
    filter:blur(70px);
    pointer-events:none;
  }

  .heroCopy{
    width:100% !important;
    max-width:560px !important;
    margin:0 auto !important;
    text-align:center !important;
    position:relative !important;
    z-index:2 !important;
  }

  #heroBadge{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:auto !important;
    margin:0 auto 20px !important;
    padding:8px 13px !important;
    border:1px solid rgba(91,202,255,.20) !important;
    border-radius:999px !important;
    background:rgba(23,113,160,.09) !important;
    font-size:10px !important;
    font-weight:700 !important;
    letter-spacing:2.4px !important;
  }

  #heroBadge i{
    width:5px !important;
    height:5px !important;
    margin-right:8px !important;
    border-radius:50% !important;
    background:#67d7ff !important;
  }

  #heroTitle{
    max-width:520px !important;
    margin:0 auto 16px !important;
    font-size:39px !important;
    line-height:1.04 !important;
    letter-spacing:-1.5px !important;
    font-weight:800 !important;
  }

  #heroText{
    max-width:440px !important;
    margin:0 auto 27px !important;
    font-size:15px !important;
    line-height:1.6 !important;
    opacity:.78 !important;
  }

  .heroActions{
    display:grid !important;
    grid-template-columns:1fr !important;
    width:100% !important;
    max-width:440px !important;
    margin:0 auto !important;
    gap:10px !important;
  }

  .heroActions .primary,
  .heroActions .secondary{
    width:100% !important;
    min-height:55px !important;
    margin:0 !important;
    border-radius:15px !important;
    font-size:15px !important;
  }

  .heroActions .secondary{
    min-height:48px !important;
    background:rgba(255,255,255,.025) !important;
  }

  /* BENEFÍCIOS */
  .trust{
    width:100% !important;
    max-width:440px !important;
    margin:25px auto 0 !important;
    padding-top:20px !important;
    border-top:1px solid rgba(130,210,255,.10) !important;
    display:grid !important;
    grid-template-columns:repeat(3,1fr) !important;
    gap:5px !important;
  }

  .trust span{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    font-size:10px !important;
    line-height:1.35 !important;
    opacity:.72 !important;
  }

  .trust b{
    display:block !important;
    margin-bottom:5px !important;
    font-size:12px !important;
    opacity:1 !important;
  }

  /* REMOVE O BLOCO GIGANTE DA LOGO */
  .heroVisual{
    display:none !important;
  }

  /* REMOVE 100% / 24H / PIX / MAC */
  .credibility{
    display:none !important;
  }

  /* CATÁLOGO MAIS PRÓXIMO DA HERO */
  .catalog{
    padding-top:42px !important;
  }
}

@media (max-width:390px){
  #heroTitle{
    font-size:36px !important;
  }

  .hero{
    padding-left:18px !important;
    padding-right:18px !important;
  }
}


/* ===== HERO MOBILE V4 PREMIUM ===== */
@media (max-width:760px){

  .hero{
    min-height:auto !important;
    padding:76px 22px 48px !important;
    text-align:center !important;
  }

  .heroCopy{
    width:100% !important;
    max-width:620px !important;
    margin:0 auto !important;
  }

  #heroBadge{
    width:max-content !important;
    max-width:100% !important;
    margin:0 auto 30px !important;
    padding:11px 22px !important;
    border:1px solid rgba(91,207,255,.25) !important;
    border-radius:999px !important;
    background:rgba(7,38,57,.55) !important;
    box-shadow:inset 0 0 20px rgba(44,190,255,.04) !important;
    font-size:12px !important;
    letter-spacing:3px !important;
  }

  #heroTitle{
    max-width:580px !important;
    margin:0 auto !important;
    font-size:clamp(40px,11vw,55px) !important;
    line-height:1.03 !important;
    letter-spacing:-2.2px !important;
    text-wrap:balance !important;
  }

  #heroText{
    max-width:560px !important;
    margin:30px auto 0 !important;
    font-size:17px !important;
    line-height:1.65 !important;
    color:rgba(214,226,236,.67) !important;
  }

  .heroActions{
    width:100% !important;
    max-width:580px !important;
    margin:34px auto 0 !important;
    gap:12px !important;
  }

  .heroActions .primary,
  .heroActions .secondary{
    min-height:66px !important;
    border-radius:18px !important;
    font-size:16px !important;
    font-weight:700 !important;
  }

  .heroActions .secondary{
    background:rgba(3,18,28,.38) !important;
    border:1px solid rgba(104,203,246,.25) !important;
  }

  .trust{
    max-width:580px !important;
    margin:34px auto 0 !important;
    padding-top:26px !important;
    border-top:1px solid rgba(103,191,230,.12) !important;
    display:grid !important;
    grid-template-columns:repeat(3,1fr) !important;
    gap:8px !important;
  }

  .trust span{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    gap:7px !important;
    font-size:12px !important;
    line-height:1.3 !important;
    color:rgba(188,205,218,.55) !important;
  }

  .trust span b{
    font-size:14px !important;
    color:#62cfff !important;
    letter-spacing:1px !important;
  }

  .heroVisual{
    display:none !important;
  }

  .credibility{
    display:none !important;
  }

  .catalog{
    padding-top:52px !important;
  }

  .sectionHead{
    margin-bottom:25px !important;
  }

  .sectionHead .eyebrow{
    font-size:11px !important;
    letter-spacing:4px !important;
  }

  .sectionHead h2{
    margin-top:14px !important;
    font-size:clamp(34px,9vw,46px) !important;
    line-height:1.06 !important;
    letter-spacing:-1.5px !important;
  }

  .sectionHead p{
    margin-top:14px !important;
    font-size:16px !important;
    line-height:1.55 !important;
  }
}

@media (max-width:390px){

  .hero{
    padding:64px 18px 42px !important;
  }

  #heroTitle{
    font-size:39px !important;
  }

  #heroText{
    font-size:15px !important;
  }

  .heroActions .primary,
  .heroActions .secondary{
    min-height:60px !important;
  }

  .trust span{
    font-size:11px !important;
  }
}

/* ===== FIM HERO MOBILE V4 ===== */


/* ===== V5 LOGIN NO TOPO + HERO REFINADO ===== */

.topLoginBtn{
  border:1px solid rgba(87,199,247,.25);
  background:rgba(5,25,38,.55);
  color:#dceaf2;
  border-radius:14px;
  padding:11px 16px;
  font-weight:600;
  cursor:pointer;
}

@media (max-width:760px){

  .topbar{
    padding-left:18px !important;
    padding-right:18px !important;
    gap:8px !important;
  }

  .topbar nav{
    display:flex !important;
    align-items:center !important;
    margin-left:auto !important;
    gap:7px !important;
  }

  .topbar .navlink,
  .topbar .online{
    display:none !important;
  }

  .topLoginBtn{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:44px !important;
    padding:0 13px !important;
    border-radius:14px !important;
    font-size:12px !important;
    white-space:nowrap !important;
  }

  .accountBtn{
    min-height:44px !important;
    padding:0 13px !important;
    border-radius:14px !important;
    font-size:12px !important;
    white-space:nowrap !important;
  }

  .hero{
    padding-top:62px !important;
    padding-bottom:38px !important;
  }

  #heroBadge{
    margin-bottom:24px !important;
  }

  #heroTitle{
    font-size:clamp(37px,10vw,48px) !important;
    line-height:1.04 !important;
  }

  #heroText{
    margin-top:23px !important;
    font-size:16px !important;
    line-height:1.55 !important;
  }

  .heroActions{
    margin-top:28px !important;
  }

  .heroActions .primary{
    min-height:62px !important;
    border-radius:17px !important;
  }

  .trust{
    margin-top:28px !important;
    padding-top:22px !important;
  }
}

@media (max-width:390px){
  .topLoginBtn{
    padding:0 10px !important;
    font-size:11px !important;
  }

  .accountBtn{
    padding:0 10px !important;
    font-size:11px !important;
  }
}

/* ===== FIM V5 ===== */

/* ===== CONTROLE LOGIN / CONTA ===== */
body.userLogged .topLoginBtn{
  display:none !important;
}

body:not(.userLogged) #accountBtn{
  display:none !important;
}

/* ==================================================
   AREA DO CLIENTE — PREMIUM V2
   ================================================== */

.accountHead{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:20px;
  margin-bottom:18px;
  border:1px solid rgba(102,220,255,.16);
  border-radius:20px;
  background:
    radial-gradient(circle at 0 0,rgba(25,154,255,.16),transparent 45%),
    linear-gradient(145deg,rgba(10,28,43,.92),rgba(3,10,16,.96));
  box-shadow:inset 0 1px rgba(255,255,255,.03);
}

.accountHead:before{
  content:"";
  position:absolute;
  left:0;
  top:22%;
  width:3px;
  height:56%;
  border-radius:0 5px 5px 0;
  background:linear-gradient(#53d7ff,#087ee8);
  box-shadow:0 0 18px rgba(48,185,255,.65);
}

.accountHead h2{
  margin:6px 0 5px;
  font-size:24px;
  letter-spacing:-.5px;
}

.accountHead p{
  margin:0;
  color:#88a4b7;
  font-size:12px;
}

.accountHead .secondary{
  flex:none;
  padding:9px 13px;
  border-radius:11px;
  font-size:11px;
  color:#9eb7c7;
  background:rgba(255,255,255,.025);
  border-color:rgba(255,255,255,.08);
}

.accountStats{
  display:grid;
  grid-template-columns:1.35fr 1fr;
  gap:12px;
  margin:0 0 14px;
}

.accountStats>div{
  position:relative;
  overflow:hidden;
  padding:21px;
  min-height:112px;
  border:1px solid rgba(104,211,255,.14);
  border-radius:18px;
  background:
    linear-gradient(145deg,rgba(9,29,44,.9),rgba(3,11,17,.96));
}

.accountStats>div:first-child{
  background:
    radial-gradient(circle at 100% 0,rgba(18,162,255,.20),transparent 55%),
    linear-gradient(145deg,#09243a,#041019);
  border-color:rgba(83,202,255,.25);
}

.accountStats small{
  color:#7395aa;
  font-size:9px;
  font-weight:700;
  letter-spacing:1.2px;
  text-transform:uppercase;
}

.accountStats strong{
  margin:8px 0 6px;
  font-size:29px;
  letter-spacing:-1px;
  color:#f1fbff;
}

.accountStats>div:first-child strong{
  color:#bfeeff;
  text-shadow:0 0 20px rgba(47,186,255,.20);
}

.accountStats span{
  color:#718c9e;
  font-size:10px;
}

.accountStats .miniBtn{
  margin-top:11px;
  padding:8px 11px;
  border-radius:9px;
  border:1px solid rgba(90,207,255,.25);
  background:rgba(11,137,213,.12);
  color:#c9f2ff;
  font-weight:700;
}

.refBox{
  position:relative;
  padding:19px;
  margin-top:12px;
  border:1px solid rgba(105,211,255,.13);
  border-radius:18px;
  background:
    linear-gradient(145deg,rgba(8,24,36,.86),rgba(3,10,16,.94));
}

.refBox>small,
.refBox>span{
  color:#7896aa;
}

.copyRow{
  display:flex;
  gap:8px;
  margin-top:10px;
}

.copyRow code{
  min-width:0;
  padding:12px;
  border:1px solid rgba(255,255,255,.045);
  border-radius:11px;
  background:rgba(1,7,11,.8);
  color:#9ed8f3;
}

.copyRow button{
  flex:none;
  padding:0 13px;
  border:1px solid rgba(85,204,255,.20);
  border-radius:11px;
  background:rgba(10,132,205,.10);
  color:#d5f5ff;
  cursor:pointer;
}

.modalTitle{
  position:relative;
  margin:25px 0 10px;
  padding-left:12px;
  font-size:15px;
  letter-spacing:.2px;
}

.modalTitle:before{
  content:"";
  position:absolute;
  left:0;
  top:2px;
  bottom:2px;
  width:3px;
  border-radius:5px;
  background:#29b9ff;
  box-shadow:0 0 10px rgba(41,185,255,.45);
}

.history{
  max-height:260px;
  overflow:auto;
  padding:0 14px;
  border:1px solid rgba(105,211,255,.10);
  border-radius:16px;
  background:rgba(2,9,14,.48);
}

.historyRow{
  gap:14px;
  padding:14px 2px;
  border-bottom:1px solid rgba(108,213,255,.075);
}

.historyRow:last-child{
  border-bottom:0;
}

.historyRow b{
  font-size:12px;
  color:#e7f8ff;
}

.historyRow small{
  margin-top:4px;
  color:#708b9d;
}

.statusPill{
  flex:none;
  padding:6px 9px;
  border-radius:20px;
  font-size:8px;
  font-weight:800;
  letter-spacing:.4px;
  color:#baffda;
  border:1px solid rgba(88,229,162,.20);
  background:rgba(88,229,162,.07);
}

/* MOBILE */
@media(max-width:600px){

  .modalBox.wide{
    width:100%;
    padding:18px 15px 20px;
    border-radius:22px;
  }

  .accountHead{
    padding:17px 15px;
    align-items:flex-start;
  }

  .accountHead h2{
    font-size:21px;
  }

  .accountHead p{
    max-width:210px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

  .accountHead .secondary{
    padding:7px 9px;
    font-size:9px;
  }

  .accountStats{
    grid-template-columns:1fr 1fr;
    gap:9px;
  }

  .accountStats>div{
    min-height:105px;
    padding:16px 13px;
    border-radius:15px;
  }

  .accountStats strong{
    font-size:22px;
  }

  .accountStats span{
    font-size:9px;
  }

  .refBox{
    padding:15px;
    border-radius:15px;
  }

  .copyRow code{
    font-size:9px;
  }

  .history{
    padding:0 11px;
    border-radius:14px;
  }
}

/* CORREÇÃO BOTÃO FECHAR MODAL */
.modalBox{
  position: relative;
}

.modalBox > .x{
  position: absolute !important;
  top: 14px !important;
  right: 14px !important;
  z-index: 9999 !important;
  width: 42px !important;
  height: 42px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  background: rgba(5,18,29,.92) !important;
  color: #fff !important;
  font-size: 28px !important;
  line-height: 1 !important;
  cursor: pointer !important;
}

/* ATIVAÇÃO INSTANTÂNEA */
.instantBadge{
  display:inline-flex;
  align-items:center;
  gap:7px;
  margin:8px 0 4px;
  padding:5px 10px;
  border:1px solid rgba(34,197,94,.30);
  border-radius:7px;
  background:rgba(34,197,94,.10);
  color:#4ade80;
  font-size:11px;
  font-weight:700;
  letter-spacing:.2px;
}

.instantDot{
  width:7px;
  height:7px;
  border-radius:50%;
  background:#22c55e;
  box-shadow:0 0 0 rgba(34,197,94,.6);
  animation:instantPulse 1.5s infinite;
}

@keyframes instantPulse{
  0%{box-shadow:0 0 0 0 rgba(34,197,94,.65)}
  70%{box-shadow:0 0 0 6px rgba(34,197,94,0)}
  100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}
}
@media (max-width:700px){
  #heroTitle .premiumTitleLine{
    display:block !important;
  }
  #heroTitle strong{
    margin-right:.22em !important;
  }
}
@media (max-width:700px){
  .topbar .brand span{
    display:flex !important;
    flex-direction:column !important;
  }
}
@media (max-width:700px){
  .trust{
    display:none !important;
  }
}

/* Animação exclusiva — selo Ativação Automática */
#heroBadge{
  position:relative;
  overflow:hidden;
  animation:autoBadgeGlow 2.8s ease-in-out infinite;
}

#heroBadge i{
  animation:autoBadgePulse 1.4s ease-in-out infinite;
}

@keyframes autoBadgePulse{
  0%,100%{transform:scale(1);opacity:.65}
  50%{transform:scale(1.6);opacity:1;box-shadow:0 0 12px currentColor}
}

@keyframes autoBadgeGlow{
  0%,100%{box-shadow:0 0 0 rgba(60,200,255,0)}
  50%{box-shadow:0 0 22px rgba(60,200,255,.18)}
}

/* Ativação Automática — animação mais visível */
#heroBadge{
  animation:autoBadgeGlowStrong 1.8s ease-in-out infinite !important;
}

#heroBadge i{
  animation:autoBadgePulseStrong 1.1s ease-in-out infinite !important;
  box-shadow:0 0 8px #55dfff;
}

@keyframes autoBadgePulseStrong{
  0%,100%{
    transform:scale(1);
    opacity:.8;
    box-shadow:0 0 5px #55dfff;
  }
  50%{
    transform:scale(2);
    opacity:1;
    box-shadow:0 0 8px #55dfff,0 0 18px #22bfff,0 0 28px rgba(34,191,255,.65);
  }
}

@keyframes autoBadgeGlowStrong{
  0%,100%{
    border-color:rgba(80,200,255,.30);
    box-shadow:0 0 8px rgba(30,180,255,.10);
  }
  50%{
    border-color:rgba(90,220,255,.85);
    box-shadow:0 0 15px rgba(30,190,255,.40),inset 0 0 14px rgba(30,190,255,.10);
  }
}

/* STATUS ATIVADO — INDICADOR VERDE PULSANTE */
.successReceipt .receiptGrid > div:nth-child(2) b{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
}

.successReceipt .receiptGrid > div:nth-child(2) b::before{
  content:"";
  width:9px;
  height:9px;
  border-radius:50%;
  background:#38e89b;
  box-shadow:0 0 8px rgba(56,232,155,.8);
  animation:statusAtivadoPulse 1.5s ease-in-out infinite;
}

@keyframes statusAtivadoPulse{
  0%,100%{
    opacity:.55;
    transform:scale(.85);
    box-shadow:0 0 5px rgba(56,232,155,.45);
  }
  50%{
    opacity:1;
    transform:scale(1.3);
    box-shadow:0 0 14px rgba(56,232,155,.95);
  }
}

/* GARANTE CLIQUE NO X DO MODAL */
.modalBox > .x{
  z-index:9999 !important;
  pointer-events:auto !important;
  touch-action:manipulation;
}

/* ===== APLICATIVOS POPULARES — CARROSSEL REDONDO ===== */

.quickApps{
  width:100%;
  margin:24px 0 20px;
  overflow:hidden;
}

.quickAppsTitle{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:0 4px 14px;
}

.quickAppsTitle b{
  font-size:13px;
  text-transform:uppercase;
  letter-spacing:1.5px;
  color:#dff6ff;
}

.quickAppsTitle span{
  font-size:11px;
  color:#6f8d9d;
  white-space:nowrap;
}

.quickAppsTrack{
  display:flex;
  gap:18px;
  overflow-x:auto;
  overflow-y:hidden;
  padding:3px 5px 12px;
  scroll-snap-type:x proximity;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
  touch-action:pan-x;
}

.quickAppsTrack::-webkit-scrollbar{
  display:none;
}

.quickAppItem{
  flex:0 0 78px;
  width:78px;
  padding:0;
  margin:0;
  border:0;
  outline:0;
  background:none;
  color:#fff;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:9px;
  cursor:pointer;
  scroll-snap-align:start;
}

.quickAppCircle{
  width:68px;
  height:68px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  background:#071723;
  border:1px solid rgba(67,190,255,.32);
  box-shadow:0 8px 24px rgba(0,0,0,.25);
  transition:transform .2s ease,border-color .2s ease;
}

.quickAppCircle img{
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:50%;
}

.quickAppItem:active .quickAppCircle{
  transform:scale(.94);
}

.quickAppName{
  width:82px;
  min-height:28px;
  font-size:11px;
  font-weight:700;
  line-height:1.2;
  text-align:center;
  color:#e8f8ff;
}

@media(max-width:600px){
  .quickApps{
    margin:20px 0 17px;
  }

  .quickAppsTrack{
    gap:14px;
    padding-left:2px;
    padding-right:18px;
  }

  .quickAppCircle{
    width:62px;
    height:62px;
  }

  .quickAppItem{
    flex-basis:70px;
    width:70px;
  }

  .quickAppName{
    width:74px;
    font-size:10px;
  }
}

/* Ajuste das logos no carrossel circular */
.quickAppCircle{
  padding:8px;
  box-sizing:border-box;
}

.quickAppCircle img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  border-radius:50%!important;
}

/* Logos populares — tamanho corrigido */
.quickAppCircle{
  padding:0!important;
}

.quickAppCircle img{
  width:86%!important;
  height:86%!important;
  object-fit:contain!important;
  object-position:center!important;
  border-radius:50%!important;
  transform:scale(1.28);
}

/* Logos populares — preenchimento total do círculo */
.quickAppCircle{
  padding:0!important;
  overflow:hidden!important;
  border-radius:50%!important;
}

.quickAppCircle img{
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  min-height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:50%!important;
  transform:none!important;
  display:block!important;
}

/* CORREÇÃO FINAL — LOGOS DO CARROSSEL POPULAR */
.quickAppCircle{
  padding:0!important;
  overflow:hidden!important;
  border-radius:50%!important;
}

.quickAppCircle .logoShell{
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  min-height:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:hidden!important;
}

.quickAppCircle .appLogo{
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  border-radius:50%!important;
  object-fit:cover!important;
  object-position:center!important;
  display:block!important;
}

/* HERO MOBILE — FUNDO DE PONTA A PONTA */
@media (max-width:760px){
  .hero{
    width:100vw !important;
    max-width:none !important;
    margin-left:calc(50% - 50vw) !important;
    margin-right:calc(50% - 50vw) !important;
    box-sizing:border-box !important;
  }
}

/* ===== MENU SOCIAL FINAL ===== */
@media (max-width:768px){

  .floating .support,
  .floating .community,
  .floating .instagram{
    width:auto !important;
    min-width:150px !important;
    height:50px !important;
    padding:0 16px 0 12px !important;
    border-radius:16px !important;
    gap:10px !important;
    justify-content:flex-start !important;
  }

  .floating .support{order:1 !important;}
  .floating .community{order:2 !important;}
  .floating .instagram{order:3 !important;}

  .floating .support b,
  .floating .community b,
  .floating .instagram b{
    display:block !important;
    font-size:14px !important;
    font-weight:700 !important;
    white-space:nowrap !important;
  }

  .floating .support span,
  .floating .community span,
  .floating .instagram span{
    width:25px !important;
    height:25px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    font-size:0 !important;
    flex:0 0 25px !important;
  }

  /* Telegram */
  .floating .support span::before{
    content:"";
    width:23px;
    height:23px;
    background:#fff;
    clip-path:polygon(4% 47%,96% 7%,78% 94%,50% 69%,35% 84%,37% 61%);
  }

  /* WhatsApp */
  .floating .community span::before{
    content:"";
    width:22px;
    height:22px;
    border:2px solid #fff;
    border-radius:50%;
    box-sizing:border-box;
  }

  /* Instagram */
  .floating .instagram span::before{
    content:"";
    width:22px;
    height:22px;
    border:2px solid #fff;
    border-radius:7px;
    box-sizing:border-box;
  }

  .floating .instagram span::after{
    content:"";
    position:absolute;
    width:6px;
    height:6px;
    border:2px solid #fff;
    border-radius:50%;
  }

  .floating .instagram{
    position:relative;
    border:1px solid rgba(255,80,180,.65) !important;
    box-shadow:0 0 14px rgba(255,70,170,.28) !important;
  }
}

/* ===== AJUSTE FINAL MENU SOCIAL ===== */
@media (max-width:768px){

  /* Escadinha: menor -> maior */
  .floating .support{
    min-width:145px !important;
  }

  .floating .community{
    min-width:175px !important;
  }

  .floating .instagram{
    min-width:195px !important;
  }

  /* WhatsApp */
  .floating .community span{
    position:relative !important;
  }

  .floating .community span::before{
    content:"" !important;
    width:22px !important;
    height:22px !important;
    border:2px solid #fff !important;
    border-radius:50% !important;
    box-sizing:border-box !important;
  }

  .floating .community span::after{
    content:"☎" !important;
    position:absolute !important;
    inset:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    font-size:13px !important;
    font-weight:900 !important;
    color:#fff !important;
    transform:rotate(-18deg) !important;
  }
}

/* ===== ÍCONE WHATSAPP CORRIGIDO ===== */
@media (max-width:768px){

  .floating .community span{
    position:relative !important;
    width:26px !important;
    height:26px !important;
    flex:0 0 26px !important;
  }

  .floating .community span::before{
    content:"" !important;
    position:absolute !important;
    width:22px !important;
    height:22px !important;
    border:2px solid #fff !important;
    border-radius:50% !important;
    box-sizing:border-box !important;
  }

  .floating .community span::after{
    content:"☎" !important;
    position:absolute !important;
    inset:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    color:#fff !important;
    font-size:14px !important;
    font-weight:900 !important;
    line-height:1 !important;
    transform:rotate(-28deg) !important;
  }
}

/* WHATSAPP — LOGO SVG */
@media (max-width:768px){
  .floating .community span::before,
  .floating .community span::after{
    content:none !important;
    display:none !important;
  }

  .floating .community span{
    width:27px !important;
    height:27px !important;
    flex:0 0 27px !important;
    background:url('/whatsapp-icon.svg') center/contain no-repeat !important;
  }
}

/* ===== ÍCONES SOCIAIS SVG — PADRÃO FINAL ===== */
@media (max-width:768px){

  /* TELEGRAM */
  .floating .support span::before,
  .floating .support span::after{
    content:none !important;
    display:none !important;
  }

  .floating .support span{
    width:27px !important;
    height:27px !important;
    flex:0 0 27px !important;
    background:url('/telegram-icon.svg') center/contain no-repeat !important;
  }

  /* INSTAGRAM */
  .floating .instagram span::before,
  .floating .instagram span::after{
    content:none !important;
    display:none !important;
  }

  .floating .instagram span{
    position:relative !important;
    width:27px !important;
    height:27px !important;
    flex:0 0 27px !important;
    background:url('/instagram-icon.svg') center/contain no-repeat !important;
  }
}

/* ===== AJUSTE FINAL TELEGRAM + INSTAGRAM ===== */
@media (max-width:768px){

  /* TELEGRAM — força o SVG aparecer */
  .floating .support span{
    display:block !important;
    width:27px !important;
    height:27px !important;
    min-width:27px !important;
    flex:0 0 27px !important;
    padding:0 !important;
    margin:0 !important;
    background-image:url('/telegram-icon.svg') !important;
    background-position:center !important;
    background-repeat:no-repeat !important;
    background-size:27px 27px !important;
  }

  .floating .support span::before,
  .floating .support span::after{
    content:none !important;
    display:none !important;
  }

  /* INSTAGRAM — botão mais compacto */
  .floating .instagram{
    min-width:160px !important;
    width:auto !important;
    padding-left:12px !important;
    padding-right:16px !important;
  }

  .floating .instagram b{
    font-size:15px !important;
  }
}

/* ===== AJUSTE FINAL TELEGRAM + INSTAGRAM ===== */
@media (max-width:768px){

  /* TELEGRAM — força o SVG aparecer */
  .floating .support span{
    display:block !important;
    width:27px !important;
    height:27px !important;
    min-width:27px !important;
    flex:0 0 27px !important;
    padding:0 !important;
    margin:0 !important;
    background-image:url('/telegram-icon.svg') !important;
    background-position:center !important;
    background-repeat:no-repeat !important;
    background-size:27px 27px !important;
  }

  .floating .support span::before,
  .floating .support span::after{
    content:none !important;
    display:none !important;
  }

  /* INSTAGRAM — botão mais compacto */
  .floating .instagram{
    min-width:160px !important;
    width:auto !important;
    padding-left:12px !important;
    padding-right:16px !important;
  }

  .floating .instagram b{
    font-size:15px !important;
  }
}

/* ===== MENU SOCIAL — ORDEM E TELEGRAM ===== */
@media (max-width:768px){

  /* Ordem: Suporte -> Instagram -> Canal */
  .floating .support{
    order:1 !important;
  }

  .floating .instagram{
    order:2 !important;
  }

  .floating .community{
    order:3 !important;
  }

  /* Telegram */
  .floating .support span{
    display:inline-block !important;
    visibility:visible !important;
    opacity:1 !important;
    width:27px !important;
    height:27px !important;
    min-width:27px !important;
    min-height:27px !important;
    flex:0 0 27px !important;
    background:url("/telegram-icon.svg?v=2") center center / 27px 27px no-repeat !important;
  }

  .floating .support span::before,
  .floating .support span::after{
    display:none !important;
    content:none !important;
  }
}

/* ===== MENU SOCIAL — CORREÇÃO DEFINITIVA ===== */
@media (max-width:768px){

  .floating{
    display:flex !important;
    flex-direction:column !important;
  }

  .floating .support{
    order:1 !important;
  }

  .floating .instagram{
    order:2 !important;
  }

  .floating .community{
    order:3 !important;
  }

  .floating .support span{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    width:27px !important;
    height:27px !important;
    min-width:27px !important;
    flex:0 0 27px !important;
    background:url('/telegram-icon.svg?v=3') center/contain no-repeat !important;
  }

  .floating .support span::before,
  .floating .support span::after{
    content:none !important;
    display:none !important;
  }
}

/* ===== HERO BENEFÍCIOS — NOVO TOPO ===== */
.heroBenefits{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:12px !important;
  width:max-content !important;
  max-width:100% !important;
  margin:0 0 28px !important;
  padding:0 !important;
  border:0 !important;
  background:none !important;
  box-shadow:none !important;
}

.heroBenefits span{
  display:flex !important;
  align-items:center !important;
  gap:6px !important;
  color:#b9c9d6 !important;
  font-size:12px !important;
  font-weight:700 !important;
  letter-spacing:.4px !important;
  white-space:nowrap !important;
}

.heroBenefits span b{
  color:#66dcff !important;
  font-size:14px !important;
}

.heroBenefits > i{
  display:block !important;
  width:3px !important;
  height:3px !important;
  border-radius:50% !important;
  background:#3d7088 !important;
  box-shadow:none !important;
  animation:none !important;
}

@media(max-width:760px){
  .heroBenefits{
    margin:0 auto 26px !important;
    justify-content:center !important;
    gap:9px !important;
  }

  .heroBenefits span{
    font-size:11px !important;
    gap:4px !important;
  }

  .heroBenefits span b{
    font-size:13px !important;
  }
}

/* ===== APROXIMA CATÁLOGO DOS APLICATIVOS POPULARES ===== */
@media (max-width:760px){
  #catalogo.catalog{
    padding-top:25px !important;
    margin-top:0 !important;
  }

  .hero{
    padding-bottom:25px !important;
  }
}

/* ===== REMOVE ESPAÇO VAZIO APÓS APLICATIVOS POPULARES ===== */
@media (max-width:760px){

  .hero .trust{
    display:none !important;
    margin:0 !important;
    padding:0 !important;
  }

  .heroActions{
    margin-bottom:0 !important;
    padding-bottom:0 !important;
  }

  .hero{
    padding-bottom:10px !important;
  }

  #catalogo.catalog{
    padding-top:10px !important;
    margin-top:0 !important;
  }
}