/* DESIGN SYSTEM OVERRIDE */

:root{
--bg-main:#0b1020;
--bg-card:#121a2f;
--accent:#6c5ce7;
--text-main:#ffffff;
--text-soft:#9aa4c3;
--radius-main:14px;
}

/* global background */
body.newyear{
background: radial-gradient(circle at 20% 20%, #111a35 0%, #070b17 60%);
color:var(--text-main);
}

/* cards */
.card,
.modal-content,
.header,
.page{
border-radius:var(--radius-main);
}

/* buttons */
button,
.btn{
border-radius:12px;
}

/* scroll */
::-webkit-scrollbar{
width:8px;
}
::-webkit-scrollbar-thumb{
background:#1b2442;
border-radius:10px;
}


/* =========================
   BALANCE NEON (desktop)
========================= */

.currencySwitcher_btn{
background: linear-gradient(180deg,#0f172a,#0b1020) !important;
border:1px solid rgba(108,92,231,0.35) !important;
border-radius:14px !important;
padding:10px 14px !important;

box-shadow:
0 0 0 1px rgba(108,92,231,0.15),
0 6px 18px rgba(0,0,0,0.45),
0 0 18px rgba(108,92,231,0.15);

transition:all .25s ease;
}

/* hover glow */
.currencySwitcher_btn:hover{
border-color:rgba(108,92,231,0.65) !important;

box-shadow:
0 0 0 1px rgba(108,92,231,0.35),
0 10px 28px rgba(0,0,0,0.55),
0 0 22px rgba(108,92,231,0.35);
}

/* balance text */
.currencySwitcher .animatedNumber__13268{
font-size:16px !important;
font-weight:700 !important;
letter-spacing:.3px;
}

/* currency label */
.currencySwitcher .balanceLabel__1SgFJ{
opacity:.55;
font-size:10px;
letter-spacing:.12em;
}

/* dropdown */
.currencySwitcher_list{
background:#0b1020 !important;
border:1px solid rgba(108,92,231,.22) !important;

box-shadow:
0 15px 40px rgba(0,0,0,.65),
0 0 30px rgba(108,92,231,.15);
}

/* items */
.currencySwitcher_item:hover{
background:rgba(108,92,231,.12) !important;
}

/* active */
.currencySwitcher_item.is_active{
background:rgba(108,92,231,.18) !important;
}



/* =========================
   PROMOCODE MODAL NEON
========================= */

#ModalPromocode .modal-content{
background:linear-gradient(180deg,#0b1020,#0a0f1d) !important;
border:1px solid rgba(108,92,231,.25) !important;
border-radius:18px !important;

box-shadow:
0 20px 60px rgba(0,0,0,.7),
0 0 40px rgba(108,92,231,.12);
}

/* header */
#ModalPromocode .modal-header{
border-bottom:1px solid rgba(255,255,255,.04);
padding:20px 24px;
}

#ModalPromocode .modal-title{
font-size:15px;
letter-spacing:.12em;
opacity:.75;
}

/* info block */
#ModalPromocode .bonusmodalr,
#ModalPromocode .promo-info,
#ModalPromocode .alert{
background:rgba(255,255,255,.02);
border:1px solid rgba(255,255,255,.05);
border-radius:12px;
padding:16px 18px;

box-shadow:
inset 0 0 0 1px rgba(255,255,255,.02);
}

/* divider */
#ModalPromocode hr{
border-color:rgba(255,255,255,.06);
margin:22px 0;
}

/* input */
#ModalPromocode input{
background:#0a0f1d !important;
border:1px solid rgba(108,92,231,.25) !important;
border-radius:12px !important;
height:44px;

padding:0 14px;
color:#fff;

transition:.2s;
}

#ModalPromocode input:focus{
border-color:rgba(108,92,231,.65) !important;

box-shadow:
0 0 0 1px rgba(108,92,231,.35),
0 0 14px rgba(108,92,231,.25);
}

/* button */
#ModalPromocode button{
background:linear-gradient(135deg,#6c5ce7,#8b5cf6) !important;
border:none !important;

height:44px;
padding:0 20px;

border-radius:12px;

font-weight:600;
letter-spacing:.02em;

box-shadow:
0 6px 18px rgba(108,92,231,.35),
0 0 18px rgba(108,92,231,.25);

transition:.25s;
}

#ModalPromocode button:hover{
transform:translateY(-1px);

box-shadow:
0 12px 28px rgba(108,92,231,.45),
0 0 22px rgba(108,92,231,.35);
}

/* close button */
#ModalPromocode .close{
opacity:.6;
transition:.2s;
}

#ModalPromocode .close:hover{
opacity:1;
}

/* text */
#ModalPromocode{
color:#dbe2ff;
}




/* =========================
   PROMOCODE MODAL - MODERN DARK
========================= */

#ModalPromocode .bonusModal__2zW4Y{
max-width:560px !important;
}

#ModalPromocode .bootstrap_modal-content__vJRBa.modal-content__4J2al{
position:relative;
background:
linear-gradient(180deg, rgba(13,19,38,.96) 0%, rgba(10,15,30,.98) 100%) !important;
border:1px solid rgba(255,255,255,.06) !important;
border-radius:22px !important;
box-shadow:
0 24px 80px rgba(0,0,0,.55),
0 8px 24px rgba(0,0,0,.28);
overflow:hidden;
padding:0 !important;
}

/* subtle top accent */
#ModalPromocode .bootstrap_modal-content__vJRBa.modal-content__4J2al::before{
content:"";
position:absolute;
top:0;
left:0;
right:0;
height:1px;
background:linear-gradient(90deg, rgba(255,255,255,0), rgba(126,92,255,.55), rgba(255,255,255,0));
pointer-events:none;
}

/* close */
#ModalPromocode .modal-close__3fYMP{
position:absolute;
top:18px;
right:18px;
width:38px;
height:38px;
border:none;
border-radius:12px;
background:rgba(255,255,255,.06);
display:flex;
align-items:center;
justify-content:center;
transition:all .2s ease;
z-index:3;
}

#ModalPromocode .modal-close__3fYMP:hover{
background:rgba(255,255,255,.1);
transform:translateY(-1px);
}

#ModalPromocode .modal-close__3fYMP .icon-close__33xrH{
width:16px;
height:16px;
opacity:.85;
}

/* inner layout */
#ModalPromocode .bonusContainer__2rhpU{
padding:26px 28px 28px;
}

#ModalPromocode .bonusHeader__3--7l{
margin:0 0 22px 0;
padding:0 44px 0 0;
text-align:center;
font-size:22px;
font-weight:700;
letter-spacing:.01em;
line-height:1.2;
color:#f4f7ff;
}

/* info block */
#ModalPromocode .alert__1mRuS{
background:linear-gradient(180deg, rgba(255,255,255,.028), rgba(255,255,255,.018));
border:1px solid rgba(255,255,255,.06);
border-radius:16px;
padding:16px 18px;
box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}

#ModalPromocode .alertWrapper__16IIw{
display:flex;
align-items:flex-start;
gap:14px;
}

#ModalPromocode .emoji__I5LNm{
flex:0 0 auto;
width:34px;
height:34px;
display:flex;
align-items:center;
justify-content:center;
}

#ModalPromocode .emoji__I5LNm img{
width:30px;
height:30px;
object-fit:contain;
display:block;
}

#ModalPromocode .textWrap__1wRVf{
color:rgba(233,239,255,.92);
font-size:14px;
line-height:1.5;
font-weight:500;
}

/* section divider label */
#ModalPromocode .labelLine__K-o78{
position:relative;
margin:22px 0 18px;
text-align:center;
}

#ModalPromocode .labelLine__K-o78::before{
content:"";
position:absolute;
left:0;
right:0;
top:50%;
height:1px;
background:rgba(255,255,255,.08);
transform:translateY(-50%);
}

#ModalPromocode .labelLine__K-o78 span{
position:relative;
display:inline-block;
padding:0 12px;
background:#0d1326;
color:rgba(198,208,235,.8);
font-size:12px;
font-weight:600;
letter-spacing:.04em;
text-transform:uppercase;
}

/* form block */
#ModalPromocode .codeWrapper__2MdUJ{
margin-top:0;
}

#ModalPromocode .append__39K7E{
display:flex;
align-items:stretch;
gap:10px;
}

#ModalPromocode .inputRow__3tkLM{
flex:1 1 auto;
min-width:0;
}

#ModalPromocode .inputField__2A282{
width:100%;
height:52px;
padding:0 16px;
border-radius:14px;
border:1px solid rgba(255,255,255,.07);
background:#0a1020;
color:#f3f6ff;
font-size:15px;
font-weight:500;
box-shadow:inset 0 1px 0 rgba(255,255,255,.02);
transition:border-color .2s ease, box-shadow .2s ease, background .2s ease;
}

#ModalPromocode .inputField__2A282::placeholder{
color:rgba(165,176,205,.5);
}

#ModalPromocode .inputField__2A282:focus{
outline:none;
border-color:rgba(126,92,255,.42);
box-shadow:0 0 0 3px rgba(126,92,255,.10);
background:#0b1122;
}

/* button unified with modal */
#ModalPromocode .append__39K7E .btn__gUKaT{
flex:0 0 auto;
height:52px;
padding:0 22px;
border:none;
border-radius:14px;
background:linear-gradient(180deg, #7b61ff 0%, #684bff 100%) !important;
color:#fff;
font-size:14px;
font-weight:700;
letter-spacing:.01em;
box-shadow:
0 10px 24px rgba(96,72,255,.24),
inset 0 1px 0 rgba(255,255,255,.18);
transition:transform .2s ease, box-shadow .2s ease, filter .2s ease;
}

#ModalPromocode .append__39K7E .btn__gUKaT:hover{
transform:translateY(-1px);
box-shadow:
0 14px 28px rgba(96,72,255,.3),
inset 0 1px 0 rgba(255,255,255,.22);
filter:brightness(1.03);
}

/* desktop only for now */
@media (max-width: 768px){
#ModalPromocode .bonusModal__2zW4Y{
max-width:calc(100vw - 24px) !important;
}
#ModalPromocode .bonusContainer__2rhpU{
padding:22px 18px 20px;
}
#ModalPromocode .append__39K7E{
flex-direction:column;
}
#ModalPromocode .append__39K7E .btn__gUKaT,
#ModalPromocode .inputField__2A282{
width:100%;
}
}



/* =========================
   PROMOCODE MODAL - SOFT GLASS REFINEMENT
========================= */

#ModalPromocode .bootstrap_modal-content__vJRBa.modal-content__4J2al{
background:rgba(10,16,30,.72) !important;
backdrop-filter:blur(18px);
-webkit-backdrop-filter:blur(18px);
border:1px solid rgba(255,255,255,.05) !important;
border-radius:22px !important;
box-shadow:
0 18px 50px rgba(0,0,0,.34) !important;
}

#ModalPromocode .bootstrap_modal-content__vJRBa.modal-content__4J2al::before{
background:linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.10), rgba(255,255,255,0)) !important;
opacity:.55;
}

#ModalPromocode .bonusContainer__2rhpU{
padding:24px 26px 26px !important;
}

#ModalPromocode .bonusHeader__3--7l{
font-size:18px !important;
font-weight:700 !important;
letter-spacing:.03em !important;
color:rgba(255,255,255,.92) !important;
margin:0 0 18px 0 !important;
}

#ModalPromocode .modal-close__3fYMP{
background:rgba(140,110,255,.18) !important;
border:1px solid rgba(255,255,255,.06);
box-shadow:none !important;
}

#ModalPromocode .modal-close__3fYMP:hover{
background:rgba(140,110,255,.24) !important;
transform:none !important;
}

#ModalPromocode .alert__1mRuS{
background:rgba(255,255,255,.02) !important;
border:1px solid rgba(255,255,255,.04) !important;
border-radius:16px !important;
box-shadow:none !important;
padding:15px 16px !important;
}

#ModalPromocode .textWrap__1wRVf{
font-size:14px !important;
line-height:1.45 !important;
font-weight:500 !important;
color:rgba(255,255,255,.82) !important;
}

#ModalPromocode .labelLine__K-o78{
margin:20px 0 16px !important;
}

#ModalPromocode .labelLine__K-o78::before{
background:rgba(255,255,255,.06) !important;
}

#ModalPromocode .labelLine__K-o78 span{
background:rgba(10,16,30,.72) !important;
color:rgba(181,191,220,.72) !important;
font-size:11px !important;
letter-spacing:.06em !important;
}

#ModalPromocode .append__39K7E{
gap:8px !important;
}

#ModalPromocode .inputField__2A282{
height:50px !important;
background:rgba(7,12,24,.58) !important;
border:1px solid rgba(255,255,255,.05) !important;
border-radius:14px !important;
box-shadow:none !important;
color:rgba(255,255,255,.92) !important;
}

#ModalPromocode .inputField__2A282::placeholder{
color:rgba(170,180,205,.46) !important;
}

#ModalPromocode .inputField__2A282:focus{
background:rgba(9,14,28,.72) !important;
border-color:rgba(138,107,255,.22) !important;
box-shadow:0 0 0 3px rgba(138,107,255,.08) !important;
}

#ModalPromocode .append__39K7E .btn__gUKaT{
height:50px !important;
padding:0 20px !important;
border-radius:14px !important;
background:rgba(123,97,255,.84) !important;
color:#fff !important;
box-shadow:none !important;
font-size:14px !important;
font-weight:600 !important;
}

#ModalPromocode .append__39K7E .btn__gUKaT:hover{
transform:none !important;
filter:brightness(1.04);
box-shadow:none !important;
}



/* =========================
   PROMOCODE MODAL - COMPACT REFINE
========================= */

#ModalPromocode .bonusModal__2zW4Y{
max-width:500px !important;
}

#ModalPromocode .bootstrap_modal-content__vJRBa.modal-content__4J2al{
border-radius:20px !important;
}

#ModalPromocode .bonusContainer__2rhpU{
padding:18px 20px 18px !important;
}

#ModalPromocode .bonusHeader__3--7l{
font-size:16px !important;
margin:0 0 14px 0 !important;
padding:0 !important;
}

/* close button */
#ModalPromocode .modal-close__3fYMP{
top:14px !important;
right:14px !important;
width:30px !important;
height:30px !important;
border-radius:10px !important;
background:rgba(255,255,255,.04) !important;
border:1px solid rgba(255,255,255,.05) !important;
padding:0 !important;
}

#ModalPromocode .modal-close__3fYMP:hover{
background:rgba(255,255,255,.08) !important;
}

#ModalPromocode .modal-close__3fYMP .icon-close__33xrH{
width:12px !important;
height:12px !important;
opacity:.72 !important;
}

/* info block */
#ModalPromocode .alert__1mRuS{
padding:13px 14px !important;
border-radius:14px !important;
}

#ModalPromocode .alertWrapper__16IIw{
gap:12px !important;
}

#ModalPromocode .emoji__I5LNm{
width:28px !important;
height:28px !important;
}

#ModalPromocode .emoji__I5LNm img{
width:24px !important;
height:24px !important;
}

#ModalPromocode .textWrap__1wRVf{
font-size:13px !important;
line-height:1.4 !important;
}

/* divider */
#ModalPromocode .labelLine__K-o78{
margin:14px 0 12px !important;
}

#ModalPromocode .labelLine__K-o78 span{
font-size:10px !important;
padding:0 10px !important;
}

/* form */
#ModalPromocode .append__39K7E{
gap:6px !important;
justify-content:center !important;
}

#ModalPromocode .inputField__2A282{
height:46px !important;
padding:0 14px !important;
font-size:14px !important;
border-radius:13px !important;
}

#ModalPromocode .append__39K7E .btn__gUKaT{
height:46px !important;
padding:0 18px !important;
font-size:13px !important;
border-radius:13px !important;
}

/* remove extra visual breathing */
#ModalPromocode .bonusContent__Xx9Ij{
display:flex;
flex-direction:column;
gap:0 !important;
}

#ModalPromocode .codeWrapper__2MdUJ{
margin:0 !important;
}