/*
 * SBOTOTO R6.9.0.23 — Pre-login Elite Visual Pass V3
 * Visual-only refinement. No layout/logic changes.
 * IMPORTANT: website/body background is intentionally NOT overridden here.
 */

body.reference-portal.page-home{
  --v3-gold:#f6ce68;
  --v3-gold-hi:#ffe9a6;
  --v3-red:#c3152b;
  --v3-red-deep:#610814;
  --v3-line:rgba(246,206,104,.34);
}

/* Header + login: stronger hierarchy, same geometry. */
body.reference-portal.page-home .topbar-inner{
  border-bottom-color:rgba(246,206,104,.42);
  box-shadow:0 7px 18px rgba(0,0,0,.34),inset 0 -1px rgba(246,206,104,.05);
}
body.reference-portal.page-home .login-form input{
  transition:border-color .18s ease,box-shadow .18s ease,filter .18s ease;
}
body.reference-portal.page-home .login-form input:hover{
  border-color:rgba(246,206,104,.58);
  filter:brightness(1.02);
}
body.reference-portal.page-home .btn-login,
body.reference-portal.page-home .login-form .btn-register{
  position:relative;
  overflow:hidden;
  isolation:isolate;
}
body.reference-portal.page-home .btn-login::after,
body.reference-portal.page-home .login-form .btn-register::after{
  content:"";
  position:absolute;
  inset:-35% auto -35% -45%;
  width:42%;
  transform:skewX(-18deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.38),transparent);
  opacity:0;
  transition:transform .42s ease,opacity .16s ease;
  pointer-events:none;
}
body.reference-portal.page-home .btn-login:hover::after,
body.reference-portal.page-home .login-form .btn-register:hover::after{
  transform:translateX(330%) skewX(-18deg);
  opacity:.72;
}

/* Navigation: clearer active/hover state without moving items. */
body.reference-portal.page-home .portal-nav a{
  isolation:isolate;
}
body.reference-portal.page-home .portal-nav a::before{
  content:"";
  position:absolute;
  left:12%;right:12%;bottom:3px;height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,transparent,var(--v3-gold),transparent);
  transform:scaleX(.12);
  opacity:0;
  transition:transform .18s ease,opacity .18s ease;
  pointer-events:none;
}
body.reference-portal.page-home .portal-nav a:hover::before,
body.reference-portal.page-home .portal-nav a:focus-visible::before{
  transform:scaleX(1);
  opacity:.92;
}

/* Sidebar panels: improve scanning and data emphasis. */
body.reference-portal.page-home .sidebar-register{
  letter-spacing:.45px;
  box-shadow:inset 0 1px rgba(255,255,255,.68),0 7px 15px rgba(0,0,0,.34),0 0 17px rgba(246,206,104,.14);
}
body.reference-portal.page-home .transaction-box,
body.reference-portal.page-home .results-panel,
body.reference-portal.page-home .support-card{
  position:relative;
  isolation:isolate;
}
body.reference-portal.page-home .transaction-box::after,
body.reference-portal.page-home .results-panel::after,
body.reference-portal.page-home .support-card::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.018);
  pointer-events:none;
}
body.reference-portal.page-home .deposit-box .panel-heading{box-shadow:inset 3px 0 #52d78d,inset 0 1px rgba(255,255,255,.05)}
body.reference-portal.page-home .withdraw-box .panel-heading{box-shadow:inset 3px 0 #69a6ff,inset 0 1px rgba(255,255,255,.05)}
body.reference-portal.page-home .transaction-item{
  border-radius:5px;
  transition:background .16s ease,transform .16s ease;
}
body.reference-portal.page-home .transaction-item:hover{
  transform:translateX(2px);
  background:linear-gradient(90deg,rgba(246,206,104,.055),transparent 78%);
}
body.reference-portal.page-home .deposit-box .transaction-item strong{color:#83e9a8}
body.reference-portal.page-home .withdraw-box .transaction-item strong{color:#8ab7ff}
body.reference-portal.page-home .latest-news a span{
  color:#f5dfaa;
  transition:color .15s ease;
}
body.reference-portal.page-home .latest-news:hover a span{color:#fff1c7}
body.reference-portal.page-home .support-card strong{
  text-shadow:0 0 12px rgba(246,206,104,.16);
}

/* Hero image-only carousel. Keep supplied artwork unobstructed. */
body.reference-portal.page-home .hero{
  border-color:rgba(246,206,104,.56);
  box-shadow:0 11px 26px rgba(0,0,0,.40),0 0 0 1px rgba(112,10,23,.16);
}
body.reference-portal.page-home .hero-banner-media img{
  filter:saturate(1.025) contrast(1.018);
  transition:filter .4s ease,transform 5.2s ease;
}
body.reference-portal.page-home .hero-slide.active .hero-banner-media img{
  transform:scale(1.008);
}
body.reference-portal.page-home .hero-arrow{
  border-color:rgba(255,229,151,.52);
  background:rgba(38,5,10,.74);
  box-shadow:0 4px 13px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.08);
  backdrop-filter:blur(7px);
  transition:transform .16s ease,background .16s ease,border-color .16s ease;
}
body.reference-portal.page-home .hero-arrow:hover{
  transform:translateY(-50%) scale(1.07);
  border-color:#ffe7a0;
  background:rgba(117,9,22,.90);
}
body.reference-portal.page-home .hero-dots button{
  border-radius:999px;
  box-shadow:0 1px 3px rgba(0,0,0,.38);
  transition:width .2s ease,background .2s ease,box-shadow .2s ease;
}
body.reference-portal.page-home .hero-dots button.active{
  box-shadow:0 0 10px rgba(246,206,104,.38);
}

/* Four category cards: existing assets, stronger art direction. */
body.reference-portal.page-home .pg22-feature{
  border-color:rgba(246,206,104,.38);
  isolation:isolate;
  transform:translateZ(0);
}
body.reference-portal.page-home .pg22-feature::before{
  content:"";
  position:absolute;
  z-index:1;
  left:0;right:0;top:0;height:2px;
  background:linear-gradient(90deg,transparent,var(--card-accent,var(--v3-gold)),transparent);
  opacity:.78;
  pointer-events:none;
}
body.reference-portal.page-home .pg22-feature:nth-child(1){--card-accent:#ffd468}
body.reference-portal.page-home .pg22-feature:nth-child(2){--card-accent:#69adff}
body.reference-portal.page-home .pg22-feature:nth-child(3){--card-accent:#d58cff}
body.reference-portal.page-home .pg22-feature:nth-child(4){--card-accent:#ff9663}
body.reference-portal.page-home .pg22-feature img,
body.reference-portal.page-home .pg22-feature:nth-child(2) img,
body.reference-portal.page-home .pg22-feature:nth-child(3) img,
body.reference-portal.page-home .pg22-feature:nth-child(4) img{
  inset:0;
  width:100%;height:100%;
  object-fit:cover;
  opacity:.90;
  filter:saturate(1.08) contrast(1.05) brightness(.82);
  transition:transform .42s ease,filter .42s ease;
}
body.reference-portal.page-home .pg22-feature::after{
  z-index:1;
  background:
    linear-gradient(180deg,rgba(7,2,4,.03) 4%,rgba(7,2,4,.14) 36%,rgba(7,2,4,.92) 82%,rgba(7,2,4,.99) 100%),
    linear-gradient(110deg,rgba(5,2,4,.26),transparent 54%);
}
body.reference-portal.page-home .pg22-feature:hover img{
  transform:scale(1.055);
  filter:saturate(1.16) contrast(1.07) brightness(.91);
}
body.reference-portal.page-home .pg22-feature-content{
  z-index:3;
}
body.reference-portal.page-home .pg22-feature small{
  display:inline-flex;
  width:max-content;
  padding:3px 6px;
  border:1px solid color-mix(in srgb,var(--card-accent) 48%,transparent);
  border-radius:999px;
  background:rgba(17,4,7,.55);
  color:color-mix(in srgb,var(--card-accent) 78%,#fff 22%);
  backdrop-filter:blur(5px);
}
body.reference-portal.page-home .pg22-feature h3{
  color:#fff8ee;
  letter-spacing:-.4px;
  text-shadow:0 3px 11px rgba(0,0,0,.76),0 0 14px color-mix(in srgb,var(--card-accent) 14%,transparent);
}
body.reference-portal.page-home .pg22-feature p{color:#e4d7d7}
body.reference-portal.page-home .pg22-feature a{
  border-color:color-mix(in srgb,var(--card-accent) 50%,rgba(255,255,255,.10));
  background:linear-gradient(180deg,rgba(71,9,17,.88),rgba(24,4,8,.94));
  color:#fff0c7;
  transition:transform .16s ease,border-color .16s ease,filter .16s ease;
}
body.reference-portal.page-home .pg22-feature a:hover{
  transform:translateY(-1px);
  border-color:color-mix(in srgb,var(--card-accent) 78%,#fff 8%);
  filter:brightness(1.10);
}

/* Service strip: status values stand out without restructuring. */
body.reference-portal.page-home .service-strip article{
  transition:background .16s ease;
}
body.reference-portal.page-home .service-strip article:hover{
  background:linear-gradient(180deg,rgba(246,206,104,.04),rgba(255,255,255,.01));
}
body.reference-portal.page-home .service-strip small{letter-spacing:.75px}
body.reference-portal.page-home .service-strip strong{font-variant-numeric:tabular-nums}
body.reference-portal.page-home .member-online strong{
  position:relative;
}
body.reference-portal.page-home .member-online strong::before{
  content:"";
  display:inline-block;
  width:6px;height:6px;
  margin-right:5px;
  border-radius:50%;
  background:#5ce093;
  box-shadow:0 0 8px rgba(92,224,147,.68);
  vertical-align:middle;
}

/* Quick access: duotone depth and individual identity. */
body.reference-portal.page-home .feature-menu a:nth-child(1){--feature-v3:#ff9b55}
body.reference-portal.page-home .feature-menu a:nth-child(2){--feature-v3:#6da9ff}
body.reference-portal.page-home .feature-menu a:nth-child(3){--feature-v3:#f0c75f}
body.reference-portal.page-home .feature-menu a:nth-child(4){--feature-v3:#8fdfb0}
body.reference-portal.page-home .feature-menu a:nth-child(5){--feature-v3:#dc83ff}
body.reference-portal.page-home .feature-menu a{
  position:relative;
  overflow:hidden;
}
body.reference-portal.page-home .feature-menu a::after{
  content:"";
  position:absolute;
  width:48px;height:48px;
  right:-20px;top:-20px;
  border-radius:50%;
  background:var(--feature-v3);
  filter:blur(22px);
  opacity:.13;
  pointer-events:none;
}
body.reference-portal.page-home .feature-menu .ui-icon-host{
  border:1px solid color-mix(in srgb,var(--feature-v3) 44%,rgba(246,206,104,.20));
  background:
    radial-gradient(circle at 32% 24%,rgba(255,255,255,.20),transparent 24%),
    linear-gradient(145deg,color-mix(in srgb,var(--feature-v3) 48%,#54101a),#24070c 72%);
  box-shadow:inset 0 1px rgba(255,255,255,.12),0 4px 10px rgba(0,0,0,.30),0 0 12px color-mix(in srgb,var(--feature-v3) 18%,transparent);
}
body.reference-portal.page-home .feature-menu strong{color:#fff3dd}

/* Latest Results: more legible result hierarchy. */
body.reference-portal.page-home .latest-pools-heading h2{
  text-shadow:0 2px 10px rgba(0,0,0,.35);
}
body.reference-portal.page-home .pool-card{
  overflow:hidden;
  isolation:isolate;
}
body.reference-portal.page-home .pool-card-image img{
  transition:transform .36s ease,filter .36s ease;
}
body.reference-portal.page-home .pool-card:hover .pool-card-image img{
  transform:scale(1.035);
  filter:saturate(1.08) contrast(1.03);
}
body.reference-portal.page-home .pool-result-number{
  padding:2px 5px;
  border-radius:5px;
  background:rgba(12,3,6,.48);
  backdrop-filter:blur(4px);
}
body.reference-portal.page-home .pool-card-copy b{
  display:grid;
  place-items:center;
  width:24px;height:24px;
  border:1px solid rgba(246,206,104,.24);
  border-radius:50%;
  background:rgba(102,9,20,.46);
  color:#ffe39a;
}
body.reference-portal.page-home .pools-status-row>span{
  padding:3px 7px;
  border:1px solid rgba(88,220,143,.18);
  border-radius:999px;
  background:rgba(36,143,83,.09);
}

/* Bank schedule: cleaner status card depth. */
body.reference-portal.page-home .bank-card{
  overflow:hidden;
  isolation:isolate;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;
}
body.reference-portal.page-home .bank-card::before{
  content:"";
  position:absolute;
  width:72px;height:72px;
  right:-30px;bottom:-36px;
  border:1px solid rgba(246,206,104,.12);
  border-radius:50%;
  box-shadow:0 0 0 13px rgba(246,206,104,.025);
  pointer-events:none;
}
body.reference-portal.page-home .bank-card:hover{transform:translateY(-2px)}
body.reference-portal.page-home .bank-wordmark strong{color:#fff0c8}
body.reference-portal.page-home .bank-wordmark small{color:#b9a8aa}

/* Floating quick support: compact premium treatment. */
body.reference-portal.page-home .asean-circle-menu__toggle{
  position:relative;
  border-color:rgba(255,225,140,.58);
  background:
    radial-gradient(circle at 32% 24%,rgba(255,255,255,.16),transparent 24%),
    linear-gradient(145deg,#d11a30,#670813 62%,#32040a);
  box-shadow:0 10px 24px rgba(0,0,0,.40),inset 0 1px rgba(255,255,255,.14),0 0 14px rgba(205,25,47,.18);
}
body.reference-portal.page-home .asean-circle-menu__toggle::after{
  content:"";
  position:absolute;
  inset:-5px;
  border:1px solid rgba(246,206,104,.20);
  border-radius:50%;
  pointer-events:none;
}
body.reference-portal.page-home .asean-circle-menu__link{
  border-color:rgba(246,206,104,.30);
  background:linear-gradient(145deg,rgba(54,8,14,.97),rgba(13,3,6,.98));
  box-shadow:0 7px 16px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.025);
  transition:transform .15s ease,border-color .15s ease;
}
body.reference-portal.page-home .asean-circle-menu__link:hover{
  transform:translateX(-2px);
  border-color:rgba(255,226,143,.62);
}
body.reference-portal.page-home .menu-badge{
  border:1px solid rgba(246,206,104,.30);
  background:linear-gradient(145deg,#8e0c1c,#3c0710);
  color:#ffe7a7;
}

/* Accessible focus treatment for all refined controls. */
body.reference-portal.page-home :is(.portal-nav a,.pg22-feature a,.feature-menu a,.pool-card,.bank-card,.sidebar-register,.asean-circle-menu__link,.asean-circle-menu__toggle,.hero-arrow):focus-visible{
  outline:2px solid #ffe18a;
  outline-offset:2px;
}

@media (prefers-reduced-motion:reduce){
  body.reference-portal.page-home .hero-banner-media img,
  body.reference-portal.page-home .pg22-feature img,
  body.reference-portal.page-home .pool-card-image img,
  body.reference-portal.page-home .transaction-item,
  body.reference-portal.page-home .bank-card{
    transition:none!important;
    transform:none!important;
  }
}