/*
 * SBOTOTO R6.9.0.23 — Pre-login Elite Visual Pass V2
 * Scope: public homepage only. Visual enrichment only; no structural/grid/logic changes.
 */
body.reference-portal.page-home{
  --elite-gold:#f4c95f;
  --elite-gold-soft:#ffe6a2;
  --elite-crimson:#b50f22;
  --elite-crimson-deep:#510712;
  --elite-ink:#12070a;
  --elite-glass:rgba(25,7,11,.86);
}

@media (min-width:901px){
  body.reference-portal.page-home .topbar-inner{
    background:
      radial-gradient(circle at 16% 0,rgba(244,201,95,.075),transparent 28%),
      linear-gradient(180deg,rgba(55,5,10,.985),rgba(17,2,5,.995));
    border-color:rgba(244,201,95,.34);
    box-shadow:0 10px 28px rgba(0,0,0,.40),inset 0 1px rgba(255,239,190,.04);
  }
  body.reference-portal.page-home .brand-logo-native{
    filter:drop-shadow(0 4px 7px rgba(0,0,0,.55)) drop-shadow(0 0 8px rgba(57,133,255,.16));
  }
  body.reference-portal.page-home .brand-tagline{
    color:#f6d575;
    text-shadow:0 0 12px rgba(244,201,95,.18);
  }
  body.reference-portal.page-home .login-form input{
    border-color:rgba(244,201,95,.34);
    background:linear-gradient(180deg,rgba(255,255,255,.97),rgba(239,232,228,.96));
    box-shadow:inset 0 1px 4px rgba(41,9,13,.16),0 0 0 1px rgba(255,255,255,.035);
    transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;
  }
  body.reference-portal.page-home .login-form input:focus{
    border-color:#f2c85f;
    box-shadow:inset 0 1px 4px rgba(41,9,13,.12),0 0 0 2px rgba(244,201,95,.13),0 0 16px rgba(244,201,95,.12);
  }
  body.reference-portal.page-home .btn-login{
    border-color:#ffe080;
    background:linear-gradient(180deg,#ffe27d 0%,#efba39 48%,#b9770a 100%);
    box-shadow:inset 0 1px rgba(255,255,255,.68),inset 0 -1px rgba(88,48,0,.25),0 5px 13px rgba(0,0,0,.30),0 0 12px rgba(244,201,95,.12);
  }
  body.reference-portal.page-home .btn-register{
    border-color:rgba(255,217,116,.72);
    background:linear-gradient(180deg,#d81a2f 0%,#a00d1e 48%,#610813 100%);
    box-shadow:inset 0 1px rgba(255,255,255,.14),0 5px 13px rgba(0,0,0,.30),0 0 12px rgba(184,15,34,.16);
  }

  body.reference-portal.page-home .ticker-grid{
    border-color:rgba(244,201,95,.32);
    background:linear-gradient(180deg,#8f0b19,#51050e);
    box-shadow:inset 0 1px rgba(255,255,255,.035);
  }
  body.reference-portal.page-home .ticker-label{
    background:linear-gradient(180deg,#ffe27b,#e4a824 68%,#b87708);
    box-shadow:inset -1px 0 rgba(83,38,0,.28),inset 0 1px rgba(255,255,255,.5);
  }
  body.reference-portal.page-home .ticker-label span{
    color:#2ebd73;
    text-shadow:0 0 8px rgba(46,189,115,.55);
    animation:eliteLivePulse 1.8s ease-in-out infinite;
  }

  body.reference-portal.page-home .portal-nav-inner{
    background:
      linear-gradient(180deg,rgba(48,3,8,.985),rgba(17,2,5,.995)),
      url('../assets/pro-art/pattern-brocade-dark.webp') center/260px auto repeat;
  }
  body.reference-portal.page-home .portal-nav a{
    position:relative;
    overflow:hidden;
    border-color:rgba(235,77,89,.64);
    background:
      radial-gradient(circle at 50% 0,rgba(244,201,95,.09),transparent 45%),
      linear-gradient(180deg,#a71021 0%,#730a17 48%,#3d0610 100%);
    box-shadow:inset 0 1px rgba(255,255,255,.11),inset 0 -1px rgba(0,0,0,.28),0 5px 11px rgba(0,0,0,.30);
    transition:transform .18s ease,filter .18s ease,border-color .18s ease,box-shadow .18s ease;
  }
  body.reference-portal.page-home .portal-nav a::after{
    content:"";
    position:absolute;
    left:14%;right:14%;top:0;height:1px;
    background:linear-gradient(90deg,transparent,rgba(255,225,143,.75),transparent);
    opacity:.68;
    pointer-events:none;
  }
  body.reference-portal.page-home .portal-nav a:hover{
    transform:translateY(-2px);
    filter:brightness(1.08) saturate(1.06);
    border-color:rgba(255,214,112,.85);
    box-shadow:inset 0 1px rgba(255,255,255,.14),0 8px 16px rgba(0,0,0,.35),0 0 14px rgba(186,20,38,.18);
  }
  body.reference-portal.page-home .portal-nav .ui-icon-host{
    color:#fff3d0;
    filter:drop-shadow(0 2px 3px rgba(0,0,0,.52)) drop-shadow(0 0 5px rgba(244,201,95,.18));
  }
  body.reference-portal.page-home .portal-nav strong{color:#fff7ef;text-shadow:0 1px 2px rgba(0,0,0,.65)}

  body.reference-portal.page-home .main-shell>.page-grid{
    background:
      linear-gradient(180deg,rgba(52,3,9,.94),rgba(16,2,5,.985)),
      url('../assets/pro-art/pattern-brocade-dark.webp') center top/320px auto repeat;
    box-shadow:0 24px 54px rgba(0,0,0,.48),inset 0 1px rgba(255,225,143,.025);
  }

  body.reference-portal.page-home .sidebar-register{
    position:relative;
    overflow:hidden;
    border-color:#ffe084;
    background:linear-gradient(180deg,#ffe685 0%,#f1bd42 48%,#b9780a 100%);
    color:#3c1900;
    text-shadow:0 1px rgba(255,255,255,.35);
    box-shadow:inset 0 1px rgba(255,255,255,.68),inset 0 -1px rgba(89,47,0,.25),0 7px 16px rgba(0,0,0,.32),0 0 15px rgba(244,201,95,.15);
  }
  body.reference-portal.page-home .sidebar-register::before{
    content:"";
    position:absolute;inset:0;
    background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.26) 49%,transparent 68%);
    transform:translateX(-120%);
    animation:eliteCTAshine 4.8s ease-in-out infinite;
    pointer-events:none;
  }

  body.reference-portal.page-home .results-panel,
  body.reference-portal.page-home .transaction-box,
  body.reference-portal.page-home .support-card{
    border-color:rgba(244,201,95,.32);
    background:
      radial-gradient(circle at 92% 0,rgba(159,20,37,.20),transparent 34%),
      linear-gradient(160deg,rgba(51,8,14,.96),rgba(12,3,6,.99));
    box-shadow:0 8px 20px rgba(0,0,0,.32),inset 0 1px rgba(255,235,183,.035);
  }
  body.reference-portal.page-home .deposit-box{box-shadow:inset 2px 0 rgba(89,207,139,.35),0 8px 20px rgba(0,0,0,.32)}
  body.reference-portal.page-home .withdraw-box{box-shadow:inset 2px 0 rgba(93,159,255,.32),0 8px 20px rgba(0,0,0,.32)}
  body.reference-portal.page-home .panel-heading{
    background:linear-gradient(180deg,rgba(177,17,35,.94),rgba(83,7,17,.98));
    border-bottom-color:rgba(244,201,95,.30);
    box-shadow:inset 0 1px rgba(255,255,255,.055);
  }
  body.reference-portal.page-home .panel-heading::after{
    content:"";position:absolute;left:8px;right:8px;bottom:0;height:1px;
    background:linear-gradient(90deg,rgba(255,225,137,.65),rgba(255,225,137,.06),transparent);
  }
  body.reference-portal.page-home .panel-status{
    padding:2px 4px;
    border:1px solid rgba(107,236,158,.26);
    border-radius:99px;
    background:rgba(30,129,76,.13);
    color:#8ff0b4;
    box-shadow:0 0 8px rgba(57,213,119,.08);
  }
  body.reference-portal.page-home .transaction-item{
    border-bottom-color:rgba(255,255,255,.055);
  }
  body.reference-portal.page-home .transaction-item:hover{
    background:linear-gradient(90deg,rgba(255,255,255,.025),transparent);
  }
  body.reference-portal.page-home .transaction-item strong{
    color:#ffe08a;
    text-shadow:0 0 8px rgba(244,201,95,.10);
  }
  body.reference-portal.page-home .avatar{
    border:1px solid rgba(255,226,145,.20);
    box-shadow:inset 0 1px rgba(255,255,255,.09),0 3px 8px rgba(0,0,0,.24);
  }
  body.reference-portal.page-home .support-card{
    position:relative;
    background:
      radial-gradient(circle at 10% 50%,rgba(244,201,95,.10),transparent 30%),
      radial-gradient(circle at 90% 0,rgba(176,18,36,.22),transparent 35%),
      linear-gradient(145deg,#3a0911,#120407);
  }
  body.reference-portal.page-home .support-icon{
    display:grid;place-items:center;
    border:1px solid rgba(244,201,95,.34);
    border-radius:50%;
    background:radial-gradient(circle at 35% 30%,#b42a3e,#5a0913 58%,#230408);
    color:#ffe9af;
    box-shadow:inset 0 1px rgba(255,255,255,.12),0 4px 10px rgba(0,0,0,.28),0 0 13px rgba(183,24,43,.14);
  }

  body.reference-portal.page-home .hero{
    border-color:rgba(244,201,95,.62);
    background:
      linear-gradient(90deg,rgba(20,2,5,.98) 0%,rgba(55,5,12,.94) 44%,rgba(20,2,6,.42) 100%),
      url('../assets/pro-art/dragon-cloud-red-gold.webp') right center/auto 120% no-repeat,
      url('../assets/pro-art/pattern-brocade-dark.webp') center/360px auto repeat;
    box-shadow:0 14px 32px rgba(0,0,0,.44),inset 0 1px rgba(255,244,205,.05),0 0 0 1px rgba(110,15,29,.16);
  }
  body.reference-portal.page-home .hero::before{
    background:
      radial-gradient(circle at 78% 46%,rgba(244,201,95,.12),transparent 20%),
      radial-gradient(circle at 70% 38%,rgba(181,15,34,.32),transparent 33%),
      linear-gradient(110deg,transparent 46%,rgba(255,240,192,.025) 70%,transparent);
  }
  body.reference-portal.page-home .hero::after{
    color:transparent;
    -webkit-text-stroke:1px rgba(255,222,129,.14);
    text-shadow:0 0 58px rgba(183,20,39,.35);
    opacity:.58;
  }
  body.reference-portal.page-home .hero-kicker{
    color:#ffe091;
    text-shadow:0 0 12px rgba(244,201,95,.16);
  }
  body.reference-portal.page-home .hero h1{
    color:#fff7ef;
    text-shadow:0 4px 18px rgba(0,0,0,.58),0 0 24px rgba(190,26,44,.10);
  }
  body.reference-portal.page-home .hero h2{color:#ead9d8}
  body.reference-portal.page-home .hero-actions>a:not(.btn){color:#f1d58f}
  body.reference-portal.page-home .pe-hero-orbit{
    border-color:rgba(244,201,95,.34);
    background:radial-gradient(circle,rgba(100,12,23,.28),rgba(10,2,5,.02) 62%);
    box-shadow:0 0 0 28px rgba(244,201,95,.025),0 0 0 58px rgba(169,17,34,.055),0 0 32px rgba(244,201,95,.09);
  }
  body.reference-portal.page-home .pe-hero-logo{
    filter:drop-shadow(0 16px 24px rgba(0,0,0,.58)) drop-shadow(0 0 14px rgba(49,131,255,.20));
  }
  body.reference-portal.page-home .pe-hero-brand::before{
    content:"";
    position:absolute;
    width:72%;aspect-ratio:1;
    background:url('../assets/pro-art/medallion-ring.png') center/contain no-repeat;
    opacity:.45;
    filter:drop-shadow(0 0 14px rgba(244,201,95,.10));
    animation:r690Orbit 24s linear infinite reverse;
  }
  body.reference-portal.page-home .pe-hero-chip{
    border-color:rgba(244,201,95,.38);
    background:linear-gradient(180deg,rgba(39,10,15,.78),rgba(13,4,7,.84));
    color:#ffe8ab;
    box-shadow:inset 0 1px rgba(255,255,255,.07),0 5px 12px rgba(0,0,0,.24);
  }

  body.reference-portal.page-home .pg22-feature{
    border-color:rgba(244,201,95,.38);
    background:
      radial-gradient(circle at 80% 10%,rgba(244,201,95,.08),transparent 28%),
      linear-gradient(160deg,#2b0710,#0d0306 75%);
    box-shadow:0 8px 18px rgba(0,0,0,.34),inset 0 1px rgba(255,239,195,.035);
  }
  body.reference-portal.page-home .pg22-feature::after{
    background:linear-gradient(180deg,rgba(6,2,4,.02) 10%,rgba(8,3,5,.22) 43%,rgba(8,3,5,.96) 100%);
  }
  body.reference-portal.page-home .pg22-feature:hover{
    border-color:rgba(255,222,132,.70);
    box-shadow:0 12px 25px rgba(0,0,0,.42),0 0 17px rgba(184,22,40,.12);
  }
  body.reference-portal.page-home .pg22-feature:nth-child(1){background-image:linear-gradient(160deg,rgba(51,10,17,.78),rgba(10,3,5,.97)),url('../assets/pro-art/frame-toto.webp')}
  body.reference-portal.page-home .pg22-feature:nth-child(2){background-image:linear-gradient(160deg,rgba(18,24,45,.75),rgba(8,4,8,.98)),url('../assets/pro-art/frame-sports.webp')}
  body.reference-portal.page-home .pg22-feature:nth-child(3){background-image:linear-gradient(160deg,rgba(31,17,35,.76),rgba(8,4,8,.98)),url('../assets/pro-art/frame-live.webp')}
  body.reference-portal.page-home .pg22-feature:nth-child(4){background-image:linear-gradient(160deg,rgba(50,20,8,.55),rgba(8,4,6,.96)),url('../assets/pro-art/frame-slot.webp')}
  body.reference-portal.page-home .pg22-feature{background-size:cover;background-position:center}
  body.reference-portal.page-home .pg22-feature:nth-child(2) img,
  body.reference-portal.page-home .pg22-feature:nth-child(3) img{
    width:64%;height:64%;left:34%;top:-1%;right:auto;bottom:auto;
    object-fit:contain;
    opacity:.88;
    filter:drop-shadow(0 8px 14px rgba(0,0,0,.54));
  }
  body.reference-portal.page-home .pg22-feature:nth-child(4) img{
    opacity:.90;filter:saturate(1.12) contrast(1.05) brightness(.80);
  }
  body.reference-portal.page-home .pg22-feature h3{text-shadow:0 3px 10px rgba(0,0,0,.62)}
  body.reference-portal.page-home .pg22-feature a{
    border-color:rgba(255,225,140,.48);
    background:linear-gradient(180deg,rgba(183,20,39,.90),rgba(91,8,18,.94));
    color:#fff0c4;
    box-shadow:inset 0 1px rgba(255,255,255,.09),0 3px 7px rgba(0,0,0,.22);
  }

  body.reference-portal.page-home .service-strip{
    border-color:rgba(244,201,95,.34);
    background:
      radial-gradient(circle at 0 0,rgba(168,18,35,.22),transparent 28%),
      linear-gradient(180deg,rgba(36,7,12,.97),rgba(13,3,6,.99));
    box-shadow:0 7px 16px rgba(0,0,0,.30),inset 0 1px rgba(255,240,196,.025);
  }
  body.reference-portal.page-home .service-strip article{
    position:relative;
    border-right-color:rgba(244,201,95,.12);
  }
  body.reference-portal.page-home .service-strip article::before{
    content:"";position:absolute;left:0;right:0;top:0;height:1px;
    background:linear-gradient(90deg,transparent,rgba(244,201,95,.26),transparent);
  }
  body.reference-portal.page-home .service-strip small{color:#d8b968}
  body.reference-portal.page-home .service-strip strong{color:#fff0c5;text-shadow:0 0 10px rgba(244,201,95,.10)}
  body.reference-portal.page-home .progress{background:#241016;box-shadow:inset 0 1px 2px rgba(0,0,0,.55)}
  body.reference-portal.page-home .progress i{background:linear-gradient(90deg,#b8142a,#f5ca62);box-shadow:0 0 7px rgba(244,201,95,.24)}
  body.reference-portal.page-home .member-online strong{color:#8af0b4;text-shadow:0 0 10px rgba(66,220,128,.17)}
  body.reference-portal.page-home .search-pill{
    border:1px solid rgba(244,201,95,.22);
    background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(228,220,216,.95));
    box-shadow:inset 0 1px rgba(255,255,255,.6),0 3px 8px rgba(0,0,0,.22);
  }

  body.reference-portal.page-home .feature-menu a{
    border-color:rgba(244,201,95,.30);
    background:
      radial-gradient(circle at 14% 22%,color-mix(in srgb,var(--feature-accent) 30%,transparent),transparent 28%),
      linear-gradient(145deg,rgba(48,9,15,.97),rgba(10,3,6,.99));
    box-shadow:0 6px 14px rgba(0,0,0,.30),inset 0 1px rgba(255,238,194,.03);
  }
  body.reference-portal.page-home .feature-menu a:hover{border-color:rgba(255,225,140,.62);box-shadow:0 9px 20px rgba(0,0,0,.38),0 0 13px color-mix(in srgb,var(--feature-accent) 17%,transparent)}
  body.reference-portal.page-home .feature-menu .ui-icon-host{
    border-color:rgba(244,201,95,.34);
    background:radial-gradient(circle at 34% 28%,color-mix(in srgb,var(--feature-accent) 72%,#fff 8%),color-mix(in srgb,var(--feature-accent) 54%,#19070b) 54%,#120407 100%);
    color:#ffe7a7;
    box-shadow:inset 0 1px rgba(255,255,255,.13),inset 0 -5px 8px rgba(0,0,0,.26),0 3px 8px rgba(0,0,0,.30),0 0 9px color-mix(in srgb,var(--feature-accent) 20%,transparent);
  }

  body.reference-portal.page-home .section-card,
  body.reference-portal.page-home .bank-schedule{
    border-color:rgba(244,201,95,.33);
    background:
      radial-gradient(circle at 90% 0,rgba(151,18,33,.14),transparent 30%),
      linear-gradient(180deg,#2a070d,#0d0306 82%);
    box-shadow:0 9px 20px rgba(0,0,0,.34),inset 0 1px rgba(255,238,194,.025);
  }
  body.reference-portal.page-home .section-title,
  body.reference-portal.page-home .latest-pools-heading,
  body.reference-portal.page-home .bank-schedule-header{
    background:linear-gradient(180deg,#790b17,#3a0610);
    border-bottom-color:rgba(244,201,95,.31);
    box-shadow:inset 0 1px rgba(255,255,255,.045);
  }
  body.reference-portal.page-home .pool-card{
    border-color:rgba(244,201,95,.32);
    background:linear-gradient(160deg,rgba(38,8,13,.96),rgba(8,3,5,.99));
    box-shadow:0 5px 12px rgba(0,0,0,.30),inset 0 1px rgba(255,238,194,.025);
  }
  body.reference-portal.page-home .pool-card:hover{
    border-color:rgba(255,224,137,.66);
    box-shadow:0 9px 18px rgba(0,0,0,.39),0 0 14px color-mix(in srgb,var(--pro-market-accent2,#f4c95f) 14%,transparent);
  }
  body.reference-portal.page-home .pool-card[data-pro-market]{
    background-image:linear-gradient(180deg,rgba(5,2,4,.02) 18%,rgba(7,3,5,.90) 76%),var(--pro-market-bg);
  }
  body.reference-portal.page-home .pool-result-number{
    color:#fff4c8;
    text-shadow:0 2px 7px rgba(0,0,0,.74),0 0 10px color-mix(in srgb,var(--pro-market-accent2,#f4c95f) 20%,transparent);
  }
  body.reference-portal.page-home .pool-card-copy{
    background:linear-gradient(180deg,rgba(18,5,8,.80),rgba(8,2,4,.96));
    border-top:1px solid rgba(244,201,95,.13);
  }

  body.reference-portal.page-home .bank-card{
    border-color:rgba(244,201,95,.26);
    background:
      radial-gradient(circle at 80% 0,rgba(244,201,95,.055),transparent 30%),
      linear-gradient(180deg,#25070c,#0b0305);
    box-shadow:0 4px 10px rgba(0,0,0,.28),inset 0 1px rgba(255,239,195,.025);
  }
  body.reference-portal.page-home .bank-card:hover{
    border-color:rgba(255,225,140,.56);
    box-shadow:0 7px 15px rgba(0,0,0,.36),0 0 12px rgba(244,201,95,.07);
  }
  body.reference-portal.page-home .bank-status-dot{
    box-shadow:0 0 0 2px rgba(50,223,127,.08),0 0 8px rgba(50,223,127,.35);
  }
  body.reference-portal.page-home .bank-status-label{color:#86e9ad}

  body.reference-portal.page-home .trust-strip-section{
    border-color:rgba(244,201,95,.30);
    background:linear-gradient(180deg,#26060c,#0e0205);
    box-shadow:0 7px 14px rgba(0,0,0,.28),inset 0 1px rgba(255,237,190,.025);
  }
  body.reference-portal.page-home .trust-strip-track img{filter:saturate(1.04) contrast(1.03) brightness(.94)}

  body.reference-portal.page-home .footer{
    border-color:rgba(244,201,95,.31);
    border-top-color:#f1c45b;
    background:
      linear-gradient(180deg,rgba(41,5,10,.98),rgba(9,2,4,.995)),
      url('../assets/pro-art/pattern-brocade-dark.webp') center/300px auto repeat;
    box-shadow:0 20px 42px rgba(0,0,0,.46),inset 0 1px rgba(255,238,194,.025);
  }
  body.reference-portal.page-home .footer-info-grid .info-card{
    border-color:rgba(244,201,95,.22);
    background:radial-gradient(circle at 8% 20%,rgba(154,19,35,.20),transparent 32%),linear-gradient(145deg,rgba(44,9,14,.90),rgba(10,3,5,.95));
  }
  body.reference-portal.page-home .footer-info-grid .info-card:hover{
    border-color:rgba(255,225,140,.45);
    box-shadow:0 7px 15px rgba(0,0,0,.28),0 0 10px rgba(244,201,95,.05);
  }
}

@keyframes eliteLivePulse{0%,100%{opacity:.65;transform:scale(.86)}50%{opacity:1;transform:scale(1.08)}}
@keyframes eliteCTAshine{0%,68%{transform:translateX(-130%)}84%,100%{transform:translateX(130%)}}

@media (prefers-reduced-motion:reduce){
  body.reference-portal.page-home .ticker-label span,
  body.reference-portal.page-home .sidebar-register::before,
  body.reference-portal.page-home .pe-hero-brand::before{animation:none!important}
}

/* R6.9.0.23 hero image slides. Add supplied promo artwork without changing layout structure. */
body.reference-portal.page-home .hero{
  isolation:isolate;
}
body.reference-portal.page-home .hero-slide{
  position:absolute;
  inset:0;
  opacity:0;
  pointer-events:none;
  transition:opacity .42s ease,transform .42s ease;
  transform:translate3d(12px,0,0);
}
body.reference-portal.page-home .hero-slide.active{
  opacity:1;
  pointer-events:auto;
  transform:translate3d(0,0,0);
}
body.reference-portal.page-home .hero-slide-banner{
  padding:0;
  display:block;
}
body.reference-portal.page-home .hero-banner-link{
  position:relative;
  display:block;
  width:100%;
  height:100%;
  color:inherit;
  text-decoration:none;
}
body.reference-portal.page-home .hero-banner-media,
body.reference-portal.page-home .hero-banner-media img{
  display:block;
  width:100%;
  height:100%;
}
body.reference-portal.page-home .hero-banner-media img{
  object-fit:cover;
  object-position:center;
}
body.reference-portal.page-home .hero-arrow,
body.reference-portal.page-home .hero-dots{
  z-index:12;
}

@media (max-width:640px){
  body.reference-portal.page-home .hero-slide{
    transform:translate3d(0,0,0);
  }
          }