```css
:root{
    --bg:#070d0b!important;
    --panel:#0d1713!important;
    --panel-strong:#09120f!important;
    --card-bg:#101b16!important;
    --text:#f0f7f3!important;
    --muted:#93a29a!important;
    --accent:#20c982!important;
    --accent-soft:rgba(32,201,130,.12)!important;
    --accent-pink:#20c982!important;
    --accent-pink-soft:rgba(32,201,130,.12)!important;
    --accent-gold:#f4c542!important;
}

html,body,#root{
    background:#070d0b!important;
    color:#f0f7f3!important;
}

body{
    background-image:
        radial-gradient(
            circle at 15% 0%,
            rgba(32,201,130,.035),
            transparent 30%
        ),
        radial-gradient(
            circle at 85% 15%,
            rgba(32,201,130,.025),
            transparent 28%
        )!important;
}

button,
.btn,
.action-btn,
.admin-actionBtn,
a.btn-primary{
    transition:
        transform .18s ease,
        box-shadow .18s ease,
        background-color .18s ease,
        border-color .18s ease!important;
}

button:hover,
.btn:hover,
.action-btn:hover,
.admin-actionBtn:hover,
a.btn-primary:hover{
    transform:translateY(-1px)!important;
    box-shadow:0 10px 28px rgba(0,0,0,.22)!important;
}

button:active,
.btn:active,
.action-btn:active,
.admin-actionBtn:active,
a.btn-primary:active{
    transform:translateY(0)!important;
}

input:focus,
select:focus,
textarea:focus{
    border-color:rgba(32,201,130,.45)!important;
    box-shadow:0 0 0 3px rgba(32,201,130,.07)!important;
}

::selection{
    background:rgba(32,201,130,.2)!important;
    color:#f4faf7!important;
}

::-webkit-scrollbar-thumb{
    background:#245d48!important;
}

::-webkit-scrollbar-thumb:hover{
    background:#2f7b5d!important;
}

/* =========================================================
   WHITE TEXT ON GREEN / ACCENT SURFACES
   ========================================================= */

button,
.btn,
.action-btn,
.admin-actionBtn,
a.btn-primary,
[style*="background:#20c982"],
[style*="background-color:#20c982"]{
    color:#fff!important;
}

button *,
.btn *,
.action-btn *,
.admin-actionBtn *,
a.btn-primary *{
    color:#fff!important;
}


/* =========================================================
   OFFERWALL PARTNERS
   CRYSTAL WATER + NEON GLASS
   ========================================================= */

body.rb-reference-home .info-band--homepage-offers{
    position:relative!important;
    isolation:isolate!important;
}


/* Soft green liquid glow behind the whole section */

body.rb-reference-home .info-band--homepage-offers::before{
    content:"";
    position:absolute;
    inset:-30px -20px;
    z-index:-2;
    pointer-events:none;

    background:
        radial-gradient(
            circle at 15% 30%,
            rgba(48,235,153,.18),
            transparent 30%
        ),
        radial-gradient(
            circle at 85% 65%,
            rgba(27,205,133,.15),
            transparent 32%
        ),
        radial-gradient(
            circle at 50% 100%,
            rgba(78,255,184,.08),
            transparent 40%
        );

    filter:blur(22px);
    opacity:.95;
}


/* =========================================================
   PARTNER CARDS — CRYSTAL / WATER GLASS
   ========================================================= */

body.rb-reference-home
.info-band--homepage-offers
.partner-card{
    position:relative!important;
    overflow:hidden!important;
    isolation:isolate!important;

    background:
        linear-gradient(
            145deg,
            rgba(40,92,70,.48) 0%,
            rgba(17,43,32,.68) 38%,
            rgba(9,27,20,.84) 72%,
            rgba(6,20,15,.92) 100%
        )!important;

    border:1px solid rgba(103,255,190,.22)!important;

    border-radius:14px!important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.13),
        inset 0 -1px 0 rgba(32,220,139,.10),
        0 14px 36px rgba(0,0,0,.25),
        0 0 22px rgba(38,220,143,.05)!important;

    backdrop-filter:blur(18px) saturate(135%)!important;
    -webkit-backdrop-filter:blur(18px) saturate(135%)!important;

    transition:
        border-color .25s ease,
        box-shadow .25s ease,
        transform .25s ease!important;
}


/* Glass reflection */

body.rb-reference-home
.info-band--homepage-offers
.partner-card::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:0;
    pointer-events:none;

    background:
        linear-gradient(
            125deg,
            rgba(255,255,255,.095) 0%,
            rgba(255,255,255,.035) 16%,
            transparent 36%,
            transparent 70%,
            rgba(91,255,190,.055) 100%
        );

    opacity:.9;
}


/* Water-drop reflection */

body.rb-reference-home
.info-band--homepage-offers
.partner-card::after{
    content:"";
    position:absolute;

    width:190px;
    height:95px;

    top:-55px;
    right:-45px;

    pointer-events:none;

    background:
        radial-gradient(
            ellipse,
            rgba(135,255,210,.13) 0%,
            rgba(77,255,181,.05) 45%,
            transparent 75%
        );

    border-radius:50%;

    filter:blur(22px);
    transform:rotate(-18deg);
}


/* Keep actual content above glass layers */

body.rb-reference-home
.info-band--homepage-offers
.partner-card > *{
    position:relative;
    z-index:2;
}


/* =========================================================
   CARD HOVER
   ========================================================= */

body.rb-reference-home
.info-band--homepage-offers
.partner-card:hover{
    transform:translateY(-2px)!important;

    border-color:rgba(93,255,184,.40)!important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.16),
        inset 0 -1px 0 rgba(42,235,151,.12),
        0 18px 42px rgba(0,0,0,.30),
        0 0 32px rgba(36,220,141,.12)!important;
}


/* =========================================================
   PARTNER LOGOS
   ========================================================= */

body.rb-reference-home
.info-band--homepage-offers
.partner-card img{
    position:relative;
    z-index:3;

    filter:
        drop-shadow(0 5px 12px rgba(0,0,0,.28))
        drop-shadow(0 0 8px rgba(48,230,148,.08));

    transition:
        filter .25s ease,
        transform .25s ease!important;
}

body.rb-reference-home
.info-band--homepage-offers
.partner-card:hover img{
    filter:
        drop-shadow(0 6px 14px rgba(0,0,0,.30))
        drop-shadow(0 0 12px rgba(58,238,157,.16));
}


/* =========================================================
   COINS — GOLD / AMBER
   ========================================================= */

/*
   Important:
   Filter is used only for glow.
   The actual coin image remains intact.
*/

body.rb-reference-home
.info-band--homepage-offers
img[src*="coin"],
body.rb-reference-home
.info-band--homepage-offers
img[alt*="coin" i],
body.rb-reference-home
.info-band--homepage-offers
.coin,
body.rb-reference-home
.info-band--homepage-offers
.coins{
    filter:
        drop-shadow(0 2px 3px rgba(0,0,0,.40))
        drop-shadow(0 0 5px rgba(255,210,70,.45))
        drop-shadow(0 0 12px rgba(255,184,38,.18));

    transition:
        transform .22s ease,
        filter .22s ease!important;
}


/* Coin hover */

body.rb-reference-home
.info-band--homepage-offers
img[src*="coin"]:hover,
body.rb-reference-home
.info-band--homepage-offers
img[alt*="coin" i]:hover,
body.rb-reference-home
.info-band--homepage-offers
.coin:hover,
body.rb-reference-home
.info-band--homepage-offers
.coins:hover{
    filter:
        drop-shadow(0 3px 4px rgba(0,0,0,.42))
        drop-shadow(0 0 7px rgba(255,221,91,.62))
        drop-shadow(0 0 17px rgba(255,188,35,.28));

    transform:translateY(-1px);
}


/* =========================================================
   GOLD REWARD / POINT TEXT
   ========================================================= */

body.rb-reference-home
.info-band--homepage-offers
.partner-card
[class*="amount"],
body.rb-reference-home
.info-band--homepage-offers
.partner-card
[class*="reward"],
body.rb-reference-home
.info-band--homepage-offers
.partner-card
[class*="points"]{
    color:#f5cf58!important;

    text-shadow:
        0 1px 2px rgba(0,0,0,.45),
        0 0 9px rgba(255,200,55,.18);
}


/* =========================================================
   GOLD COIN / REWARD NUMBERS
   ========================================================= */

body.rb-reference-home
.info-band--homepage-offers
.partner-card
.coin,
body.rb-reference-home
.info-band--homepage-offers
.partner-card
.coins{
    color:#f5cf58!important;

    text-shadow:
        0 1px 2px rgba(0,0,0,.45),
        0 0 8px rgba(255,198,52,.22);
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width:900px){

    body.rb-reference-home
    .info-band--homepage-offers::before{
        inset:-20px -10px;
        filter:blur(16px);
    }

    body.rb-reference-home
    .info-band--homepage-offers
    .partner-card{
        backdrop-filter:blur(13px) saturate(125%)!important;
        -webkit-backdrop-filter:blur(13px) saturate(125%)!important;
    }
}
```
