/* FIX118 — customer theme: vivid orange gradient + black + gold
   Inspired only by the supplied color palette; no third-party logo/text is used. */
:root{
 --hh-orange:#ff7a00;--hh-orange2:#ff9d00;--hh-redorange:#ff3d32;
 --hh-pinkorange:#ff365f;--hh-gold:#f6c453;--hh-gold2:#d89a22;
 --hh-black:#070707;--hh-black2:#11100e;--hh-card:#17130f;--hh-text:#fff7e8;
 --theme-primary:#ff7a00!important;--theme-secondary:#f6c453!important;
 --theme-bg:#070707!important;--theme-card:#17130f!important;--theme-text:#fff7e8!important;
}
html,body{background:#070707!important;color:var(--hh-text)!important}
body:before{content:"";position:fixed;inset:0;z-index:-3;background:
 radial-gradient(circle at 8% 0%,rgba(255,157,0,.22),transparent 32%),
 radial-gradient(circle at 94% 8%,rgba(255,54,95,.13),transparent 28%),
 linear-gradient(180deg,#130900 0,#070707 42%,#030303 100%)!important}
.fixed-bg{background:
 radial-gradient(circle at 15% 5%,rgba(255,122,0,.18),transparent 30%),
 linear-gradient(180deg,#120900,#050505)!important}
a{color:#f6c453}.text-success,.text-blue,.text-gold{color:#f6c453!important}
.border-success,.border-gold{border-color:#f6c453!important}
.card,.card-main,.bglogin,.subbglogin,.modal-content,.dropdown-menu,.list-group-item,
.bg-dark_bkk,.bg-success_bkk{background:#15110d!important;color:#fff7e8!important;border-color:#8d5a15!important}
.form-control,select.form-control,.custom-select{background:#090909!important;color:#fff!important;border:1px solid #b97818!important}
.form-control:focus{border-color:#ff8a00!important;box-shadow:0 0 0 .18rem rgba(255,122,0,.2)!important}
.btn-primary,.btn-success,.btn-warning,.btn-danger_bkk,.btn-primary_bkk,.btn-success_bkk,
.menu-money,.btn-register-lottovip{background:linear-gradient(135deg,#ff9d00 0%,#ff7100 48%,#ff3d32 100%)!important;
 color:#090909!important;border:1px solid #f6c453!important;box-shadow:0 4px 14px rgba(255,105,0,.18)}
.btn-outline-primary,.btn-outline-warning,.btn-outline-dark-2{border-color:#f6c453!important;color:#f6c453!important;background:#090909!important}
.navbar,.header,.header--fixed{background:#0d0b09!important;border-color:#8d5a15!important}
.badge-primary,.badge-success{background:linear-gradient(135deg,#ff9d00,#ff4b27)!important;color:#111!important}
.table{color:#fff7e8!important}.table td,.table th{border-color:#4b3419!important}
.table thead th{background:#1d140b!important;color:#f6c453!important}

/* public landing */
.hh-public{min-height:100vh;padding-bottom:92px;background:
 radial-gradient(circle at 10% 0%,rgba(255,157,0,.22),transparent 30%),
 radial-gradient(circle at 95% 12%,rgba(255,54,95,.12),transparent 25%),
 linear-gradient(180deg,#120900 0,#070707 58%)}
.hh-top{height:92px;padding:18px max(18px,calc((100% - 860px)/2));display:flex;align-items:center;justify-content:space-between;
 background:linear-gradient(90deg,#0b0907,#1b0d03,#0b0907);border-bottom:1px solid #b5791c;position:sticky;top:0;z-index:20}
.hh-brand img{height:58px;max-width:210px;object-fit:contain}.hh-top-actions{display:flex;gap:10px;align-items:center}
.hh-lang,.hh-line{background:#17110c;border:1px solid #a66a18;border-radius:10px;padding:10px 13px;color:#fff;text-decoration:none}
.hh-line{background:linear-gradient(135deg,#ff9d00,#ff5a1f);color:#111;font-weight:800}
.hh-public-main{max-width:860px;margin:auto;padding:18px 16px}
.hh-slider{position:relative;overflow:hidden;border-radius:28px;background:#120d08;border:2px solid #f6c453;
 box-shadow:0 0 0 1px rgba(255,122,0,.28),0 10px 34px #000;aspect-ratio:16/7.2}
.hh-slide{position:absolute;inset:0;opacity:0;transition:opacity .55s ease}.hh-slide.active{opacity:1}
.hh-slide img{width:100%;height:100%;object-fit:cover}
.hh-slide-empty{display:flex;align-items:center;justify-content:center;text-align:center;background:
 radial-gradient(circle at 20% 15%,#ffad16 0,#ff7a00 24%,transparent 48%),
 radial-gradient(circle at 80% 70%,#ff365f 0,#ff4b27 24%,transparent 52%),
 linear-gradient(135deg,#ff9d00,#ff4a25)}
.hh-slide-empty div{display:flex;flex-direction:column;gap:6px}.hh-slide-empty b{font-size:32px;color:#111}
.hh-slide-empty span{font-size:20px;color:#fff}.hh-slide-empty small{color:#fff7e8}
.hh-dots{position:absolute;bottom:10px;left:0;right:0;display:flex;justify-content:center;gap:7px}
.hh-dots button{width:9px;height:9px;border:0;border-radius:50%;background:#392719}.hh-dots button.active{background:#f6c453;width:24px;border-radius:8px}
.hh-auth{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:28px 0 18px}
.hh-auth a{padding:17px 12px;border-radius:15px;text-align:center;font-size:20px;font-weight:800;text-decoration:none}
.hh-login{background:linear-gradient(135deg,#ffad16 0,#ff7900 48%,#ff3d32 100%);color:#080808!important;border:1px solid #f6c453}
.hh-register{border:2px solid #f6c453;background:#0b0907;color:#fff!important}
.hh-quick{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.hh-quick a{min-width:0;text-align:center;text-decoration:none;color:#fff}
.hh-quick i{display:flex;height:74px;align-items:center;justify-content:center;border-radius:17px;
 background:linear-gradient(145deg,#21150a,#100d09);border:1px solid #8f5b17;color:#ff8b00;font-size:27px;margin-bottom:8px}
.hh-quick a:nth-child(2n) i{color:#f6c453}.hh-quick span{font-weight:700;line-height:1.25}
.hh-info-card{margin-top:30px;padding:20px;border:1px solid #8f5b17;border-radius:18px;background:linear-gradient(145deg,#191109,#0b0a08)}
.hh-info-card h3{color:#f6c453}
.hh-bottom{position:fixed;bottom:0;left:0;right:0;z-index:30;height:78px;background:#100d09;border-top:1px solid #a66a18;display:flex;justify-content:center;box-shadow:0 -5px 20px #000}
.hh-bottom a{width:min(20%,172px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-decoration:none;color:#fff;font-size:12px}
.hh-bottom i{font-size:23px;color:#ff8b00}.hh-bottom a.active,.hh-bottom a.active i{color:#f6c453}.hh-bottom-main{transform:translateY(-13px)}
.hh-bottom-main i{width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;
 background:linear-gradient(135deg,#ffad16,#ff7200 58%,#ff3d32);color:#111;border:4px solid #241508}

/* lottery/customer content */
#section-content .card,#section-content [class*="lottery"],#section-content .box{
 border-color:#8f5b17}
#section-content .card-header{background:linear-gradient(90deg,#201306,#120d09)!important;color:#f6c453!important}
#section-content .nav-tabs .nav-link.active{background:linear-gradient(135deg,#ff9d00,#ff5426)!important;color:#111!important;border-color:#f6c453!important}

@media(max-width:650px){
 .hh-top{height:78px;padding:12px 16px}.hh-brand img{height:48px;max-width:170px}.hh-public-main{padding:14px 12px}
 .hh-slider{border-radius:20px;aspect-ratio:16/8}.hh-auth{margin-top:20px;gap:10px}.hh-auth a{font-size:17px;padding:15px 8px}
 .hh-quick{grid-template-columns:repeat(6,1fr);gap:6px}.hh-quick i{height:58px;border-radius:13px;font-size:21px}.hh-quick span{font-size:11px}.hh-bottom{height:72px}
}


/* FIX119 — force legacy green customer surfaces into vivid orange / black / gold */
body,.wrapper,.content-wrapper,.main-content,.section-content,#section-content,
.bg-dark,.bg-black,.bg-dark_bkk,.bg-success_bkk,.bg-theme,.bg-theme-dark,
[class*="bg-green"],[class*="bg-success"]:not(.alert-success):not(.badge-success){
 background-color:#0a0908!important;
}
.navbar,.navbar-dark,.main-header,.header,.header--fixed,.topbar,.top-menu,.menu-header,
.member-header,.header-member,.bar-back,.bar-header{
 background:linear-gradient(90deg,#090807 0%,#1b0d03 48%,#090807 100%)!important;
 border-color:#d38a18!important;
}
.card-main,.card-body,.box-menu,.menu-box,.member-box,.wallet-box,.credit-box,
[class*="menu-item"],[class*="member-menu"],[class*="wallet"]{
 border-color:#b97818!important;
}
.menu-box,.member-box,.wallet-box,.credit-box,.box-menu,
[class*="menu-item"],[class*="member-menu"]{
 background:linear-gradient(145deg,#211208 0%,#0b0908 72%)!important;
 color:#fff7e8!important;
}
.menu-box i,.member-box i,.wallet-box i,.credit-box i,
[class*="menu-item"] i,[class*="member-menu"] i{color:#f6c453!important}
.btn-deposit,.deposit-btn,[class*="deposit"][class*="btn"],
.btn-withdraw,.withdraw-btn,[class*="withdraw"][class*="btn"]{
 background:linear-gradient(135deg,#ffad16 0%,#ff7900 48%,#ff3d32 100%)!important;
 color:#090909!important;border-color:#f6c453!important;
}
.bg-gradient-success,.bg-gradient-primary,.bg-gradient-warning{
 background:linear-gradient(135deg,#ffad16 0%,#ff7900 50%,#ff3d32 100%)!important;
 color:#090909!important;
}
/* common legacy emerald values used by old customer pages */
[style*="#003c2c"],[style*="#003C2C"],[style*="#004d40"],[style*="#004D40"],
[style*="#005f46"],[style*="#005F46"],[style*="#006442"],[style*="#006838"],
[style*="#007f5f"],[style*="#008c68"],[style*="#009688"],[style*="#00a65a"],
[style*="#198754"],[style*="#28a745"]{
 background:#17100b!important;background-color:#17100b!important;border-color:#c8891d!important;
}
.text-green,.text-success{color:#f6c453!important}
.border-success,[class*="border-green"]{border-color:#d9951f!important}


/* FIX120 — exact member header/subheader controls */
.sticky-top .topnavbar{
 background:linear-gradient(100deg,#080706 0%,#201006 48%,#080706 100%)!important;
 border-bottom:1px solid #f6c453!important;
 box-shadow:0 3px 14px rgba(0,0,0,.55)!important;
}
.sticky-top .topnavbar .container{background:transparent!important}
.sticky-top .topnavbar #re-credit .badge,
.sticky-top .topnavbar [data-id="credit_balance"]{
 background:linear-gradient(135deg,#ffad16,#ff7100 58%,#ff3d32)!important;
 color:#080808!important;border:1px solid #f6c453!important;
 box-shadow:0 2px 10px rgba(255,122,0,.25)!important;
}
.sticky-top .topnavbar .btn-line{
 filter:none!important;background-color:#ff7a00!important;border:2px solid #f6c453!important;border-radius:50%!important;
 box-shadow:0 0 10px rgba(255,122,0,.35)!important;
}
.sticky-top .topnavbar #sidebarCollapse{
 color:#f6c453!important;background:#17100b!important;border:1px solid #a66a18!important;
 border-radius:20px!important;padding:4px 8px!important;
}
.sticky-top .topnavbar #sidebarCollapse img,
.sticky-top .topnavbar #menu-profile img{
 border:2px solid #ff8a00!important;background:#17100b!important;
}
.sticky-top .topnavbar #sidebarCollapse .fa-ellipsis-v{color:#ff8a00!important;margin-left:5px!important}
.sticky-top .topnavbar #menu-pc a,
.sticky-top .topnavbar #menu-profile{
 color:#f6c453!important;background:#17100b!important;border:1px solid #7d5010!important;border-radius:12px!important;
}
.sticky-top .topnavbar #menu-pc a{padding:8px 10px!important;margin:0 3px!important}
.sticky-top .topnavbar #menu-pc i{color:#ff8a00!important}
.sticky-top .topnavbar .bootstrap-select>.dropdown-toggle,
.sticky-top .topnavbar .selectpicker{
 background:#17100b!important;color:#fff!important;border-color:#a66a18!important;
}
.sticky-top+.navbar,.topnavbar+.navbar,.navbar{
 background:linear-gradient(90deg,#090807,#1c0e04,#090807)!important;
 border-top:1px solid #7d5010!important;border-bottom:1px solid #d38a18!important;
}
.navbar .notice-bar,.navbar .txt-notice,.navbar .marquee{
 background:#0d0a07!important;color:#f6c453!important;
}
.navbar .notice-bar{border:1px solid #70450f!important;border-radius:18px!important}
#sidebar{background:linear-gradient(180deg,#1c0e04,#080706)!important;border-right:1px solid #d38a18!important}
#sidebar .sidebar-header{background:linear-gradient(145deg,#ff9d00,#ff5a1f)!important;color:#090909!important}
#sidebar ul.components,#sidebar ul.components li,#sidebar ul.components li a{background:#100c08!important;color:#fff7e8!important;border-color:#4c3215!important}
#sidebar ul.components li a:hover{background:linear-gradient(90deg,#ff9d00,#ff5426)!important;color:#090909!important}
#sidebar .CTAs .logout{background:linear-gradient(135deg,#ff9d00,#ff4b27)!important;color:#090909!important;border:1px solid #f6c453!important}
#menu-profile-dropdown{background:#100c08!important;border:1px solid #b97818!important}
#menu-profile-dropdown .dropdown-item{background:#100c08!important;color:#fff7e8!important}
#menu-profile-dropdown .dropdown-item:hover{background:linear-gradient(90deg,#ff9d00,#ff5426)!important;color:#090909!important}
#footer-member{background:#0b0907!important;border-top:1px solid #b97818!important;color:#f6c453!important}


/* FIX121 — exact home menu cleanup: zero green, premium rounded deposit/withdraw */
.heng-home-menu .menu-grid{
 background:linear-gradient(145deg,#21140b 0%,#0b0908 72%)!important;
 background-color:#0b0908!important;
 border:1.5px solid #b97a1b!important;
 color:#f6c453!important;
 border-radius:20px!important;
 box-shadow:inset 0 0 18px rgba(255,122,0,.05),0 4px 12px rgba(0,0,0,.3)!important;
 overflow:hidden!important;
}
.heng-home-menu a.menu-grid:hover,.heng-home-menu a.menu-grid:focus{
 background:linear-gradient(145deg,#2b1709,#120b07)!important;color:#ff9d00!important;border-color:#f6c453!important;
}
.heng-home-menu .menu-grid i,.heng-home-menu .menu-grid .fa-layers{
 color:#f6c453!important;text-shadow:0 2px 4px #000!important;
}
.heng-home-menu button.menu-money,
.heng-home-menu button.glow-on-hover,
.heng-home-menu button.silver-on-hover{
 height:auto!important;min-height:74px!important;
 border-radius:22px!important;
 border:1.5px solid #f6c453!important;
 background:linear-gradient(135deg,#ffad16 0%,#ff8200 46%,#ff4b27 100%)!important;
 color:#0a0908!important;
 box-shadow:0 6px 18px rgba(255,102,0,.22),inset 0 1px 0 rgba(255,255,255,.28)!important;
 clip-path:none!important;-webkit-clip-path:none!important;
 overflow:hidden!important;
}
.heng-home-menu button.menu-money:before,
.heng-home-menu button.menu-money:after,
.heng-home-menu button.glow-on-hover:before,
.heng-home-menu button.glow-on-hover:after,
.heng-home-menu button.silver-on-hover:before,
.heng-home-menu button.silver-on-hover:after{
 border-radius:22px!important;
}
.heng-home-menu button.menu-money i,
.heng-home-menu button.glow-on-hover i,
.heng-home-menu button.silver-on-hover i{
 color:#111!important;text-shadow:none!important;
}
.heng-home-menu .col-6:nth-of-type(2) button.menu-money{
 background:linear-gradient(135deg,#ff9d00 0%,#ff6f00 50%,#ff365f 120%)!important;
}


/* FIX122 — explicit final home palette. Every tile is ORANGE/BLACK/GOLD, never green. */
.heng-orange-menu a.menu-grid,
.heng-orange-menu button.menu-grid,
.heng-orange-menu .menu-grid,
.heng-orange-menu .border-gold,
.heng-orange-menu .border{
    background-image:linear-gradient(145deg,#ff9f0a 0%,#ff7600 48%,#ff4a2d 100%)!important;
    background-color:#ff7600!important;
    color:#111!important;
    border:2px solid #f6c453!important;
    border-radius:20px!important;
    box-shadow:0 5px 14px rgba(255,105,0,.22),inset 0 1px 0 rgba(255,255,255,.22)!important;
}
.heng-orange-menu a.menu-grid i,
.heng-orange-menu button.menu-grid i,
.heng-orange-menu .menu-grid i,
.heng-orange-menu .menu-grid .fa-layers{
    color:#17100a!important;
    text-shadow:none!important;
}
.heng-orange-menu button.glow-on-hover,
.heng-orange-menu button.silver-on-hover,
.heng-orange-menu button.menu-money{
    min-height:76px!important;
    background-image:linear-gradient(135deg,#ffb21a 0%,#ff8200 48%,#ff3f32 100%)!important;
    background-color:#ff7600!important;
    border:2px solid #f6c453!important;
    border-radius:22px!important;
    clip-path:none!important;
    -webkit-clip-path:none!important;
    color:#111!important;
}
.heng-orange-menu button.glow-on-hover:before,
.heng-orange-menu button.glow-on-hover:after,
.heng-orange-menu button.silver-on-hover:before,
.heng-orange-menu button.silver-on-hover:after{
    background:transparent!important;
    border-radius:22px!important;
    clip-path:none!important;
    -webkit-clip-path:none!important;
}
.heng-orange-menu .row>[class*="col-"]{background:transparent!important}


/* FIX123: Deposit green, Withdraw gray */
.heng-orange-menu button.hh-deposit-green{background:linear-gradient(135deg,#39ce73,#159447 55%,#087236)!important;background-color:#159447!important;color:#fff!important;border:2px solid #7ee2a4!important;border-radius:22px!important;box-shadow:0 6px 18px rgba(21,148,71,.25),inset 0 1px 0 rgba(255,255,255,.25)!important}
.heng-orange-menu button.hh-deposit-green i{color:#fff!important}
.heng-orange-menu button.hh-withdraw-gray{background:linear-gradient(135deg,#bcbcbc,#858585 55%,#606060)!important;background-color:#858585!important;color:#fff!important;border:2px solid #dedede!important;border-radius:22px!important;box-shadow:0 6px 18px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.25)!important}
.heng-orange-menu button.hh-withdraw-gray i{color:#fff!important}


/* FIX124 — supplied black/orange/gold artwork as the background on ALL customer pages */
html{background:#050301!important}
body{
    background:#050301 url("../images/heng888-gold-wind-bg.png") center center/cover fixed no-repeat!important;
    min-height:100vh!important;
    position:relative!important;
    isolation:isolate;
}
body:before,body:after{
    content:""!important;
    position:fixed!important;
    z-index:-2!important;
    pointer-events:none!important;
    inset:-12%!important;
    background-image:url("../images/heng888-gold-wind-bg.png")!important;
    background-repeat:no-repeat!important;
    background-position:center!important;
    background-size:cover!important;
    will-change:transform,opacity,filter;
}
body:before{
    opacity:.32!important;
    filter:saturate(1.18) brightness(1.05);
    animation:hhGoldWindA 18s ease-in-out infinite alternate!important;
}
body:after{
    z-index:-1!important;
    opacity:.18!important;
    background-size:118% auto!important;
    mix-blend-mode:screen;
    filter:blur(1.2px) saturate(1.25);
    animation:hhGoldWindB 26s ease-in-out infinite alternate!important;
}
@keyframes hhGoldWindA{
    0%{transform:translate3d(-2.2%,1%,0) scale(1.035)}
    35%{transform:translate3d(1.2%,-1.2%,0) scale(1.06)}
    70%{transform:translate3d(2.4%,.4%,0) scale(1.045)}
    100%{transform:translate3d(-.8%,-1.6%,0) scale(1.07)}
}
@keyframes hhGoldWindB{
    0%{transform:translate3d(2.5%,-1%,0) scale(1.04);opacity:.12}
    45%{transform:translate3d(-1.5%,1.3%,0) scale(1.085);opacity:.22}
    100%{transform:translate3d(1%,2%,0) scale(1.055);opacity:.15}
}
/* Make legacy full-page customer wrappers transparent so the background remains visible. */
.fixed-bg,.wrapper,.content-wrapper,.main-content,.section-content,#section-content,
.hh-public,.login-page,.register-page,.bg-theme,.bg-theme-dark{
    background-color:transparent!important;
    background-image:none!important;
}
/* Keep cards readable over the moving artwork. */
.card,.card-main,.bglogin,.subbglogin,.modal-content,.hh-info-card{
    backdrop-filter:blur(3px);
    -webkit-backdrop-filter:blur(3px);
}
/* Preserve requested deposit/withdraw colors from FIX123. */
.heng-orange-menu button.hh-deposit-green{
    background:linear-gradient(135deg,#39ce73,#159447 55%,#087236)!important;
    background-color:#159447!important;
}
.heng-orange-menu button.hh-withdraw-gray{
    background:linear-gradient(135deg,#bcbcbc,#858585 55%,#606060)!important;
    background-color:#858585!important;
}
@media (prefers-reduced-motion:reduce){
    body:before,body:after{animation:none!important}
}


/* FIX125 — final requested home colors + background wind visible on every frontend asset family */
.heng-orange-menu a.menu-grid:not(.hh-deposit-green):not(.hh-withdraw-gray),
.heng-orange-menu .menu-grid:not(.hh-deposit-green):not(.hh-withdraw-gray){
 background:linear-gradient(145deg,#ff9f0a 0%,#ff7600 50%,#ff4a2d 100%)!important;
 background-color:#ff7600!important;color:#111!important;border:2px solid #f6c453!important;
}
.heng-orange-menu button.hh-deposit-green{
 background:linear-gradient(135deg,#39ce73,#159447 55%,#087236)!important;background-color:#159447!important;
 color:#fff!important;border-color:#7ee2a4!important;
}
.heng-orange-menu button.hh-withdraw-gray{
 background:linear-gradient(135deg,#bcbcbc,#858585 55%,#606060)!important;background-color:#858585!important;
 color:#fff!important;border-color:#dedede!important;
}
/* remove legacy green from top logo/header surfaces */
.hh-top,.topnavbar,.navbar,.header,.header--fixed,.member-header,.bar-header{
 background:linear-gradient(90deg,rgba(8,7,6,.96),rgba(37,17,4,.94),rgba(8,7,6,.96))!important;
}
/* let the animated artwork remain visible behind page wrappers */
body .fixed-bg,body .wrapper,body .content-wrapper,body .main-content,body #section-content,
body .section-content,body .container-fluid.bg-theme,body .login-page,body .register-page{
 background-color:transparent!important;background-image:none!important;
}


/* FIX126 — all home action buttons orange; animated gold wind inside balance card */
.heng-orange-menu button.hh-deposit-green,
.heng-orange-menu button.hh-withdraw-gray,
.heng-orange-menu button.menu-money,
.heng-orange-menu .menu-grid{
 background:linear-gradient(135deg,#ffad16 0%,#ff8200 48%,#ff4535 100%)!important;
 background-color:#ff7600!important;color:#111!important;border:2px solid #f6c453!important;
}
.heng-balance-wind{
 position:relative!important;overflow:hidden!important;isolation:isolate!important;
 background:rgba(10,7,4,.86)!important;
}
.heng-balance-wind:before,.heng-balance-wind:after{
 content:"";position:absolute;pointer-events:none;z-index:-1;
 inset:-35% -20%;
 background:url("../images/heng888-gold-wind-bg.png") center/cover no-repeat;
 mix-blend-mode:screen;
}
.heng-balance-wind:before{opacity:.42;animation:hhBalanceWind1 10s ease-in-out infinite alternate}
.heng-balance-wind:after{opacity:.24;filter:blur(1px) saturate(1.3);animation:hhBalanceWind2 15s ease-in-out infinite alternate}
@keyframes hhBalanceWind1{0%{transform:translate3d(-9%,2%,0) scale(1.12)}50%{transform:translate3d(4%,-3%,0) scale(1.18)}100%{transform:translate3d(10%,2%,0) scale(1.12)}}
@keyframes hhBalanceWind2{0%{transform:translate3d(8%,-3%,0) scale(1.2)}100%{transform:translate3d(-8%,4%,0) scale(1.13)}}
/* kill remaining green logo/login strips */
.bglogin,.subbglogin,.logo-login,.login-logo,.login-header,.brand-header,
[class*="login"][class*="header"],[class*="logo"][class*="header"]{
 background-color:rgba(8,6,4,.92)!important;background-image:none!important;
}
@media(prefers-reduced-motion:reduce){.heng-balance-wind:before,.heng-balance-wind:after{animation:none!important}}


/* FIX127 — hard lock BOTH money buttons to orange, including pseudo layers */
.heng-orange-menu button.hh-money-orange,
.heng-orange-menu button.hh-money-orange:hover,
.heng-orange-menu button.hh-money-orange:focus,
.heng-orange-menu button.hh-money-orange:active{
    background:#ff7900!important;
    background-image:linear-gradient(135deg,#ffb21a 0%,#ff8200 48%,#ff4535 100%)!important;
    background-color:#ff7900!important;
    color:#111!important;
    border:2px solid #f6c453!important;
    border-radius:22px!important;
    box-shadow:0 6px 18px rgba(255,105,0,.25),inset 0 1px 0 rgba(255,255,255,.25)!important;
    filter:none!important;
}
.heng-orange-menu button.hh-money-orange:before,
.heng-orange-menu button.hh-money-orange:after{
    content:none!important;
    display:none!important;
    background:none!important;
}
.heng-orange-menu button.hh-money-orange i{color:#17100a!important}


/* FIX128 — actual login top logo bar: remove legacy green completely */
#app .hh-login-topbar,
#app .hh-login-topbar.navbar,
#app .hh-login-topbar .container,
#app .hh-login-topbar .row,
#app .hh-login-topbar [class*="col-"]{
 background-color:transparent!important;
 background-image:none!important;
}
#app .hh-login-topbar{
 position:relative!important;overflow:hidden!important;
 background:linear-gradient(90deg,rgba(5,4,3,.97),rgba(43,20,4,.93),rgba(5,4,3,.97))!important;
 border-bottom:1px solid #d9951f!important;
}
#app .hh-login-topbar:before{
 content:"";position:absolute;inset:-60% -10%;pointer-events:none;
 background:url("../images/heng888-gold-wind-bg.png") center/cover no-repeat!important;
 opacity:.30;mix-blend-mode:screen;animation:hhLoginTopWind 14s ease-in-out infinite alternate;
}
#app .hh-login-logo-wrap,#app .hh-login-logo-wrap .logoindex{
 position:relative;z-index:2;background:transparent!important;background-color:transparent!important;background-image:none!important;
}
@keyframes hhLoginTopWind{0%{transform:translate3d(-5%,1%,0) scale(1.08)}100%{transform:translate3d(6%,-2%,0) scale(1.14)}}


/* FIX130 — actual register top bars: no legacy green */
#app .hh-register-noticebar,
#app .hh-register-noticebar .container,
#app .hh-register-noticebar .notice-bar,
#app .hh-register-topbar,
#app .hh-register-topbar .container,
#app .hh-register-topbar .row,
#app .hh-register-topbar [class*="col-"],
#app .hh-register-topbar .indexlogo,
#app .hh-register-topbar .logoindex{
 background-color:transparent!important;background-image:none!important;
}
#app .hh-register-noticebar{
 background:linear-gradient(90deg,#090603,#3a1b04,#090603)!important;
 border-bottom:1px solid rgba(238,169,48,.55)!important;
}
#app .hh-register-topbar{
 position:relative!important;overflow:hidden!important;
 background:linear-gradient(90deg,rgba(7,5,3,.98),rgba(55,25,3,.94),rgba(7,5,3,.98))!important;
 border-bottom:1px solid #e3a52d!important;
}
#app .hh-register-topbar:before{
 content:"";position:absolute;inset:-70% -12%;pointer-events:none;
 background:url("../images/heng888-gold-wind-bg.png") center/cover no-repeat!important;
 opacity:.32;mix-blend-mode:screen;animation:hhRegisterWind 14s ease-in-out infinite alternate;
}
#app .hh-register-topbar .container{position:relative;z-index:2}
#app .hh-register-topbar h3{color:#ffb51c!important;text-shadow:0 1px 6px rgba(0,0,0,.8)}
@keyframes hhRegisterWind{0%{transform:translate3d(-6%,2%,0) scale(1.08)}100%{transform:translate3d(7%,-2%,0) scale(1.15)}}

/* FIX186 — auth button order: Login first, Register second */
.hh-auth .hh-login{order:1}
.hh-auth .hh-register{order:2}

/* FIX187 — make Login / Register two clearly separated buttons */
.hh-auth{display:flex!important;gap:18px!important;align-items:stretch!important}
.hh-auth a{display:flex!important;align-items:center!important;justify-content:center!important;flex:1 1 0!important;min-height:58px!important;box-sizing:border-box!important;box-shadow:0 5px 14px rgba(0,0,0,.35)!important}
.hh-auth .hh-login{border:2px solid #ffb51c!important}
.hh-auth .hh-register{border:2px solid #f6c453!important;background:#0b0907!important}
@media(max-width:520px){.hh-auth{gap:12px!important;margin:22px 0 16px!important}.hh-auth a{min-height:54px!important;padding:14px 8px!important;font-size:18px!important;border-radius:13px!important}}
.hh-login-form-actions{display:flex!important;gap:12px!important;width:100%!important}
.hh-login-form-actions .btn{flex:1 1 0!important;width:auto!important;margin:0!important;min-height:44px!important;display:flex!important;align-items:center!important;justify-content:center!important}

/* FIX188: Login page has one larger centered login button */
.hh-login-form-actions{display:flex!important;justify-content:center!important;align-items:center!important;width:100%!important}
.hh-login-form-actions .btn{flex:0 0 auto!important;width:min(280px,90%)!important;min-height:52px!important;margin:0 auto!important;padding:10px 28px!important;font-size:20px!important;font-weight:700!important;display:flex!important;align-items:center!important;justify-content:center!important}