
:root{--y:#ffe600;--yb:#ffb300;--b:#00b7ff;--p:#a017ff;--g:#00ff75;--r:#ff2448;--bg:#040611;--card:#091327;--muted:#aab6ca;--line:rgba(255,255,255,.13)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 15% 0,rgba(0,183,255,.22),transparent 27%),radial-gradient(circle at 88% 5%,rgba(160,23,255,.28),transparent 30%),linear-gradient(180deg,#040611,#03050d 78%);color:#fff;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}a{text-decoration:none;color:inherit}button,input,select{font:inherit}.hide{display:none!important}
.header{position:sticky;top:0;z-index:50;background:rgba(4,6,17,.88);backdrop-filter:blur(18px);border-bottom:1px solid #192a56;display:flex;justify-content:space-between;align-items:center;padding:10px 20px}.logo{height:82px;object-fit:contain;filter:drop-shadow(0 0 18px rgba(0,183,255,.45))}.nav{display:flex;gap:8px}.nav a,.btn{border:0;border-radius:12px;padding:11px 15px;font-weight:900;background:#0b1328;border:1px solid var(--line);color:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:.2s}.nav a:hover,.btn:hover{transform:translateY(-2px);filter:brightness(1.15)}.nav a.active,.btn.y{background:linear-gradient(135deg,var(--y),var(--yb));color:#050505}.btn.p{background:linear-gradient(135deg,var(--p),#3c15ff);border:0}.btn.g{background:linear-gradient(135deg,var(--g),#0aa14c);color:#001208;border:0}.btn.b{background:linear-gradient(135deg,var(--b),#2760ff);border:0}
.wrap{max-width:1600px;margin:auto;padding:0 16px}.livebar{background:#020713;border-bottom:1px solid #172850;padding:10px 14px;display:flex;gap:14px;overflow:hidden;align-items:center}.dot{width:9px;height:9px;background:red;border-radius:50%;box-shadow:0 0 10px red;display:inline-block}.marq{white-space:nowrap;animation:mar 24s linear infinite}.marq b{color:var(--g)}@keyframes mar{to{transform:translateX(-50%)}}
.hero{margin-top:16px;border:1px solid #21377a;border-radius:28px;overflow:hidden;background:linear-gradient(105deg,#050816,#081d41 44%,#250944);padding:34px;position:relative;box-shadow:0 24px 80px rgba(0,0,0,.5)}.hero:before{content:"";position:absolute;right:-160px;top:-160px;width:660px;height:660px;border-radius:50%;background:conic-gradient(var(--b),var(--p),var(--y),var(--b));opacity:.24;animation:spin 16s linear infinite}.hero:after{content:"SUPREME";position:absolute;right:28px;bottom:8px;font-size:130px;font-weight:1000;color:rgba(255,255,255,.035)}@keyframes spin{to{transform:rotate(360deg)}}.heroGrid{position:relative;z-index:2;display:grid;grid-template-columns:1fr 430px;gap:24px;align-items:center}.heroLogo{width:410px;max-width:100%;margin-bottom:8px}.badge{display:inline-flex;align-items:center;gap:8px;background:rgba(0,183,255,.12);border:1px solid rgba(0,183,255,.45);border-radius:999px;padding:9px 14px;font-weight:900}.hero h1{font-size:58px;line-height:1;margin:12px 0;text-transform:uppercase}.hero h1 span{display:block;color:var(--y);text-shadow:0 0 26px rgba(255,230,0,.28)}.hero p{font-size:21px;line-height:1.35;max-width:720px;color:#e8f2ff}.heroVisual{min-height:310px;border-radius:24px;border:1px solid #2c3b78;background:radial-gradient(circle at 40% 30%,rgba(255,230,0,.18),transparent 20%),radial-gradient(circle at 70% 50%,rgba(157,34,255,.25),transparent 28%),#080e1d;display:grid;place-items:center;padding:20px}.heroVisual img{width:100%;filter:drop-shadow(0 0 25px rgba(255,230,0,.25))}
.features{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:20px}.feature{background:#081227;border:1px solid #25367a;border-radius:14px;padding:13px;text-align:center;font-weight:900}.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin:18px 0}.stat{background:linear-gradient(180deg,#0d1730,#071020);border:1px solid #243862;border-radius:18px;padding:19px}.stat b{font-size:27px}.stat small{color:var(--g)}
.section{margin:24px 0}.title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:28px 0 14px}.title h2{margin:0}.mainBrands,.pkgGrid,.testGrid,.trustGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.brandCard,.pkg,.test,.trust{background:linear-gradient(145deg,rgba(255,230,0,.14),rgba(0,183,255,.08),rgba(160,23,255,.12));border:1px solid rgba(255,230,0,.38);border-radius:20px;padding:18px;box-shadow:0 0 25px rgba(255,230,0,.06)}.brandCard h3,.pkg h3{margin:0 0 8px;color:var(--y);font-size:24px}.brandCard small,.test p,.trust p,.pkg p{color:var(--muted)}.pkg .price{font-size:28px;color:var(--g);font-weight:1000}.langBar{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.lang{padding:15px;border-radius:16px;background:#081227;border:1px solid #25367a;text-align:center;font-weight:900}.offer{position:fixed;left:18px;bottom:18px;z-index:70;background:linear-gradient(135deg,#271300,#33115e);border:1px solid var(--y);border-radius:18px;padding:16px;max-width:300px;box-shadow:0 0 35px rgba(255,230,0,.18)}.offer b{color:var(--y)}.offer button{float:right;background:transparent;color:#fff;border:0;font-size:18px}
.tools{display:flex;gap:8px;flex-wrap:wrap}.field{background:#071225;border:1px solid var(--line);color:#fff;border-radius:12px;padding:12px;outline:none}.tabs{display:flex;gap:8px;overflow:auto;margin-bottom:14px}.tab{white-space:nowrap;background:#0b1328;border:1px solid var(--line);border-radius:999px;padding:10px 14px;font-weight:900;cursor:pointer}.tab.active{background:linear-gradient(135deg,var(--y),var(--yb));color:#000}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.card{position:relative;background:linear-gradient(160deg,#0a1730,#050811);border:1px solid #263b83;border-radius:18px;padding:18px;min-height:168px;overflow:hidden;transition:.2s}.card:hover{transform:translateY(-5px);border-color:var(--y);box-shadow:0 0 24px rgba(255,230,0,.12)}.card.main{border-color:var(--y);box-shadow:0 0 25px rgba(255,230,0,.08)}.tag{position:absolute;top:12px;right:12px;background:linear-gradient(135deg,var(--p),var(--b));padding:5px 9px;border-radius:20px;font-size:11px;font-weight:900}.card h3{margin:25px 0 8px;font-size:23px}.card p{color:var(--muted);line-height:1.45}.actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mini{border:0;border-radius:10px;padding:10px;font-weight:900;background:#101b35;color:#fff;text-align:center;cursor:pointer}.mini.buy{background:linear-gradient(135deg,var(--y),var(--yb));color:#000}.waFloat{position:fixed;right:18px;bottom:18px;z-index:60;width:62px;height:62px;border-radius:50%;background:linear-gradient(135deg,#24ff8a,#078d43);display:grid;place-items:center;font-size:33px;box-shadow:0 0 25px rgba(0,255,117,.45)}
.footer{margin:24px 0;border:1px solid #1a2c55;background:#071020;border-radius:18px;padding:22px;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:18px}.footer img{height:48px}.toast{position:fixed;right:16px;bottom:92px;background:#071225;border:1px solid var(--b);border-radius:14px;padding:14px;z-index:1000;display:none}.toast.show{display:block}.mobile{display:none}.modal{position:fixed;inset:0;background:rgba(0,0,0,.78);z-index:100;display:none;align-items:center;justify-content:center;padding:16px}.modal.show{display:flex}.modalBox{width:min(560px,100%);background:#071225;border:1px solid #2552a7;border-radius:22px;padding:20px}.form{display:grid;gap:10px}
.adminBody{background:linear-gradient(135deg,#020510,#07152a 45%,#130525)}.adminShell{display:grid;grid-template-columns:310px 1fr;min-height:100vh}.adminSide{background:linear-gradient(180deg,#060b19,#03050d);border-right:1px solid #1c2a55;padding:18px;position:sticky;top:0;height:100vh}.adminSide .logo{height:84px}.adminNav{display:grid;gap:9px;margin-top:20px}.adminNav a{padding:14px;border-radius:14px;background:#0b1328;border:1px solid var(--line);font-weight:900}.adminNav a:hover,.adminNav a.active{background:linear-gradient(135deg,var(--y),var(--yb));color:#000}.adminMain{padding:22px;min-width:0}.dash{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.dashCard{background:linear-gradient(160deg,#0a1730,#050811);border:1px solid #263b83;border-radius:18px;padding:18px}.dashCard b{font-size:29px;color:var(--y)}.moduleGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}.module{background:#091327;border:1px solid #263b83;border-radius:18px;padding:18px}.panel{background:#091327;border:1px solid #263b83;border-radius:18px;padding:18px;margin-top:18px}.tableWrap{overflow:auto}.table{width:100%;min-width:760px;border-collapse:collapse;background:#071225;border-radius:16px;overflow:hidden}.table th,.table td{padding:12px;border-bottom:1px solid var(--line);text-align:left}.chart{height:190px;border:1px solid #263b83;border-radius:18px;background:#071225;display:flex;gap:10px;align-items:end;padding:16px}.bar{flex:1;background:linear-gradient(180deg,var(--b),var(--p));border-radius:8px 8px 0 0;min-height:30px}.settingsGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.crmGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.crmCard{background:#071225;border:1px solid #263b83;border-radius:16px;padding:14px}
@media(max-width:1200px){.heroGrid{grid-template-columns:1fr}.grid{grid-template-columns:repeat(3,1fr)}.stats{grid-template-columns:repeat(3,1fr)}.features,.mainBrands,.pkgGrid,.testGrid,.trustGrid,.langBar{grid-template-columns:repeat(2,1fr)}.footer{grid-template-columns:1fr 1fr}.nav{display:none}.dash,.moduleGrid,.crmGrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){body{padding-bottom:76px}.desktop{display:none}.mobile{display:block}.header,.livebar,.wrap{display:none}.mShell{max-width:430px;margin:auto;padding:14px 12px}.mTop{display:flex;justify-content:space-between;align-items:center}.mTop img{height:100px;max-width:320px;object-fit:contain}.mHero{margin-top:8px;border:1px solid var(--p);border-radius:17px;background:linear-gradient(105deg,#071227,#2a0742);padding:18px;overflow:hidden;position:relative}.mHeroLogo{width:315px;max-width:100%;display:block;margin:0 auto 8px}.mHero h1{font-size:29px;line-height:1;margin:10px 0;color:var(--y)}.mHero p{font-weight:900}.mFeatures{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:14px 0}.mFeature{background:#0b1229;border:1px solid #222a61;border-radius:12px;padding:11px 5px;text-align:center;font-size:10px;font-weight:900}.mLive{border:1px solid #321b7a;border-radius:15px;background:#080d20;padding:14px}.mLiveHead{display:flex;justify-content:space-between;font-weight:900}.act{display:flex;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08);padding:10px 0;font-size:12px}.act span{color:var(--g);font-weight:900}.mStats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0}.mStat{background:#091329;border:1px solid #12405a;border-radius:12px;padding:10px 4px;text-align:center;font-size:11px}.mStat b{font-size:16px}.help{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#063b32,#084d23);border:1px solid #00ff75;border-radius:16px;padding:14px;margin-top:14px}.bottom{position:fixed;left:0;right:0;bottom:0;background:#070b18;border-top:1px solid #442aff;display:flex;justify-content:space-around;padding:10px 0;z-index:55}.bottom a{text-align:center;font-size:11px;font-weight:900}.bottom b{display:block;font-size:20px}.mGrid{display:grid;grid-template-columns:1fr;gap:10px}.mCard{background:#091327;border:1px solid #263b83;border-radius:14px;padding:12px}.offer{left:10px;right:10px;bottom:86px;max-width:none}.adminShell{grid-template-columns:1fr}.adminSide{position:static;height:auto}.dash,.moduleGrid,.settingsGrid,.crmGrid{grid-template-columns:1fr}.waFloat{bottom:86px;right:12px}}

@media(max-width:768px){
  .mCard.mMain{border-color:var(--y);box-shadow:0 0 18px rgba(255,230,0,.12)}
  .mTag{background:linear-gradient(135deg,var(--p),var(--b));border-radius:999px;padding:4px 8px;font-size:10px;font-weight:900}
  .mSearch{background:#071225!important;border:1px solid #263b83!important;color:#fff!important}
  #mobileAllPanelGrid .mCard{margin-bottom:2px}
}

/* Ultimate Update Add-ons */
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(120deg,transparent,rgba(255,230,0,.035),transparent);animation:shine 7s linear infinite;z-index:0}
@keyframes shine{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}
#splash{position:fixed;inset:0;background:#03050d;z-index:9999;display:grid;place-items:center;align-content:center;gap:12px;animation:splashOut .9s ease 1.6s forwards}
#splash img{width:310px;max-width:80%;filter:drop-shadow(0 0 25px var(--b))}
#splash b{color:var(--y);font-size:22px;letter-spacing:2px}
@keyframes splashOut{to{opacity:0;visibility:hidden}}
.calcGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.calcBox{background:linear-gradient(160deg,#0a1730,#050811);border:1px solid #263b83;border-radius:18px;padding:18px}
.calcBox h3{margin-top:0;color:var(--y)}
.calcBox b{color:var(--g);font-size:22px}
.hero{border-color:rgba(255,230,0,.45)!important}
.hero h1 span{background:linear-gradient(90deg,var(--y),#fff,var(--b));-webkit-background-clip:text;color:transparent!important}
.brandCard,.pkg,.test,.trust,.calcBox{transition:.25s}
.brandCard:hover,.pkg:hover,.test:hover,.trust:hover,.calcBox:hover{transform:translateY(-5px);box-shadow:0 0 28px rgba(255,230,0,.14)}
@media(max-width:768px){.calcGrid{grid-template-columns:1fr}#splash img{width:260px}.offer{display:none}}

/* Cyber Luxury VIP Showroom */
body{
background:
radial-gradient(circle at 20% 10%,rgba(0,255,255,.10),transparent 22%),
radial-gradient(circle at 80% 0%,rgba(255,0,255,.10),transparent 28%),
linear-gradient(180deg,#03040a,#071122 60%,#040611)!important;
}
.hero{
background:linear-gradient(110deg,#040918,#07152a 40%,#2d0645)!important;
box-shadow:0 0 50px rgba(0,255,255,.08)!important;
}
.hero h1 span{
background:linear-gradient(90deg,#00f6ff,#ffe600,#ff00e1)!important;
-webkit-background-clip:text!important;
color:transparent!important;
}
.vipGrid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:14px;
}
.vipBox,.founderBox,.worldMap{
background:linear-gradient(160deg,#08152b,#091327,#12061f);
border:1px solid rgba(0,255,255,.18);
border-radius:22px;
padding:22px;
box-shadow:0 0 30px rgba(0,255,255,.05);
}
.vipBox h3,.founderBox h3{
margin-top:0;
color:#00f6ff;
}
.worldMap{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:10px;
text-align:center;
font-weight:900;
color:#ffe600;
}
.brandCard,.card,.pkg,.trust,.test,.calcBox{
backdrop-filter:blur(10px);
border-color:rgba(0,255,255,.15)!important;
}
.brandCard:hover,.card:hover,.vipBox:hover{
transform:translateY(-6px) scale(1.02);
box-shadow:0 0 35px rgba(0,255,255,.12);
}
.waFloat{
background:linear-gradient(135deg,#00ff95,#00d0ff)!important;
}
@media(max-width:768px){
.vipGrid,.worldMap{
grid-template-columns:1fr;
}
}

/* VISUAL GOD MODE UPDATE */
body{
  background:
    radial-gradient(circle at 10% 10%,rgba(0,255,255,.16),transparent 25%),
    radial-gradient(circle at 90% 0%,rgba(255,0,200,.14),transparent 28%),
    radial-gradient(circle at 50% 100%,rgba(255,230,0,.08),transparent 30%),
    linear-gradient(180deg,#01030a,#050817 45%,#02030a)!important;
}
.godParticles{position:fixed;inset:0;pointer-events:none;z-index:1;overflow:hidden}
.godParticles span{position:absolute;width:5px;height:5px;border-radius:50%;background:#00f6ff;box-shadow:0 0 18px #00f6ff;animation:particle 12s linear infinite}
.godParticles span:nth-child(1){left:8%;animation-delay:0s}.godParticles span:nth-child(2){left:22%;animation-delay:2s;background:#ffe600;box-shadow:0 0 18px #ffe600}.godParticles span:nth-child(3){left:44%;animation-delay:4s}.godParticles span:nth-child(4){left:63%;animation-delay:1s;background:#ff00e1;box-shadow:0 0 18px #ff00e1}.godParticles span:nth-child(5){left:78%;animation-delay:5s}.godParticles span:nth-child(6){left:92%;animation-delay:3s;background:#00ff75;box-shadow:0 0 18px #00ff75}
@keyframes particle{0%{top:110%;opacity:0;transform:scale(.5)}15%{opacity:1}100%{top:-10%;opacity:0;transform:scale(1.5)}}
.floatingCasino{position:fixed;inset:0;pointer-events:none;z-index:2}
.chip{position:absolute;width:66px;height:66px;border-radius:50%;display:grid;place-items:center;font-weight:1000;background:radial-gradient(circle,#ffe600,#a05b00);color:#020202;box-shadow:0 0 30px rgba(255,230,0,.25);animation:floatChip 7s ease-in-out infinite}
.chip1{left:5%;top:22%}.chip2{right:7%;top:24%;animation-delay:1s}.chip3{left:7%;bottom:18%;animation-delay:2s;background:radial-gradient(circle,#00f6ff,#003a9a);color:#fff}.chip4{right:9%;bottom:20%;animation-delay:3s;background:radial-gradient(circle,#ff00e1,#54007a);color:#fff}
@keyframes floatChip{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-22px) rotate(12deg)}}
.soundToggle{position:fixed;right:18px;bottom:92px;z-index:65;width:52px;height:52px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:linear-gradient(135deg,#111a33,#22093f);color:#fff;font-size:22px;box-shadow:0 0 20px rgba(0,183,255,.25)}
.hero{transform-style:preserve-3d;perspective:1200px;border-color:rgba(0,246,255,.35)!important;box-shadow:0 0 70px rgba(0,246,255,.09),0 24px 90px rgba(0,0,0,.55)!important}
.heroVisual{animation:heroFloat 5s ease-in-out infinite;transform-style:preserve-3d}
@keyframes heroFloat{0%,100%{transform:translateY(0) rotateX(0deg) rotateY(0deg)}50%{transform:translateY(-12px) rotateX(3deg) rotateY(-4deg)}}
.hero h1 span{background:linear-gradient(90deg,#00f6ff,#ffe600,#ff00e1,#00ff75)!important;-webkit-background-clip:text!important;color:transparent!important;background-size:250% 100%!important;animation:godText 4s linear infinite}
@keyframes godText{0%{background-position:0%}100%{background-position:250%}}
.card,.brandCard,.pkg,.test,.trust,.calcBox,.vipBox,.godCard{transform-style:preserve-3d;transition:.25s!important}
.card:hover,.brandCard:hover,.pkg:hover,.test:hover,.trust:hover,.calcBox:hover,.vipBox:hover,.godCard:hover{transform:translateY(-8px) rotateX(2deg) rotateY(-2deg) scale(1.02)!important;box-shadow:0 0 42px rgba(0,246,255,.16)!important}
.godGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.godCard{background:linear-gradient(160deg,#08152b,#091327,#180725);border:1px solid rgba(0,246,255,.22);border-radius:22px;padding:22px;box-shadow:0 0 30px rgba(0,246,255,.06)}
.godCard h3{margin-top:0;color:#00f6ff}
.godCard p{color:#aab6ca}
.jackpotStrip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:22px 0}
.jackpotStrip div{border:1px solid rgba(255,230,0,.32);background:linear-gradient(135deg,rgba(255,230,0,.12),rgba(0,246,255,.06));border-radius:18px;padding:18px;font-weight:900;text-align:center}
.jackpotStrip b{color:#00ff75;font-size:22px}
#splash{background:radial-gradient(circle,#091327,#02030a)!important}
#splash:after{content:"VISUAL GOD MODE";color:#00f6ff;font-weight:1000;letter-spacing:3px}
.mHero{box-shadow:0 0 30px rgba(0,246,255,.12);animation:mobileHeroGlow 3s ease-in-out infinite}
@keyframes mobileHeroGlow{0%,100%{border-color:#a017ff}50%{border-color:#00f6ff}}
@media(max-width:768px){
  .godGrid,.jackpotStrip{grid-template-columns:1fr}
  .chip{display:none}
  .soundToggle{bottom:150px;right:12px}
  .godParticles span{width:4px;height:4px}
}

/* TITAN MODE */
.mallGrid,.vipCardGrid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:14px;
}
.mallBox,.vipCard,.aiBox{
background:linear-gradient(160deg,#071327,#0b1832,#17051f);
border:1px solid rgba(255,230,0,.15);
border-radius:24px;
padding:24px;
box-shadow:0 0 35px rgba(0,246,255,.05);
}
.mallBox h3,.vipCard h3,.aiBox h3{
margin-top:0;
color:#00f6ff;
}
.mallBox:hover,.vipCard:hover,.aiBox:hover{
transform:translateY(-6px) scale(1.02);
box-shadow:0 0 42px rgba(0,246,255,.14);
}
.aiBtns{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:12px;
}
.hero:after{
content:"TITAN";
font-size:150px!important;
color:rgba(255,255,255,.03)!important;
}
@media(max-width:768px){
.mallGrid,.vipCardGrid{
grid-template-columns:1fr;
}
}

/* TITAN MOBILE + DESKTOP FIX */
@media(max-width:768px){
  .mShell{max-width:440px!important;padding:12px 10px 88px!important}
  .mTop{background:rgba(7,14,32,.78);border:1px solid rgba(255,255,255,.10);border-radius:18px;padding:8px 10px;margin-bottom:10px}
  .mTop img{height:92px!important;max-width:295px!important}
  .mHero{padding:16px!important;border-radius:20px!important;background:linear-gradient(135deg,#061326,#22063a,#07152b)!important;box-shadow:0 0 26px rgba(0,246,255,.10)}
  .mHeroLogo{width:285px!important}
  .mHero h1{font-size:27px!important;text-align:center}
  .mHero p{text-align:center;color:#ffe600}
  .mTitan,.mAI,.mVIP{
    margin:14px 0;
    padding:14px;
    border-radius:18px;
    background:linear-gradient(160deg,#071327,#0b1832,#17051f);
    border:1px solid rgba(0,246,255,.18);
    box-shadow:0 0 20px rgba(0,246,255,.05);
  }
  .mTitan h3,.mAI h3,.mVIP h3{margin:0 0 10px;color:#00f6ff;font-size:17px}
  .mTitanGrid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
  .mTitanGrid div{
    background:#091327;
    border:1px solid #263b83;
    border-radius:14px;
    padding:11px 7px;
    text-align:center;
    font-size:20px;
  }
  .mTitanGrid b{display:block;font-size:12px;color:#ffe600;margin-top:4px}
  .mTitanGrid small{display:block;font-size:10px;color:#aab6ca;margin-top:3px}
  .mAiBtns{display:grid;grid-template-columns:1fr;gap:8px}
  .mVIP{display:grid;gap:8px}
  .mVipCard{
    background:#091327;
    border:1px solid #263b83;
    border-radius:14px;
    padding:12px;
  }
  .mVipCard b{color:#ffe600}
  .mVipCard small{color:#aab6ca}
  .mCard{
    border-radius:16px!important;
    background:linear-gradient(160deg,#091327,#050811)!important;
    border:1px solid #263b83!important;
    box-shadow:0 0 14px rgba(0,0,0,.22);
  }
  .mCard.mMain{border-color:#ffe600!important;box-shadow:0 0 18px rgba(255,230,0,.14)}
  .mTag{background:linear-gradient(135deg,var(--p),var(--b));border-radius:999px;padding:4px 8px;font-size:10px;font-weight:900}
  .mSearch{background:#071225!important;border:1px solid #263b83!important;color:#fff!important}
  #mobilePanels h3{color:#ffe600;margin:18px 0 10px}
  #mobileAllPanelGrid .mCard{margin-bottom:3px}
  .bottom{border-radius:22px 22px 0 0;box-shadow:0 -8px 28px rgba(0,0,0,.45)}
}
@media(min-width:769px){
  .mallGrid,.vipCardGrid,.godGrid,.vipGrid{align-items:stretch}
  .mallBox,.vipCard,.godCard,.vipBox{min-height:150px}
}

/* EXACT PHOENIX FRONT LOOK UPDATE */
.header{background:#050506!important;border-bottom:1px solid rgba(255,72,0,.35)!important}
.header .logo{height:82px!important}
.nav a.active{color:#ff7b00!important;background:transparent!important;border:0!important;border-bottom:3px solid #ff3c00!important;border-radius:0!important}
.nav a,.nav .btn{background:transparent!important;border:0!important}
.nav .btn.p,.nav .btn.y{background:linear-gradient(135deg,#ff2b12,#ffb300)!important;border-radius:10px!important;color:#fff!important}
.phoenixHero{
  position:relative;
  max-width:1600px;
  margin:0 auto;
  min-height:560px;
  display:grid;
  grid-template-columns: 1.05fr 1.15fr 360px;
  gap:22px;
  padding:32px 34px 20px;
  overflow:hidden;
  border-bottom:1px solid rgba(255,60,0,.18);
  background:
    radial-gradient(circle at 50% 22%,rgba(255,80,0,.28),transparent 28%),
    radial-gradient(circle at 74% 12%,rgba(255,180,0,.12),transparent 18%),
    linear-gradient(90deg,#020205 0%,#07080d 45%,#050306 100%);
}
.phoenixHero:before{
  content:"";
  position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(0,0,0,.88),rgba(0,0,0,.15) 45%,rgba(0,0,0,.78));
  pointer-events:none;
  z-index:1;
}
.phoenixHero>*{position:relative;z-index:2}
.phoenixLeft{padding-top:24px}
.phoenixBadge{
  display:inline-flex;
  border:1px solid rgba(255,92,0,.45);
  color:#ff9d00;
  padding:9px 14px;
  border-radius:9px;
  background:rgba(255,70,0,.08);
  font-weight:900;
  margin-bottom:14px;
}
.phoenixLeft h1{
  font-size:50px;
  line-height:1.05;
  margin:0 0 18px;
  font-weight:1000;
  text-transform:uppercase;
  text-shadow:0 0 18px rgba(255,255,255,.20);
}
.phoenixLeft h1 span{
  display:block;
  background:linear-gradient(180deg,#ffe26a,#ff7800,#ff3300);
  -webkit-background-clip:text;
  color:transparent;
  text-shadow:none;
}
.phoenixLeft p{font-size:20px;line-height:1.35;color:#fff;margin-bottom:22px}
.phoenixLeft p b{color:#ffb300}
.phoenixFeatures{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:20px 0}
.phoenixFeatures div{display:flex;flex-direction:column;gap:2px;font-size:24px;border-right:1px solid rgba(255,255,255,.08);padding-right:8px}
.phoenixFeatures b{font-size:15px;color:#fff}.phoenixFeatures small{font-size:13px;color:#ddd}
.phoenixCtas{display:flex;gap:14px;flex-wrap:wrap;margin-top:22px}
.phoenixPrimary{background:linear-gradient(135deg,#ff2b12,#ff9d00)!important;color:#fff!important;border:0!important;box-shadow:0 0 22px rgba(255,75,0,.35)!important}
.phoenixOutline{background:rgba(0,0,0,.35)!important;border:1px solid rgba(255,120,0,.55)!important;color:#ffb300!important}
.phoenixCenter{display:grid;place-items:center;min-height:440px;overflow:hidden}
.phoenixCenter img{width:100%;height:100%;object-fit:cover;filter:saturate(1.35) contrast(1.08);border-radius:4px;opacity:.95}
.phoenixRight{display:grid;gap:16px;align-content:start;padding-top:18px}
.sideBox{
  background:rgba(10,5,5,.72);
  border:1px solid rgba(255,73,0,.50);
  border-radius:14px;
  padding:18px;
  box-shadow:0 0 25px rgba(255,50,0,.10);
}
.sideBox h3{margin:0 0 14px;color:#fff;font-size:18px}
.sideBox p{display:flex;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.10);padding:9px 0;margin:0;color:#eee}
.sideBox p b{color:#fff}
.contactBtn{display:block;text-align:center;padding:11px;border-radius:8px;font-weight:1000;margin:9px 0;color:#fff}
.contactBtn.wa{background:linear-gradient(90deg,#008d20,#00b527)}
.contactBtn.tg{background:linear-gradient(90deg,#0060c9,#0093ff)}
.contactBtn.call{background:linear-gradient(90deg,#5d17d6,#8b24ff)}
.contactBtn.mail{background:linear-gradient(90deg,#c74600,#ff5b12)}
.levelGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}
.levelGrid div{background:rgba(255,255,255,.035);border-radius:10px;padding:10px}
.levelGrid b{display:block;color:#fff}.levelGrid small{font-size:10px;color:#aaa}
.premiumPanels{max-width:1220px;margin:-10px auto 20px;padding:0 24px;position:relative;z-index:5}
.premiumPanels h2{text-align:center;color:#fff;font-size:25px}.premiumPanels h2 span{color:#ff4c13}
.premiumGrid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.premiumPanel{background:linear-gradient(160deg,#170906,#070707);border:1px solid #ff3c00;border-radius:12px;padding:18px;text-align:center;font-size:38px;min-height:250px}
.premiumPanel.green{border-color:#43d900}.premiumPanel.blue{border-color:#00a8ff}.premiumPanel.orange{border-color:#ff8800}.premiumPanel.pink{border-color:#ff39d7}.premiumPanel.cyan{border-color:#00f6ff}
.premiumPanel h3{font-size:18px;margin:12px 0;color:#fff}.premiumPanel p{font-size:14px;color:#eee;line-height:1.35;min-height:58px}
.premiumPanel button{background:#050505;border:1px solid currentColor;color:#ffb300;border-radius:8px;padding:9px 18px;font-weight:1000}
.phoenixBottom{max-width:1220px;margin:0 auto 20px;padding:14px 22px;border:1px solid rgba(255,100,0,.24);border-radius:14px;display:grid;grid-template-columns:repeat(6,1fr);gap:10px;background:rgba(6,8,14,.86)}
.phoenixBottom div{font-size:28px}.phoenixBottom b{display:block;font-size:13px;color:#fff}.phoenixBottom small{display:block;font-size:12px;color:#ddd}
.hero{display:none!important}
@media(max-width:1200px){
  .phoenixHero{grid-template-columns:1fr;min-height:auto}
  .phoenixCenter{min-height:280px;order:-1;opacity:.55;position:absolute;inset:90px 0 auto 0;height:360px}
  .phoenixLeft,.phoenixRight{position:relative}
  .premiumGrid{grid-template-columns:repeat(3,1fr)}
  .phoenixBottom{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:768px){
  .phoenixHero{display:none!important}
  .premiumPanels,.phoenixBottom{display:none!important}
}

/* CLEAN EXACT PHOTO LOOK FIX - removes glitches */
.exactPhotoHero{
  max-width:1600px;
  margin:0 auto 18px;
  padding:0;
  border-radius:0;
  overflow:hidden;
  background:#000;
}
.exactPhotoHero img{
  width:100%;
  display:block;
  height:auto;
  object-fit:contain;
}
.phoenixHero,
.premiumPanels,
.phoenixBottom{
  display:none!important;
}
.desktop .wrap{
  margin-top:0!important;
}
.hero{
  display:none!important;
}
.header{
  display:none!important;
}
.livebar{
  display:none!important;
}
.offer{
  display:none!important;
}
.waFloat{
  right:18px!important;
  bottom:18px!important;
}
@media(max-width:768px){
  .exactPhotoHero{display:none!important}
  .mExactHero{
    border-radius:18px;
    overflow:hidden;
    border:1px solid rgba(255,80,0,.35);
    margin:8px 0 12px;
    background:#000;
    box-shadow:0 0 22px rgba(255,80,0,.12);
  }
  .mExactHero img{
    width:100%;
    display:block;
    height:auto;
  }
  .mHero{
    margin-top:10px!important;
  }
}

/* PHOENIX ONLY THEME FULL FIX */
body.phoenixOnlyBody{background:#000!important}
.phoenixOnlyBody .header,
.phoenixOnlyBody .livebar,
.phoenixOnlyBody .hero,
.phoenixOnlyBody .phoenixHero,
.phoenixOnlyBody .premiumPanels,
.phoenixOnlyBody .phoenixBottom,
.phoenixOnlyBody .offer,
.phoenixOnlyBody .godParticles,
.phoenixOnlyBody .floatingCasino,
.phoenixOnlyBody .soundToggle{display:none!important}
.phoenixImageHero{max-width:1600px;margin:0 auto;background:#000}
.phoenixImageHero img{width:100%;display:block;height:auto}
.phoenixContent{padding-top:18px!important;background:#000}
.phoenixStats{margin-top:0!important}
.contactHubNew{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.contactBtn{display:block;text-align:center;padding:13px;border-radius:10px;font-weight:1000;color:#fff}
.contactBtn.wa{background:linear-gradient(90deg,#008d20,#00b527)}
.contactBtn.tg{background:linear-gradient(90deg,#0060c9,#0093ff)}
.contactBtn.call{background:linear-gradient(90deg,#5d17d6,#8b24ff)}
.contactBtn.mail{background:linear-gradient(90deg,#c74600,#ff5b12)}
.pkgGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.pkg,.trust,.brandCard,.card,.stat{border-color:rgba(255,78,0,.28)!important;background:linear-gradient(160deg,#120604,#080808)!important}
.pkg h3,.title h2{color:#ff6a00!important}
.pkg .price{color:#ffe600;font-size:26px;font-weight:1000}
.waFloat{right:18px!important;bottom:18px!important;background:linear-gradient(135deg,#00d85a,#0b8d3e)!important}
@media(max-width:1200px){.pkgGrid,.contactHubNew{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){
  .desktop{display:none!important}
  .mobile{display:block!important}
  .mExactHero{border-radius:18px;overflow:hidden;border:1px solid rgba(255,80,0,.38);background:#000;box-shadow:0 0 24px rgba(255,70,0,.16);margin:8px 0 12px}
  .mExactHero img{width:100%;display:block;height:auto}
  .mShell{max-width:440px!important;padding:12px 10px 88px!important}
  .mStats{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:8px!important;margin:12px 0!important}
  .mStat{background:#120604!important;border:1px solid rgba(255,80,0,.28)!important;border-radius:12px!important;padding:9px 4px!important;text-align:center!important;font-size:11px!important}
  .mStat b{font-size:15px!important}.mStat span{color:#00ff75!important}
  .mTitan,.mAI{margin:14px 0;padding:14px;border-radius:18px;background:linear-gradient(160deg,#120604,#090909);border:1px solid rgba(255,80,0,.22)}
  .mTitan h3,.mAI h3,#mobilePanels h3{color:#ff9d00!important;margin:0 0 10px}
  .mTitanGrid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
  .mTitanGrid div{background:#080808;border:1px solid rgba(255,80,0,.24);border-radius:14px;padding:11px 7px;text-align:center;font-size:20px}
  .mTitanGrid b{display:block;font-size:12px;color:#ffe600;margin-top:4px}
  .mTitanGrid small{display:block;font-size:10px;color:#aab6ca;margin-top:3px}
  .mAiBtns{display:grid;grid-template-columns:1fr;gap:8px}
  .mCard{border-radius:16px!important;background:linear-gradient(160deg,#120604,#050505)!important;border:1px solid rgba(255,80,0,.25)!important}
  .mCard.mMain{border-color:#ffe600!important;box-shadow:0 0 18px rgba(255,230,0,.14)}
  .mTag{background:linear-gradient(135deg,#ff2b12,#ffb300);border-radius:999px;padding:4px 8px;font-size:10px;font-weight:900}
  .bottom{border-radius:22px 22px 0 0;background:#060606!important;border-top:1px solid rgba(255,80,0,.35)!important}
}
@media(min-width:769px){.mobile{display:none!important}.desktop{display:block!important}}

/* BUTTONS + MOBILE LOGO FINAL FIX */
.quickActionBar{
  max-width:1600px;
  margin:0 auto;
  padding:14px 34px 8px;
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  justify-content:center;
  background:#000;
}
.quickActionBar .btn{
  min-width:210px;
}
.phoenixPrimary{
  background:linear-gradient(135deg,#ff2b12,#ff9d00)!important;
  color:#fff!important;
  border:0!important;
  box-shadow:0 0 22px rgba(255,75,0,.35)!important;
}
.phoenixOutline{
  background:rgba(0,0,0,.35)!important;
  border:1px solid rgba(255,120,0,.55)!important;
  color:#ffb300!important;
}
.mTopLogo{
  display:flex;
  justify-content:center;
  align-items:center;
  padding:8px 4px 6px;
  background:#000;
  border-radius:18px;
  margin-bottom:8px;
}
.mTopLogo img{
  width:300px;
  max-width:95%;
  height:auto;
  object-fit:contain;
  display:block;
  filter:drop-shadow(0 0 15px rgba(255,115,0,.45));
}
.mActionBar{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin:10px 0 12px;
}
.mActionBar .mini{
  padding:12px 8px!important;
  border-radius:14px!important;
}
.modalBox{
  box-shadow:0 0 45px rgba(255,80,0,.25)!important;
  border-color:rgba(255,80,0,.45)!important;
}
@media(max-width:768px){
  .waFloat{bottom:86px!important}
  .mExactHero{margin-top:0!important}
  .mExactHero img{border-radius:14px}
  .mShell{background:#000}
}
@media(min-width:769px){
  .mTopLogo,.mActionBar{display:none!important}
}

/* MOBILE APP STYLE FIX - no banner screenshot on phone */
@media(max-width:768px){
  .mExactHero{display:none!important}
  .mAppHero{
    margin:8px 0 12px;
    padding:18px 16px;
    border-radius:22px;
    background:
      radial-gradient(circle at 70% 15%,rgba(255,119,0,.32),transparent 30%),
      radial-gradient(circle at 95% 50%,rgba(255,0,0,.18),transparent 35%),
      linear-gradient(135deg,#070707,#150604 55%,#260b04);
    border:1px solid rgba(255,95,0,.38);
    box-shadow:0 0 28px rgba(255,80,0,.14);
    position:relative;
    overflow:hidden;
  }
  .mAppHero:after{
    content:"🔥";
    position:absolute;
    right:16px;
    top:18px;
    font-size:72px;
    opacity:.20;
    filter:drop-shadow(0 0 18px #ff6a00);
  }
  .mBadge{
    display:inline-block;
    color:#ff9d00;
    border:1px solid rgba(255,119,0,.45);
    background:rgba(255,70,0,.10);
    border-radius:999px;
    padding:7px 10px;
    font-size:11px;
    font-weight:900;
    margin-bottom:10px;
  }
  .mAppHero h1{
    margin:0;
    font-size:27px;
    line-height:1.05;
    font-weight:1000;
    text-transform:uppercase;
    color:#fff;
    letter-spacing:-.5px;
  }
  .mAppHero h1 span{
    background:linear-gradient(180deg,#ffe600,#ff7b00,#ff2b12);
    -webkit-background-clip:text;
    color:transparent;
  }
  .mAppHero p{
    color:#f1f1f1;
    font-size:14px;
    line-height:1.35;
    margin:12px 0;
    max-width:280px;
  }
  .mHeroFeatures{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:8px;
    margin-top:12px;
  }
  .mHeroFeatures div{
    background:rgba(0,0,0,.35);
    border:1px solid rgba(255,95,0,.25);
    border-radius:13px;
    padding:10px 5px;
    text-align:center;
    font-size:19px;
  }
  .mHeroFeatures b{
    display:block;
    color:#ffe600;
    font-size:11px;
    margin-top:4px;
  }
  .mHeroFeatures small{
    display:block;
    color:#ddd;
    font-size:10px;
  }
  .mTopLogo{
    background:#050505!important;
    border:1px solid rgba(255,95,0,.20);
  }
  .mTopLogo img{
    width:285px!important;
  }
  .mActionBar{
    margin-top:8px!important;
  }
}

/* BUSINESS PRO UPDATE */
.proBox{
background:linear-gradient(160deg,#120604,#050505);
border:1px solid rgba(255,80,0,.25);
border-radius:20px;
padding:18px;
display:grid;
gap:10px;
}
.faqGrid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:12px;
}
.faq{
background:#120604;
border:1px solid rgba(255,80,0,.22);
border-radius:14px;
padding:16px;
text-align:center;
font-weight:900;
color:#ffe600;
}
@media(max-width:768px){
.faqGrid{grid-template-columns:1fr 1fr}
}
