/* TOFY PAY V28 unified home — based on the approved reference. */
body[data-page="home"]{background:#030608}
body[data-page="home"] .layout-home-full{display:block;max-width:1540px;margin:0 auto;padding:12px 16px 24px}
body[data-page="home"] .layout-home-full>.page-main{width:100%;min-width:0}
.home28{display:grid;gap:18px;color:#f7f7f7}
.home28-hero{position:relative;border:1px solid #5f441b;border-radius:17px;overflow:hidden;background:#03070c;box-shadow:0 25px 70px #000a;aspect-ratio:1115/340;min-height:310px}
.home28-slides,.home28-slide{position:absolute;inset:0}
.home28-slide{opacity:0;visibility:hidden;transition:opacity .45s ease;pointer-events:none;background:#05070b;display:flex;align-items:center;justify-content:center}
.home28-slide.is-active{opacity:1;visibility:visible;pointer-events:auto}
.home28-slide img{width:100%;height:100%;object-fit:cover;display:block}
.home28-slide:nth-child(2) img,.home28-slide:nth-child(3) img{object-fit:cover;image-rendering:auto}
.home28-hotspot{position:absolute;z-index:2;display:block}
.home28-hotspot-cta{left:40%;top:60%;width:20%;height:18%}
.home28-hotspot-full{inset:0}
.home28-arrow{position:absolute;z-index:5;top:50%;transform:translateY(-50%);width:46px;height:72px;border:0;border-radius:12px;background:#05080bc2;color:#fff;font-size:38px;line-height:1;cursor:pointer;box-shadow:0 0 0 1px #ffffff18;transition:.2s}
.home28-arrow:hover{background:#111925;color:#f4bd4c}
.home28-prev{right:13px}.home28-next{left:13px}
.home28-dots{position:absolute;z-index:6;bottom:13px;left:50%;transform:translateX(-50%);display:flex;gap:7px}
.home28-dots button{border:0;width:20px;height:5px;border-radius:10px;background:#69676c;cursor:pointer;padding:0}.home28-dots button.is-on{background:#f2b83f;width:28px}
.home28-trust{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #303746;border-radius:14px;background:linear-gradient(180deg,#0c1119,#080c12);overflow:hidden}
.home28-trust article{display:flex;align-items:center;justify-content:center;gap:14px;padding:20px 16px;border-left:1px solid #242c38}.home28-trust article:last-child{border-left:0}.home28-trust .ico{font-size:31px}.home28-trust b{display:block;font-size:16px}.home28-trust small{display:block;color:#aeb5c1;margin-top:5px;font-size:11px}
.home28-section{padding:0 26px}.home28-title{display:flex;align-items:center;justify-content:space-between;margin:4px 0 15px}.home28-title h2{font-size:23px;margin:0}.home28-title a{color:#e7b046;font-size:13px}
.home28-cats{display:grid;grid-template-columns:repeat(6,1fr);gap:15px}.home28-cats a{min-height:112px;border:1px solid #344050;border-radius:12px;background:linear-gradient(145deg,#151d29,#080d14);display:grid;place-items:center;padding:15px;transition:.2s;box-shadow:inset 0 0 30px #0004}.home28-cats a:hover{transform:translateY(-4px);border-color:#c38f35;box-shadow:0 14px 30px #0008,0 0 22px #7d4d6e33}.home28-cats span{font-size:38px}.home28-cats b{font-size:14px;margin-top:4px}
.home28-game-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.home28-game-card{border:1px solid #3a4455;border-radius:12px;overflow:hidden;background:#0b1119;transition:.2s}.home28-game-card:hover{transform:translateY(-5px);border-color:#bd8e3c}.home28-game-card>img{width:100%;height:148px;object-fit:cover;display:block}.home28-game-card:nth-child(1)>img{object-position:8% center}.home28-game-card:nth-child(2)>img{object-position:35% center}.home28-game-card:nth-child(3)>img{object-position:52% center}.home28-game-card:nth-child(4)>img{object-position:70% center}.home28-game-card:nth-child(5)>img{object-position:88% center}.home28-game-card:nth-child(6)>img{object-position:50% center}.home28-game-card div{padding:12px;text-align:center}.home28-game-card b{display:block;font-size:13px}.home28-game-card small{display:block;color:#9ea7b4;margin-top:5px;font-size:10px}
.home28-promos{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding:0 26px}.promo-card{position:relative;border:1px solid #3b4657;border-radius:13px;overflow:hidden;background:#08101a;min-height:220px;transition:.2s}.promo-card:hover{transform:translateY(-4px);border-color:#c18c34}.promo-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.promo-card span{position:absolute;right:15px;top:13px;padding:6px 11px;border-radius:99px;background:#020508b8;border:1px solid #d4a23a55;color:#f3c05c;font-size:11px;backdrop-filter:blur(6px)}
.home28-device{margin:0 26px;border:1px solid #2e3948;border-radius:18px;background:radial-gradient(circle at 76% 45%,#14233c 0,#09101a 38%,#05090e 72%);min-height:330px;display:grid;grid-template-columns:1.3fr .7fr;overflow:hidden;position:relative}.device-copy{align-self:center;padding:40px 54px}.device-copy>small{color:#dda946;letter-spacing:3px}.device-copy h2{font-size:30px;margin:8px 0 10px}.device-copy p{color:#aeb6c3}.device-points{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:25px}.device-points span{padding:15px 10px;border:1px solid #344054;background:#0a111b;border-radius:12px;text-align:center;font-size:12px}.device-phone{display:flex;align-items:flex-end;justify-content:center;overflow:hidden}.device-phone img{width:min(330px,90%);max-height:390px;object-fit:contain;filter:drop-shadow(0 30px 35px #000)}
html[data-theme="light"] body[data-page="home"]{background:#eef2f7}.home28 *{box-sizing:border-box}
@media(max-width:1100px){.home28-cats,.home28-game-grid{grid-template-columns:repeat(3,1fr)}.home28-trust{grid-template-columns:repeat(2,1fr)}.home28-device{grid-template-columns:1fr}.device-phone{max-height:300px}.home28-hero{min-height:280px}}
@media(max-width:720px){body[data-page="home"] .layout-home-full{padding:8px}.home28{gap:12px}.home28-hero{aspect-ratio:auto;height:230px;min-height:230px;border-radius:13px}.home28-slide img{object-fit:cover}.home28-slide:nth-child(1) img{object-position:center}.home28-arrow{width:34px;height:54px;font-size:28px}.home28-prev{right:6px}.home28-next{left:6px}.home28-trust{grid-template-columns:1fr 1fr}.home28-trust article{padding:13px 8px;gap:8px}.home28-trust .ico{font-size:21px}.home28-trust b{font-size:12px}.home28-trust small{font-size:9px}.home28-section,.home28-promos{padding:0 3px}.home28-title h2{font-size:19px}.home28-cats{grid-template-columns:repeat(2,1fr);gap:9px}.home28-cats a{min-height:88px}.home28-cats span{font-size:29px}.home28-game-grid{grid-template-columns:repeat(2,1fr);gap:9px}.home28-game-card>img{height:110px}.home28-promos{grid-template-columns:1fr}.promo-card{min-height:170px}.home28-device{margin:0 3px;display:block;min-height:0}.device-copy{padding:28px 20px}.device-copy h2{font-size:24px}.device-points{grid-template-columns:1fr 1fr}.device-phone{height:280px}.device-phone img{height:300px}}

/* V28.1 — Premium experience cards (replaces duplicated phone showcase) */
.home28-experience{
  position:relative;
  margin:0 26px 18px;
  padding:48px 38px 24px;
  overflow:hidden;
  border:1px solid rgba(214,163,67,.26);
  border-radius:24px;
  background:
    radial-gradient(circle at 50% -20%,rgba(218,165,67,.11),transparent 38%),
    radial-gradient(circle at 12% 78%,rgba(109,61,255,.08),transparent 28%),
    radial-gradient(circle at 88% 76%,rgba(0,157,255,.07),transparent 29%),
    linear-gradient(180deg,#080b0f 0%,#06090d 100%);
  box-shadow:0 24px 70px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.025);
}
.home28-experience:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.35;
  background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
  background-size:42px 42px;
  mask-image:linear-gradient(to bottom,transparent,#000 35%,transparent 100%);
}
.home28-experience:after{
  content:"";
  position:absolute;
  top:0;
  left:12%;
  right:12%;
  height:1px;
  background:linear-gradient(90deg,transparent,#d9a441,transparent);
  box-shadow:0 0 18px rgba(217,164,65,.42);
}
.home28-experience-head{
  position:relative;
  z-index:2;
  max-width:820px;
  margin:0 auto 30px;
  text-align:center;
}
.home28-experience-kicker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:7px 15px;
  border:1px solid rgba(216,165,72,.28);
  border-radius:999px;
  color:#e7b653;
  background:rgba(218,165,67,.045);
  font-size:10px;
  font-weight:900;
  letter-spacing:2.6px;
}
.home28-experience-kicker:before,.home28-experience-kicker:after{content:"";width:18px;height:1px;background:linear-gradient(90deg,transparent,#e0ae4b)}
.home28-experience-kicker:after{transform:scaleX(-1)}
.home28-experience-head h2{margin:15px 0 8px;font-size:clamp(25px,2.4vw,38px);line-height:1.35;color:#f7f8fa;letter-spacing:-.5px}
.home28-experience-head h2 em{font-style:normal;color:#e8b64d;text-shadow:0 0 28px rgba(232,182,77,.16)}
.home28-experience-head p{margin:0 auto;max-width:680px;color:#9199a6;font-size:13px;line-height:1.9}
.home28-experience-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.experience-card{
  --card-accent:#d9a441;
  position:relative;
  min-height:268px;
  padding:25px 22px 20px;
  overflow:hidden;
  border:1px solid color-mix(in srgb,var(--card-accent) 46%,#26303c);
  border-radius:20px;
  background:
    radial-gradient(circle at 50% 6%,color-mix(in srgb,var(--card-accent) 14%,transparent),transparent 46%),
    linear-gradient(180deg,rgba(15,19,25,.96),rgba(8,11,15,.99));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 18px 36px rgba(0,0,0,.18);
  transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease;
}
.experience-card:before{
  content:"";
  position:absolute;
  inset:-35% 35% auto -35%;
  height:180px;
  transform:rotate(-18deg);
  background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--card-accent) 11%,transparent),transparent);
  transition:transform .55s ease;
}
.experience-card:hover{transform:translateY(-7px);border-color:color-mix(in srgb,var(--card-accent) 75%,#fff 5%);box-shadow:0 22px 50px rgba(0,0,0,.32),0 0 28px color-mix(in srgb,var(--card-accent) 12%,transparent)}
.experience-card:hover:before{transform:translateX(70%) rotate(-18deg)}
.experience-security{--card-accent:#e5ad3f}.experience-luxury{--card-accent:#a767ff}.experience-speed{--card-accent:#3c93ff}.experience-design{--card-accent:#29c996}
.experience-icon{
  width:76px;
  height:76px;
  margin:0 auto 18px;
  display:grid;
  place-items:center;
  border:1px solid color-mix(in srgb,var(--card-accent) 55%,#26303c);
  border-radius:22px;
  background:linear-gradient(145deg,color-mix(in srgb,var(--card-accent) 13%,#0a0e14),#0a0d12 72%);
  box-shadow:0 13px 32px rgba(0,0,0,.3),0 0 28px color-mix(in srgb,var(--card-accent) 15%,transparent),inset 0 1px 0 rgba(255,255,255,.06);
  transform:rotate(2deg);
}
.experience-icon svg{width:40px;height:40px;fill:none;stroke:var(--card-accent);stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 7px color-mix(in srgb,var(--card-accent) 45%,transparent))}
.experience-speed .experience-icon svg{fill:var(--card-accent);stroke:none}
.experience-number{position:absolute;top:17px;left:18px;color:color-mix(in srgb,var(--card-accent) 40%,#89909a);font-size:9px;font-weight:900;letter-spacing:2px}
.experience-card h3{margin:0 0 8px;color:#f5f6f8;text-align:center;font-size:18px;font-weight:900}
.experience-card p{margin:0;color:#89919d;text-align:center;font-size:11px;line-height:1.85;min-height:61px}
.experience-line{height:1px;margin:16px auto 0;max-width:120px;background:linear-gradient(90deg,transparent,#29313a,transparent);position:relative}
.experience-line span{position:absolute;top:-2px;left:50%;width:26px;height:5px;transform:translateX(-50%);border-radius:99px;background:var(--card-accent);box-shadow:0 0 12px color-mix(in srgb,var(--card-accent) 55%,transparent)}
.home28-experience-rail{
  position:relative;
  z-index:2;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:22px;
  margin-top:24px;
  padding:16px 18px;
  border:1px solid rgba(217,164,65,.16);
  border-radius:16px;
  background:rgba(7,10,14,.72);
  color:#8e96a1;
  font-size:10px;
}
.home28-experience-rail span{display:flex;align-items:center;gap:5px;white-space:nowrap}.home28-experience-rail b{color:#e7b34e;font-size:11px}.home28-experience-rail i{width:1px;height:22px;background:linear-gradient(transparent,#38414d,transparent)}
@media(max-width:1100px){.home28-experience-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home28-experience-rail{flex-wrap:wrap}.home28-experience-rail i{display:none}}
@media(max-width:720px){.home28-experience{margin:0 3px 10px;padding:34px 14px 18px;border-radius:18px}.home28-experience-head{margin-bottom:21px}.home28-experience-head h2{font-size:25px}.home28-experience-head p{font-size:11px}.home28-experience-grid{grid-template-columns:1fr;gap:10px}.experience-card{min-height:0;padding:20px 18px}.experience-icon{width:64px;height:64px;margin-bottom:14px}.experience-icon svg{width:34px;height:34px}.experience-card p{min-height:0}.home28-experience-rail{display:grid;grid-template-columns:1fr 1fr;gap:10px 8px;text-align:center}.home28-experience-rail span{justify-content:center;white-space:normal}}

/* V28.2 — desktop side rails: fill widescreen space without shrinking the approved center design */
body[data-page="home"] .layout-home-full.home28-layout-with-rails{
  display:grid;
  grid-template-columns:220px minmax(760px,1fr) 220px;
  gap:14px;
  max-width:1840px;
  margin:0 auto;
  padding:12px 14px 28px;
  align-items:start;
}
body[data-page="home"] .home28-layout-with-rails>.page-main{min-width:0;width:auto}
.home28-rail{position:sticky;top:88px;display:grid;gap:12px;align-self:start;min-width:0;z-index:5}
.home28-sidecard{position:relative;overflow:hidden;border:1px solid #283443;border-radius:17px;background:linear-gradient(165deg,#0b1119,#070b10 70%);box-shadow:0 18px 42px #0005,inset 0 1px 0 #ffffff06;padding:15px;color:#eef2f7}
.home28-sidecard:before{content:"";position:absolute;inset:0 20% auto;height:1px;background:linear-gradient(90deg,transparent,#d8a44199,transparent)}
.home28-sidecard-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.home28-sidecard-head span{font-size:9px;color:#7f8997}.home28-sidecard-head b{font-size:11px;color:#e4b14d}
.home28-side-profile{background:radial-gradient(circle at 10% 0,#68431b38,transparent 42%),linear-gradient(160deg,#0c1118,#070a0e)}
.home28-user-mini{display:flex;align-items:center;gap:10px;padding:8px 0 13px;border-bottom:1px solid #202a36}.home28-user-mini .avatar{width:38px;height:38px;display:grid;place-items:center;border:1px solid #6e5128;border-radius:50%;background:#16120c}.home28-user-mini strong,.home28-user-mini small{display:block}.home28-user-mini strong{font-size:12px}.home28-user-mini small{font-size:9px;color:#8f98a4;margin-top:3px}.home28-side-profile p{font-size:10px;line-height:1.8;color:#8c96a3;margin:5px 0 12px}.home28-side-primary{display:block;text-align:center;padding:10px;border-radius:10px;background:linear-gradient(135deg,#efc15e,#ad741c);color:#130e06!important;font-weight:900;font-size:11px}
.home28-wallet-mini{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;margin-top:12px;padding:10px;border:1px solid #57401f;border-radius:12px;background:#0d0d0b;color:#fff}.home28-wallet-mini span{font-size:9px;color:#89919d}.home28-wallet-mini b{font-size:13px;color:#f3c45f}.home28-wallet-mini i{width:25px;height:25px;display:grid;place-items:center;border-radius:7px;background:#d69b2e;color:#15100a;font-style:normal;font-weight:900}
.home28-quick-nav{display:grid;gap:5px}.home28-quick-nav a{display:grid;grid-template-columns:34px 1fr 12px;align-items:center;gap:8px;padding:9px 7px;border:1px solid transparent;border-radius:11px;color:#d8dde5;transition:.2s}.home28-quick-nav a:hover{border-color:#5d4524;background:#d49d2910;transform:translateX(-2px)}.home28-quick-nav .qico{width:32px;height:32px;display:grid;place-items:center;border:1px solid #2e3947;border-radius:9px;background:#101721;color:#e3ae48}.home28-quick-nav b,.home28-quick-nav small{display:block}.home28-quick-nav b{font-size:10px}.home28-quick-nav small{font-size:8px;color:#707b89;margin-top:2px}.home28-quick-nav i{font-style:normal;color:#7b8795}
.home28-side-security{display:flex;align-items:center;gap:10px;background:linear-gradient(145deg,#07130f,#090d10)}.home28-side-security .shield{font-size:24px}.home28-side-security b,.home28-side-security small{display:block}.home28-side-security b{font-size:10px}.home28-side-security small{font-size:8px;color:#76818d;margin-top:3px}
.home28-side-offer{min-height:205px;padding:22px 17px;background:radial-gradient(circle at 90% 15%,#6f32d842,transparent 36%),radial-gradient(circle at 20% 100%,#1754a13d,transparent 38%),linear-gradient(145deg,#0a0e16,#070a10)}.home28-side-offer:after{content:"";position:absolute;width:145px;height:145px;left:-45px;bottom:-45px;border:1px solid #8c62ff28;border-radius:50%;box-shadow:0 0 55px #6742ff1d}.home28-side-offer .eyebrow{display:inline-block;font-size:8px;letter-spacing:1px;color:#e5af4a;border:1px solid #6b4d22;border-radius:99px;padding:5px 8px;background:#0d0a06}.home28-side-offer h3{position:relative;z-index:1;margin:13px 0 6px;font-size:23px;line-height:1.25}.home28-side-offer h3 em{font-style:normal;color:#e7b149}.home28-side-offer p{position:relative;z-index:1;font-size:9px;line-height:1.7;color:#89929f}.home28-side-offer>a{position:relative;z-index:1;display:inline-flex;gap:7px;align-items:center;margin-top:9px;padding:8px 11px;border-radius:9px;background:linear-gradient(135deg,#eab94f,#a96d17);color:#150e05;font-weight:900;font-size:9px}
.home28-trending-mini{display:grid;gap:7px}.home28-trending-mini>a{display:grid;grid-template-columns:38px 1fr 14px;gap:8px;align-items:center;padding:7px;border:1px solid #202b38;border-radius:11px;background:#090e14;color:#e5e9ef}.home28-trending-mini>a:hover{border-color:#5e4522}.mini-art{width:38px;height:38px;display:grid;place-items:center;border-radius:9px;font-weight:900;font-size:8px;background:#131b25;border:1px solid #334154}.mini-pubg{color:#e8b24c;background:linear-gradient(145deg,#2c1f0b,#11151b)}.mini-free{font-size:20px;color:#6ba1ff;background:linear-gradient(145deg,#102449,#11151b)}.mini-app{font-size:20px;color:#dc78ff;background:linear-gradient(145deg,#2a1237,#11151b)}.home28-trending-mini b,.home28-trending-mini small{display:block}.home28-trending-mini b{font-size:9px}.home28-trending-mini small{font-size:8px;color:#737e8b;margin-top:2px}.home28-trending-mini strong{font-size:10px;color:#9ca5b1}.home28-view-all{display:block;margin-top:10px;padding:8px;text-align:center;border:1px solid #493719;border-radius:9px;color:#d7a84b!important;font-size:9px;background:#d5a13a09}
.home28-side-vip{display:flex;align-items:center;gap:11px;background:radial-gradient(circle at 15% 50%,#e6ad3530,transparent 36%),linear-gradient(145deg,#151008,#080a0d)}.vip-orb{width:51px;height:51px;flex:0 0 51px;display:grid;place-items:center;border:1px solid #9d6d24;border-radius:50%;background:radial-gradient(circle,#4c3515,#120e08 70%);color:#f3c35a;font-weight:1000;box-shadow:0 0 25px #dda63822}.home28-side-vip small,.home28-side-vip b{display:block}.home28-side-vip small{font-size:7px;letter-spacing:1px;color:#7e8792}.home28-side-vip b{font-size:9px;margin:4px 0}.home28-side-vip a{color:#e3ad45;font-size:8px}
@media(max-width:1500px){body[data-page="home"] .layout-home-full.home28-layout-with-rails{grid-template-columns:190px minmax(680px,1fr) 190px;gap:10px}.home28-sidecard{padding:12px}.home28-side-offer h3{font-size:20px}}
@media(max-width:1250px){body[data-page="home"] .layout-home-full.home28-layout-with-rails{display:block;max-width:1180px;padding:10px 14px 26px}.home28-rail{display:none}}

/* V30.5 — Approved TOFY PAY neon home only. Other pages intentionally untouched. */
body[data-page="home"]{
  --h-neon-pink:#ff2bd6;--h-neon-purple:#9b35ff;--h-neon-blue:#168cff;--h-neon-cyan:#26d9ff;
  --h-bg:#020714;--h-panel:#07101f;--h-panel2:#0a1022;--h-text:#f7f8ff;--h-muted:#9aa8c2;
  background:
    radial-gradient(circle at 18% 10%,rgba(22,140,255,.10),transparent 27%),
    radial-gradient(circle at 78% 14%,rgba(255,43,214,.08),transparent 25%),
    linear-gradient(180deg,#020611 0%,#030817 55%,#020611 100%)!important;
}
body[data-page="home"] .home28{color:var(--h-text)}
body[data-page="home"] .home28-hero{
  border-color:rgba(139,80,255,.68);background:#04091a;
  box-shadow:0 0 0 1px rgba(35,146,255,.16),0 0 30px rgba(34,118,255,.15),0 0 52px rgba(255,43,214,.10),0 24px 70px rgba(0,0,0,.55)
}
body[data-page="home"] .home28-hero:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:4;border-radius:inherit;box-shadow:inset 0 0 32px rgba(72,77,255,.12)}
body[data-page="home"] .home28-arrow{background:rgba(3,8,24,.76);border:1px solid rgba(111,83,255,.48);box-shadow:0 0 18px rgba(89,91,255,.22);backdrop-filter:blur(9px)}
body[data-page="home"] .home28-arrow:hover{color:#fff;border-color:var(--h-neon-pink);box-shadow:0 0 22px rgba(255,43,214,.45)}
body[data-page="home"] .home28-dots button{background:#566078}body[data-page="home"] .home28-dots button.is-on{background:#b774ff;box-shadow:0 0 12px #a646ff;width:30px}
body[data-page="home"] .home28-trust{border-color:#1c3f68;background:linear-gradient(180deg,rgba(8,18,36,.96),rgba(4,10,23,.98));box-shadow:0 0 25px rgba(22,140,255,.08)}
body[data-page="home"] .home28-trust article{border-left-color:#172b49}body[data-page="home"] .home28-trust article:nth-child(1) .ico{filter:drop-shadow(0 0 9px #c83dff)}body[data-page="home"] .home28-trust article:nth-child(2) .ico{filter:drop-shadow(0 0 9px #ff2bd6)}body[data-page="home"] .home28-trust article:nth-child(3) .ico{filter:drop-shadow(0 0 9px #168cff)}body[data-page="home"] .home28-trust article:nth-child(4) .ico{filter:drop-shadow(0 0 9px #26d9ff)}
body[data-page="home"] .home28-trust small,body[data-page="home"] .home28-game-card small{color:var(--h-muted)}
body[data-page="home"] .home28-title h2{color:#fff;text-shadow:0 0 18px rgba(113,81,255,.14)}body[data-page="home"] .home28-title a{color:#55c7ff}
body[data-page="home"] .home28-cats a{border-color:#1d3f67;background:linear-gradient(145deg,rgba(10,19,39,.98),rgba(4,10,23,.98));box-shadow:inset 0 0 28px rgba(28,92,176,.06),0 10px 28px rgba(0,0,0,.24)}
body[data-page="home"] .home28-cats a:nth-child(3n+1){border-color:#235fa0}body[data-page="home"] .home28-cats a:nth-child(3n+2){border-color:#65359a}body[data-page="home"] .home28-cats a:nth-child(3n){border-color:#7e2c79}
body[data-page="home"] .home28-cats a:hover{transform:translateY(-5px);border-color:#b845ff;box-shadow:0 0 0 1px rgba(37,143,255,.20),0 0 24px rgba(135,49,255,.26),0 16px 35px rgba(0,0,0,.45)}
body[data-page="home"] .home28-cats span{filter:drop-shadow(0 0 10px rgba(128,73,255,.45))}
body[data-page="home"] .home28-game-card{border-color:#203e68;background:linear-gradient(180deg,#081426,#050b17);box-shadow:0 12px 28px rgba(0,0,0,.30)}
body[data-page="home"] .home28-game-card:nth-child(even){border-color:#54337f}body[data-page="home"] .home28-game-card:hover{border-color:#2d9cff;box-shadow:0 0 24px rgba(22,140,255,.20),0 14px 30px rgba(0,0,0,.4)}
body[data-page="home"] .home28-promos .promo-card{border-color:#2a4c83;background:#061022;box-shadow:0 12px 34px rgba(0,0,0,.34),0 0 22px rgba(42,91,255,.08)}
body[data-page="home"] .home28-promos .promo-card:nth-child(2n){border-color:#74357d}body[data-page="home"] .home28-promos .promo-card:hover{border-color:#ff3ad9;box-shadow:0 0 28px rgba(255,43,214,.23),0 16px 34px rgba(0,0,0,.42)}
body[data-page="home"] .promo-card span{background:rgba(5,8,24,.80);border-color:rgba(186,66,255,.55);color:#fff;box-shadow:0 0 14px rgba(185,52,255,.18)}
body[data-page="home"] .home28-experience{border-color:rgba(89,91,255,.42);background:radial-gradient(circle at 18% 15%,rgba(38,217,255,.08),transparent 30%),radial-gradient(circle at 80% 10%,rgba(255,43,214,.09),transparent 30%),linear-gradient(180deg,#071020,#040a17);box-shadow:0 0 35px rgba(80,59,255,.10),0 24px 70px rgba(0,0,0,.34)}
body[data-page="home"] .home28-experience:after{background:linear-gradient(90deg,transparent,#2aa7ff,#c33dff,#ff35cf,transparent);box-shadow:0 0 18px rgba(135,59,255,.5)}
body[data-page="home"] .home28-experience-kicker{color:#9fdcff;border-color:rgba(65,151,255,.34);background:rgba(30,92,180,.08)}body[data-page="home"] .home28-experience-kicker:before,body[data-page="home"] .home28-experience-kicker:after{background:linear-gradient(90deg,transparent,#48bfff)}
body[data-page="home"] .home28-experience-head h2 em{color:#d15cff;text-shadow:0 0 24px rgba(202,61,255,.32)}body[data-page="home"] .home28-experience-head p{color:#9aa8c2}
body[data-page="home"] .experience-card{background:radial-gradient(circle at 50% 6%,color-mix(in srgb,var(--card-accent) 16%,transparent),transparent 46%),linear-gradient(180deg,rgba(8,18,38,.98),rgba(4,10,22,.99));box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 14px 32px rgba(0,0,0,.26)}
body[data-page="home"] .experience-security{--card-accent:#26d9ff}body[data-page="home"] .experience-luxury{--card-accent:#ff35cf}body[data-page="home"] .experience-speed{--card-accent:#168cff}body[data-page="home"] .experience-design{--card-accent:#a74dff}
body[data-page="home"] .home28-experience-rail{border-color:rgba(76,94,255,.24);background:rgba(4,10,23,.78);color:#91a0b8}body[data-page="home"] .home28-experience-rail b{color:#57cfff}
/* Existing global side rails on the home page: same approved neon language. */
body[data-page="home"] .home28-sidecard{border-color:#1d3f68;background:linear-gradient(160deg,#071224,#040a16 72%);box-shadow:0 16px 40px rgba(0,0,0,.38),0 0 22px rgba(37,108,255,.08),inset 0 1px 0 rgba(255,255,255,.035)}
body[data-page="home"] .home28-sidecard:before{background:linear-gradient(90deg,transparent,#1e9dff,#c23fff,#ff35cf,transparent)}
body[data-page="home"] .home28-sidecard-head b,body[data-page="home"] .home28-view-all,body[data-page="home"] .home28-side-vip a{color:#c864ff!important}
body[data-page="home"] .home28-side-primary,body[data-page="home"] .home28-side-offer>a{background:linear-gradient(135deg,#4b49ff,#b832ff 52%,#ff2bbd);color:#fff!important;box-shadow:0 0 18px rgba(184,50,255,.28)}
body[data-page="home"] .home28-wallet-mini{border-color:#493479;background:#080d1d}body[data-page="home"] .home28-wallet-mini b{color:#6ed7ff}body[data-page="home"] .home28-wallet-mini i{background:linear-gradient(135deg,#1d8cff,#bd36ff);color:#fff}
body[data-page="home"] .home28-quick-nav a:hover{border-color:#643aa4;background:rgba(160,53,255,.08)}body[data-page="home"] .home28-quick-nav .qico{border-color:#263f68;background:#09152a;color:#79d7ff}
body[data-page="home"] .home28-side-offer{background:radial-gradient(circle at 90% 15%,rgba(255,43,214,.24),transparent 36%),radial-gradient(circle at 20% 100%,rgba(22,140,255,.25),transparent 38%),linear-gradient(145deg,#071124,#040916)}
body[data-page="home"] .home28-side-offer .eyebrow{color:#f18aff;border-color:#66368b;background:#12091b}body[data-page="home"] .home28-side-offer h3 em{color:#53c9ff}
body[data-page="home"] .home28-trending-mini>a{border-color:#203b62;background:#071020}body[data-page="home"] .home28-trending-mini>a:hover{border-color:#a63dff}
body[data-page="home"] .home28-side-vip{background:radial-gradient(circle at 15% 50%,rgba(255,43,214,.18),transparent 36%),linear-gradient(145deg,#0d0b25,#050a16)}body[data-page="home"] .vip-orb{border-color:#a83fff;background:radial-gradient(circle,#4a1874,#0b0a1c 70%);color:#f2a4ff;box-shadow:0 0 26px rgba(190,57,255,.28)}
/* Light mode on this page is a luminous midnight variant, never white-on-white. */
html[data-theme="light"] body[data-page="home"]{background:radial-gradient(circle at 20% 0,rgba(61,122,255,.14),transparent 32%),linear-gradient(180deg,#091126,#07101f 55%,#060d1b)!important}
html[data-theme="light"] body[data-page="home"] .home28{color:#f8f9ff}
