:root{
--primary-dark:#192a51;
--primary-light:#aaa1c8;
--accent-purple:#a297c0;
--deep-dark:#0a0e1a;
--card-bg:#141824;
--text-white:#ffffff;
--text-gray:#b8b9c5;
--neon-glow:#7c6fb8;
--success:#00ff88;
--border-subtle:rgba(170,161,200,0.12);
}

*{
margin:0;
padding:0;
box-sizing:border-box;
}

body{
font-family:'Open Sans',sans-serif;
background:#000000;
color:#ffffff;
line-height:1.6;
overflow-x:hidden;
}

.cas14moon{
position:fixed;
top:0;
left:0;
width:100%;
background:rgba(10,14,26,0.85);
backdrop-filter:blur(12px);
-webkit-backdrop-filter:blur(12px);
padding:1.1rem 0;
z-index:1000;
transition:all 0.3s ease;
border-bottom:1px solid var(--border-subtle);
}

.cas14moon.sticky{
background:rgba(10,14,26,0.95);
box-shadow:0 8px 32px rgba(0,0,0,0.4);
padding:0.85rem 0;
}

.zar-fluid99{
max-width:1320px;
margin:0 auto;
padding:0 2.5rem;
}

.fas77spine{
display:flex;
justify-content:space-between;
align-items:center;
}

.rea-logo23 img{
height:48px;
width:auto;
transition:transform 0.3s ease;
}

.rea-logo23 img:hover{
transform:scale(1.05);
}

.hhv-nav88{
display:flex;
align-items:center;
gap:2.8rem;
}

.bnt-link45{
display:flex;
align-items:center;
gap:0.5rem;
color:var(--text-gray);
text-decoration:none;
font-size:0.95rem;
font-weight:500;
transition:all 0.3s ease;
position:relative;
}

.bnt-link45 .material-symbols-outlined{
font-size:1.3rem;
}

.bnt-link45::after{
content:'';
position:absolute;
bottom:-8px;
left:0;
width:0;
height:2px;
background:linear-gradient(90deg,var(--primary-light),var(--neon-glow));
transition:width 0.3s ease;
}

.bnt-link45:hover{
color:var(--primary-light);
}

.bnt-link45:hover::after{
width:100%;
}

.ggh-login77{
background:linear-gradient(135deg,#aaa1c8 0%,#9088b3 100%);
padding:0.7rem 1.8rem;
border-radius:8px;
color:#000000;
font-weight:700;
text-decoration:none;
font-size:0.95rem;
transition:all 0.3s ease;
box-shadow:0 4px 15px rgba(170,161,200,0.3);
}

.ggh-login77:hover{
transform:translateY(-2px);
box-shadow:0 6px 20px rgba(170,161,200,0.45);
}

.wer-mobile12{
display:none;
cursor:pointer;
color:var(--primary-light);
}

.wer-mobile12 .material-symbols-outlined{
font-size:2rem;
}

.cas66arena{
height:50vh;
min-height:450px;
background-size:cover;
background-position:center;
position:relative;
display:flex;
align-items:center;
margin-top:82px;
}

.zar-overlay33{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:linear-gradient(135deg,rgba(0,0,0,0.92) 0%,rgba(25,42,81,0.75) 50%,rgba(0,0,0,0.88) 100%);
}

.fas-fluid99{
max-width:1320px;
margin:0 auto;
padding:0 2.5rem;
position:relative;
z-index:2;
width:100%;
}

.rea-hero-content88{
max-width:720px;
animation:fadeInUp 0.8s ease;
}

@keyframes fadeInUp{
from{
opacity:0;
transform:translateY(30px);
}
to{
opacity:1;
transform:translateY(0);
}
}

.rea-hero-content88 h1{
font-size:3.5rem;
font-weight:800;
line-height:1.15;
margin-bottom:1.5rem;
color:#ffffff;
text-shadow:0 4px 20px rgba(0,0,0,0.5);
}

.ggh-hero-text55{
font-size:1.2rem;
color:var(--text-gray);
margin-bottom:2.5rem;
font-weight:400;
line-height:1.7;
}

.wer-hero-buttons{
display:flex;
gap:1.2rem;
}

.cas-btn-primary44{
background:linear-gradient(135deg,var(--primary-light) 0%,var(--neon-glow) 100%);
color:#000000;
padding:1rem 2.5rem;
text-decoration:none;
border-radius:8px;
font-weight:700;
font-size:1rem;
transition:all 0.3s ease;
box-shadow:0 6px 25px rgba(170,161,200,0.35);
}

.cas-btn-primary44:hover{
transform:translateY(-3px);
box-shadow:0 10px 35px rgba(170,161,200,0.5);
}

.zar-btn-secondary66{
background:rgba(255,255,255,0.05);
color:var(--primary-light);
padding:1rem 2.5rem;
text-decoration:none;
border-radius:8px;
font-weight:700;
font-size:1rem;
border:2px solid var(--primary-light);
transition:all 0.3s ease;
backdrop-filter:blur(10px);
}

.zar-btn-secondary66:hover{
background:rgba(170,161,200,0.15);
border-color:var(--neon-glow);
transform:translateY(-3px);
}

.bnt88scale{
background:var(--deep-dark);
padding:2.5rem 0;
border-top:1px solid var(--border-subtle);
border-bottom:1px solid var(--border-subtle);
}

.zar-fluid-stats{
max-width:1100px;
margin:0 auto;
padding:0 2.5rem;
}

.rea-stats-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:1rem;
}

.cas-stat-card{
background:rgba(20,24,36,0.6);
padding:1.2rem 1rem;
border-radius:10px;
border:1px solid var(--border-subtle);
display:flex;
flex-direction:column;
align-items:center;
text-align:center;
gap:0.8rem;
transition:all 0.3s ease;
}

.cas-stat-card:hover{
transform:translateY(-3px);
border-color:var(--primary-light);
background:rgba(20,24,36,0.8);
box-shadow:0 8px 20px rgba(170,161,200,0.15);
}

.zar-stat-icon{
width:48px;
height:48px;
background:linear-gradient(135deg,var(--primary-light),var(--neon-glow));
border-radius:10px;
display:flex;
align-items:center;
justify-content:center;
flex-shrink:0;
}

.zar-stat-icon .material-symbols-outlined{
font-size:1.6rem;
color:#000000;
font-weight:600;
}

.fas-stat-content{
display:flex;
flex-direction:column;
gap:0.2rem;
}

.fas-stat-content h3{
font-size:1.1rem;
font-weight:700;
color:#ffffff;
line-height:1.2;
}

.ggh-stat-label{
font-size:0.8rem;
color:var(--text-gray);
font-weight:500;
line-height:1.2;
}

.cas89reaps{
background:#000000;
padding:5rem 0;
}

.zar-fluid-games{
max-width:1320px;
margin:0 auto;
padding:0 2.5rem;
}

.fas-games-title77{
text-align:center;
margin-bottom:3.5rem;
}

.fas-games-title77 h2{
font-size:2.8rem;
font-weight:800;
background:linear-gradient(135deg,#ffffff 0%,var(--primary-light) 100%);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
background-clip:text;
margin-bottom:1rem;
}

.fas-games-title77 p{
font-size:1.15rem;
color:var(--text-gray);
font-weight:400;
}

.rea-games-grid44{
display:grid;
grid-template-columns:repeat(5,1fr);
gap:1.8rem;
margin-bottom:3rem;
}

.hhv-game-card11{
background:var(--card-bg);
border-radius:16px;
overflow:hidden;
transition:all 0.4s cubic-bezier(0.4,0,0.2,1);
border:1px solid var(--border-subtle);
cursor:pointer;
position:relative;
}

.hhv-game-card11::before{
content:'';
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
background:linear-gradient(135deg,transparent 0%,rgba(170,161,200,0.1) 100%);
opacity:0;
transition:opacity 0.4s ease;
z-index:1;
pointer-events:none;
}

.hhv-game-card11:hover::before{
opacity:1;
}

.hhv-game-card11:hover{
transform:translateY(-10px) scale(1.02);
box-shadow:0 15px 40px rgba(170,161,200,0.25);
border-color:var(--primary-light);
}

.bnt-game-img{
position:relative;
width:100%;
padding-top:140%;
overflow:hidden;
background:linear-gradient(135deg,#1a1f2e 0%,#0f1419 100%);
}

.bnt-game-img img{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
object-fit:cover;
transition:transform 0.6s cubic-bezier(0.4,0,0.2,1);
}

.hhv-game-card11:hover .bnt-game-img img{
transform:scale(1.15);
}

.ggh-hover-overlay{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:linear-gradient(to top,rgba(0,0,0,0.85) 0%,transparent 60%);
opacity:0;
transition:opacity 0.4s ease;
}

.hhv-game-card11:hover .ggh-hover-overlay{
opacity:1;
}

.wer-game-info{
padding:1.3rem 1.2rem;
}

.cas-game-name{
font-size:1.05rem;
font-weight:700;
color:#ffffff;
margin-bottom:1rem;
text-align:center;
min-height:2.8rem;
display:flex;
align-items:center;
justify-content:center;
line-height:1.3;
}

.zar-game-buttons{
display:flex;
flex-direction:column;
gap:0.6rem;
}

.fas-btn-demo,.rea-btn-real{
padding:0.7rem 1.2rem;
text-align:center;
text-decoration:none;
font-size:0.9rem;
font-weight:700;
border-radius:8px;
transition:all 0.3s ease;
}

.fas-btn-demo{
background:rgba(170,161,200,0.1);
color:var(--primary-light);
border:1.5px solid rgba(170,161,200,0.3);
}

.fas-btn-demo:hover{
background:rgba(170,161,200,0.2);
border-color:var(--primary-light);
}

.rea-btn-real{
background:linear-gradient(135deg,var(--primary-light) 0%,var(--neon-glow) 100%);
color:#000000;
border:none;
}

.rea-btn-real:hover{
transform:translateY(-2px);
box-shadow:0 8px 20px rgba(170,161,200,0.4);
}

.wer-load-more{
text-align:center;
margin-top:3rem;
}

.cas-btn-load{
background:rgba(170,161,200,0.12);
color:var(--primary-light);
padding:1rem 3rem;
text-decoration:none;
border-radius:8px;
font-weight:700;
font-size:1rem;
border:2px solid rgba(170,161,200,0.3);
transition:all 0.3s ease;
display:inline-block;
}

.cas-btn-load:hover{
background:rgba(170,161,200,0.2);
border-color:var(--primary-light);
transform:translateY(-3px);
}

.rea44fence{
background:var(--deep-dark);
padding:5rem 0;
border-top:1px solid var(--border-subtle);
}

.zar-fluid-features{
max-width:1320px;
margin:0 auto;
padding:0 2.5rem;
}

.fas-features-title{
text-align:center;
margin-bottom:4rem;
}

.fas-features-title h2{
font-size:2.8rem;
font-weight:800;
background:linear-gradient(135deg,#ffffff 0%,var(--primary-light) 100%);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
background-clip:text;
margin-bottom:1rem;
}

.fas-features-title p{
font-size:1.15rem;
color:var(--text-gray);
}

.hhv-features-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:2rem;
}

.bnt-feature-box{
background:var(--card-bg);
padding:2.5rem 2rem;
border-radius:16px;
border:1px solid var(--border-subtle);
transition:all 0.3s ease;
text-align:center;
}

.bnt-feature-box:hover{
transform:translateY(-8px);
border-color:var(--primary-light);
box-shadow:0 12px 35px rgba(170,161,200,0.2);
}

.cas-feature-icon{
width:75px;
height:75px;
background:linear-gradient(135deg,var(--primary-light),var(--neon-glow));
border-radius:16px;
display:flex;
align-items:center;
justify-content:center;
margin:0 auto 1.5rem;
}

.cas-feature-icon .material-symbols-outlined{
font-size:2.5rem;
color:#000000;
font-weight:600;
}

.zar-feature-title{
font-size:1.3rem;
font-weight:700;
color:#ffffff;
margin-bottom:0.8rem;
}

.fas-feature-text{
font-size:0.95rem;
color:var(--text-gray);
line-height:1.6;
}

.ggh77reaps{
background:#000000;
padding:5rem 0;
border-top:1px solid var(--border-subtle);
}

.zar-fluid-providers{
max-width:1320px;
margin:0 auto;
padding:0 2.5rem;
}

.fas-providers-title{
text-align:center;
margin-bottom:3.5rem;
}

.fas-providers-title h2{
font-size:2.5rem;
font-weight:800;
background:linear-gradient(135deg,#ffffff 0%,var(--primary-light) 100%);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
background-clip:text;
margin-bottom:1rem;
}

.fas-providers-title p{
font-size:1.1rem;
color:var(--text-gray);
}

.rea-providers-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:2rem;
}

.hhv-provider-logo{
background:var(--card-bg);
padding:2rem;
border-radius:12px;
border:1px solid var(--border-subtle);
display:flex;
align-items:center;
justify-content:center;
transition:all 0.3s ease;
min-height:120px;
}

.hhv-provider-logo:hover{
transform:translateY(-5px);
border-color:var(--primary-light);
box-shadow:0 10px 30px rgba(170,161,200,0.2);
}

.hhv-provider-logo img{
max-width:140px;
height:auto;
opacity:0.85;
transition:opacity 0.3s ease;
filter:grayscale(30%);
}

.hhv-provider-logo:hover img{
opacity:1;
filter:grayscale(0%);
}

.fas88fence{
background:var(--deep-dark);
border-top:1px solid var(--border-subtle);
}

.rea-footer-top99{
padding:4rem 0 2.5rem;
}

.hhv-fluid-footer{
max-width:1320px;
margin:0 auto;
padding:0 2.5rem;
}

.bnt-footer-grid{
display:grid;
grid-template-columns:1.6fr 1fr 1fr 1fr;
gap:3rem;
}

.cas-footer-logo{
height:50px;
width:auto;
margin-bottom:1.5rem;
}

.zar-footer-desc{
color:var(--text-gray);
font-size:0.9rem;
line-height:1.7;
margin-bottom:2rem;
}

.fas-regulators44{
margin-top:1.8rem;
}

.rea-reg-title{
font-size:0.85rem;
color:var(--primary-light);
margin-bottom:1rem;
font-weight:600;
text-transform:uppercase;
letter-spacing:0.5px;
}

.rea-reg-logos{
display:flex;
gap:0.8rem;
flex-wrap:wrap;
}

.rea-reg-logos a{
display:block;
background:rgba(170,161,200,0.08);
padding:0.5rem 0.8rem;
border-radius:8px;
transition:all 0.3s ease;
border:1px solid transparent;
}

.rea-reg-logos a:hover{
background:rgba(170,161,200,0.15);
border-color:var(--primary-light);
}

.rea-reg-logos img{
height:30px;
width:auto;
}

.hhv-footer-heading{
font-size:1.1rem;
color:#ffffff;
margin-bottom:1.5rem;
font-weight:700;
}

.bnt-deposit-text{
color:var(--text-gray);
font-size:0.9rem;
margin-bottom:1.2rem;
line-height:1.6;
}

.wer-payment-icons{
display:flex;
gap:0.6rem;
margin-bottom:1.5rem;
flex-wrap:wrap;
}

.wer-payment-icons img{
height:32px;
width:auto;
background:rgba(255,255,255,0.05);
padding:0.4rem 0.6rem;
border-radius:6px;
transition:all 0.3s ease;
border:1px solid transparent;
}

.wer-payment-icons img:hover{
background:rgba(255,255,255,0.1);
border-color:var(--primary-light);
}

.cas-deposit-list{
list-style:none;
margin-bottom:1.5rem;
}

.cas-deposit-list li{
color:var(--text-gray);
font-size:0.9rem;
margin-bottom:0.5rem;
padding-left:1.2rem;
position:relative;
}

.cas-deposit-list li:before{
content:'✓';
position:absolute;
left:0;
color:var(--success);
font-weight:700;
}

.zar-footer-link{
color:var(--primary-light);
text-decoration:none;
font-size:0.9rem;
font-weight:600;
transition:color 0.3s ease;
display:inline-flex;
align-items:center;
gap:0.3rem;
}

.zar-footer-link:hover{
color:#ffffff;
}

.fas-responsible-text{
color:var(--text-gray);
font-size:0.9rem;
margin-bottom:1.2rem;
line-height:1.7;
}

.rea-responsible-list{
list-style:none;
margin-bottom:1.5rem;
}

.rea-responsible-list li{
color:var(--text-gray);
font-size:0.9rem;
margin-bottom:0.5rem;
padding-left:1.2rem;
position:relative;
}

.rea-responsible-list li:before{
content:'✓';
position:absolute;
left:0;
color:var(--success);
font-weight:700;
}

.ggh-footer-links{
list-style:none;
margin-bottom:2rem;
}

.ggh-footer-links li{
margin-bottom:0.7rem;
}

.ggh-footer-links a{
color:var(--text-gray);
text-decoration:none;
font-size:0.9rem;
transition:all 0.3s ease;
display:inline-block;
}

.ggh-footer-links a:hover{
color:var(--primary-light);
transform:translateX(5px);
}

.cas-contact-info{
margin-top:1.5rem;
}

.cas-contact-info p{
display:flex;
align-items:flex-start;
gap:0.5rem;
color:var(--text-gray);
font-size:0.85rem;
margin-bottom:0.8rem;
}

.cas-contact-info .material-symbols-outlined{
color:var(--primary-light);
font-size:1.1rem;
}

.cas-contact-info a{
color:var(--text-gray);
text-decoration:none;
transition:color 0.3s ease;
}

.cas-contact-info a:hover{
color:var(--primary-light);
}

.zar-footer-bottom88{
border-top:1px solid var(--border-subtle);
padding:2rem 0;
text-align:center;
}

.rea-copyright{
color:var(--primary-light);
font-size:0.9rem;
margin-bottom:0.5rem;
font-weight:500;
}

.bnt-warning{
color:var(--text-gray);
font-size:0.85rem;
line-height:1.6;
max-width:800px;
margin:0 auto;
}

@media (max-width:1400px){
.rea-games-grid44{
grid-template-columns:repeat(4,1fr);
gap:1.6rem;
}

.rea-providers-grid{
grid-template-columns:repeat(3,1fr);
}
}

@media (max-width:1100px){
.rea-stats-grid{
grid-template-columns:repeat(2,1fr);
gap:0.8rem;
}

.rea-games-grid44{
grid-template-columns:repeat(3,1fr);
gap:1.4rem;
}

.hhv-features-grid{
grid-template-columns:1fr;
gap:1.8rem;
}

.bnt-footer-grid{
grid-template-columns:1fr 1fr;
gap:2.5rem;
}
}

@media (max-width:768px){
.hhv-nav88{
position:fixed;
top:82px;
left:-100%;
width:100%;
height:calc(100vh - 82px);
background:rgba(10,14,26,0.98);
backdrop-filter:blur(15px);
flex-direction:column;
justify-content:flex-start;
padding:3rem 2rem;
gap:2rem;
transition:left 0.4s ease;
}

.hhv-nav88.active{
left:0;
}

.wer-mobile12{
display:block;
}

.bnt-link45,.ggh-login77{
width:100%;
text-align:center;
justify-content:center;
}

.cas66arena{
height:50vh;
min-height:400px;
margin-top:82px;
}

.rea-hero-content88{
text-align:center;
}

.rea-hero-content88 h1{
font-size:2.5rem;
}

.ggh-hero-text55{
font-size:1.05rem;
}

.wer-hero-buttons{
justify-content:center;
flex-direction:column;
}

.cas-btn-primary44,.zar-btn-secondary66{
width:100%;
}

.rea-stats-grid{
grid-template-columns:1fr;
gap:1.2rem;
}

.rea-games-grid44{
grid-template-columns:repeat(2,1fr);
gap:1.2rem;
}

.hhv-features-grid{
grid-template-columns:1fr;
gap:1.8rem;
}

.rea-providers-grid{
grid-template-columns:repeat(2,1fr);
gap:1.5rem;
}

.bnt-footer-grid{
grid-template-columns:1fr;
gap:2.5rem;
}
}

@media (max-width:480px){
.zar-fluid99,.hhv-fluid-footer,.fas-fluid99,.zar-fluid-games,.zar-fluid-stats,.zar-fluid-features,.zar-fluid-providers{
padding:0 1.5rem;
}

.rea-stats-grid{
grid-template-columns:repeat(2,1fr);
gap:0.7rem;
}

.cas-stat-card{
padding:1rem 0.8rem;
}

.zar-stat-icon{
width:42px;
height:42px;
}

.zar-stat-icon .material-symbols-outlined{
font-size:1.4rem;
}

.fas-stat-content h3{
font-size:0.95rem;
}

.ggh-stat-label{
font-size:0.75rem;
}

.rea-logo23 img{
height:42px;
}

.cas14moon{
padding:0.9rem 0;
}

.rea-hero-content88 h1{
font-size:2rem;
}

.ggh-hero-text55{
font-size:0.95rem;
}

.fas-games-title77 h2,.fas-features-title h2,.fas-providers-title h2{
font-size:2rem;
}

.rea-games-grid44{
grid-template-columns:1fr;
gap:1.2rem;
}

.bnt-game-img{
padding-top:120%;
}

.cas-footer-logo{
height:44px;
}

.rea-reg-logos{
gap:0.6rem;
}

.rea-reg-logos img{
height:26px;
}

.wer-payment-icons img{
height:28px;
}
}


.cas-age-overlay{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.96);
backdrop-filter:blur(15px);
-webkit-backdrop-filter:blur(15px);
z-index:99999;
display:flex;
align-items:center;
justify-content:center;
}

.cas-age-overlay.hidden{
display:none;
}

.zar-verify-box{
background:linear-gradient(135deg,#192a51 0%,#0f1a35 100%);
padding:3rem 2.5rem;
border-radius:16px;
max-width:480px;
width:90%;
text-align:center;
border:1px solid rgba(170,161,200,0.2);
box-shadow:0 20px 60px rgba(0,0,0,0.5);
}

.fas-age-icon{
width:80px;
height:80px;
background:linear-gradient(135deg,#aaa1c8,#7c6fb8);
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
margin:0 auto 1.5rem;
font-size:3rem;
color:#000;
font-weight:700;
}

.rea-age-title{
font-size:1.8rem;
font-weight:800;
color:#ffffff;
margin-bottom:1rem;
font-family:Arial,sans-serif;
}

.hhv-age-text{
font-size:1rem;
color:#b8b9c5;
margin-bottom:2rem;
line-height:1.6;
font-family:Arial,sans-serif;
}

.bnt-age-buttons{
display:flex;
gap:1rem;
justify-content:center;
}

.ggh-btn-yes,.wer-btn-no{
padding:0.9rem 2.5rem;
border-radius:8px;
font-size:1rem;
font-weight:700;
cursor:pointer;
transition:all 0.3s ease;
border:none;
font-family:Arial,sans-serif;
}

.ggh-btn-yes{
background:linear-gradient(135deg,#aaa1c8,#9088b3);
color:#000;
}

.ggh-btn-yes:hover{
transform:translateY(-2px);
box-shadow:0 8px 25px rgba(170,161,200,0.4);
}

.wer-btn-no{
background:rgba(255,255,255,0.08);
color:#aaa1c8;
border:2px solid rgba(170,161,200,0.3);
}

.wer-btn-no:hover{
background:rgba(255,255,255,0.12);
border-color:#aaa1c8;
}

@media(max-width:480px){
.zar-verify-box{
padding:2.5rem 1.5rem;
}

.rea-age-title{
font-size:1.5rem;
}

.hhv-age-text{
font-size:0.9rem;
}

.bnt-age-buttons{
flex-direction:column;
}

.ggh-btn-yes,.wer-btn-no{
width:100%;
}
}



.cas-support-badge{
position:fixed;
right:25px;
bottom:25px;
z-index:9999;
}

.zar-badge-btn{
width:60px;
height:60px;
background:linear-gradient(135deg,#aaa1c8,#9088b3);
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
cursor:pointer;
box-shadow:0 6px 20px rgba(170,161,200,0.4);
transition:all 0.3s ease;
border:none;
}

.zar-badge-btn:hover{
transform:scale(1.1);
box-shadow:0 8px 30px rgba(170,161,200,0.6);
}

.zar-badge-btn .material-symbols-outlined{
font-size:1.8rem;
color:#000;
font-weight:600;
}

.fas-support-form{
position:fixed;
right:25px;
bottom:95px;
width:340px;
background:linear-gradient(135deg,#192a51 0%,#0f1a35 100%);
border-radius:16px;
padding:1.8rem;
box-shadow:0 12px 40px rgba(0,0,0,0.6);
border:1px solid rgba(170,161,200,0.2);
display:none;
opacity:0;
transform:translateY(20px);
transition:all 0.3s ease;
}

.fas-support-form.active{
display:block;
opacity:1;
transform:translateY(0);
}

.rea-form-header{
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:1.5rem;
}

.hhv-form-title{
font-size:1.3rem;
font-weight:700;
color:#ffffff;
}

.bnt-close-btn{
background:rgba(255,255,255,0.08);
border:none;
width:32px;
height:32px;
border-radius:8px;
display:flex;
align-items:center;
justify-content:center;
cursor:pointer;
transition:all 0.3s ease;
}

.bnt-close-btn:hover{
background:rgba(255,255,255,0.15);
}

.bnt-close-btn .material-symbols-outlined{
font-size:1.2rem;
color:#aaa1c8;
}

.ggh-form-group{
margin-bottom:1rem;
}

.wer-form-label{
display:block;
font-size:0.9rem;
color:#b8b9c5;
margin-bottom:0.5rem;
font-weight:500;
}

.cas-form-input,.zar-form-textarea{
width:100%;
padding:0.8rem;
background:rgba(255,255,255,0.05);
border:1px solid rgba(170,161,200,0.2);
border-radius:8px;
color:#ffffff;
font-size:0.9rem;
font-family:Arial,sans-serif;
transition:all 0.3s ease;
}

.cas-form-input:focus,.zar-form-textarea:focus{
outline:none;
border-color:#aaa1c8;
background:rgba(255,255,255,0.08);
}

.zar-form-textarea{
resize:vertical;
min-height:100px;
}

.fas-submit-btn{
width:100%;
padding:0.9rem;
background:linear-gradient(135deg,#aaa1c8,#9088b3);
border:none;
border-radius:8px;
color:#000;
font-weight:700;
font-size:1rem;
cursor:pointer;
transition:all 0.3s ease;
}

.fas-submit-btn:hover{
transform:translateY(-2px);
box-shadow:0 6px 20px rgba(170,161,200,0.4);
}

.rea-thankyou-popup{
position:fixed;
top:50%;
left:50%;
transform:translate(-50%,-50%) scale(0.8);
background:linear-gradient(135deg,#192a51 0%,#0f1a35 100%);
padding:2.5rem;
border-radius:16px;
text-align:center;
box-shadow:0 20px 60px rgba(0,0,0,0.8);
border:1px solid rgba(170,161,200,0.2);
z-index:99999;
opacity:0;
display:none;
transition:all 0.4s ease;
max-width:400px;
width:90%;
}

.rea-thankyou-popup.active{
display:block;
opacity:1;
transform:translate(-50%,-50%) scale(1);
}

.hhv-popup-icon{
width:80px;
height:80px;
background:linear-gradient(135deg,#aaa1c8,#7c6fb8);
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
margin:0 auto 1.5rem;
}

.hhv-popup-icon .material-symbols-outlined{
font-size:3rem;
color:#000;
font-weight:600;
}

.bnt-popup-title{
font-size:1.6rem;
font-weight:800;
color:#ffffff;
margin-bottom:0.8rem;
}

.ggh-popup-text{
font-size:1rem;
color:#b8b9c5;
margin-bottom:1.5rem;
line-height:1.6;
}

.wer-popup-close{
padding:0.8rem 2rem;
background:linear-gradient(135deg,#aaa1c8,#9088b3);
border:none;
border-radius:8px;
color:#000;
font-weight:700;
cursor:pointer;
transition:all 0.3s ease;
}

.wer-popup-close:hover{
transform:translateY(-2px);
box-shadow:0 6px 20px rgba(170,161,200,0.4);
}

.cas-overlay-bg{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.8);
backdrop-filter:blur(5px);
z-index:99998;
display:none;
opacity:0;
transition:opacity 0.3s ease;
}

.cas-overlay-bg.active{
display:block;
opacity:1;
}

@media(max-width:480px){
.fas-support-form{
right:10px;
left:10px;
width:auto;
bottom:85px;
}

.cas-support-badge{
right:15px;
bottom:15px;
}

.zar-badge-btn{
width:55px;
height:55px;
}
}




/* ADD THIS CSS TO YOUR moon-syles.css FILE */

.wer33route{
height:30vh;
min-height:320px;
background-size:cover;
background-position:center;
position:relative;
display:flex;
align-items:center;
border-top:1px solid var(--border-subtle);
border-bottom:1px solid var(--border-subtle);
}

.cas-bonus-overlay{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.75);
}

.zar-fluid-cta{
max-width:1320px;
margin:0 auto;
padding:0 2.5rem;
position:relative;
z-index:2;
width:100%;
}

.fas-cta-content{
max-width:750px;
margin:0 auto;
text-align:center;
}

.rea-cta-title{
font-size:2.5rem;
font-weight:800;
color:#ffffff;
margin-bottom:1.2rem;
line-height:1.2;
}

.hhv-cta-text{
font-size:1.1rem;
color:var(--text-gray);
margin-bottom:2rem;
line-height:1.7;
}

.bnt-cta-buttons{
display:flex;
gap:1rem;
justify-content:center;
}

.ggh-cta-primary,.wer-cta-secondary{
padding:1rem 2.5rem;
text-decoration:none;
border-radius:8px;
font-weight:700;
font-size:1rem;
transition:all 0.3s ease;
}

.ggh-cta-primary{
background:linear-gradient(135deg,var(--primary-light) 0%,var(--neon-glow) 100%);
color:#000000;
box-shadow:0 6px 25px rgba(170,161,200,0.35);
}

.ggh-cta-primary:hover{
transform:translateY(-3px);
box-shadow:0 10px 35px rgba(170,161,200,0.5);
}

.wer-cta-secondary{
background:rgba(255,255,255,0.05);
color:var(--primary-light);
border:2px solid var(--primary-light);
backdrop-filter:blur(10px);
}

.wer-cta-secondary:hover{
background:rgba(170,161,200,0.15);
border-color:var(--neon-glow);
transform:translateY(-3px);
}

/* MOBILE STYLES - ADD TO @media (max-width:768px) SECTION */
@media(max-width:768px){
.wer33route{
height:auto;
min-height:280px;
padding:3rem 0;
}

.rea-cta-title{
font-size:1.8rem;
}

.hhv-cta-text{
font-size:1rem;
margin-bottom:1.5rem;
}

.bnt-cta-buttons{
flex-direction:column;
}

.ggh-cta-primary,.wer-cta-secondary{
width:100%;
}
}

@media(max-width:480px){
.wer33route{
min-height:260px;
padding:2.5rem 0;
}

.zar-fluid-cta{
padding:0 1.5rem;
}

.rea-cta-title{
font-size:1.5rem;
}

.hhv-cta-text{
font-size:0.9rem;
}

.ggh-cta-primary,.wer-cta-secondary{
padding:0.9rem 2rem;
font-size:0.95rem;
}
}


/* POLICY PAGES CSS - ADD TO moon-syles.css */

.fas44arena{
background:#000000;
padding:6rem 0 4rem;
min-height:calc(100vh - 400px);
margin-top:82px;
}

.zar-policy-wrapper{
max-width:1100px;
margin:0 auto;
padding:0 2.5rem;
}

.rea66moon{
background:rgba(20,24,36,0.4);
border:1px solid rgba(170,161,200,0.12);
border-radius:12px;
padding:3.5rem 3rem;
}

.rea66moon h1{
font-size:2.8rem;
font-weight:800;
color:#ffffff;
margin-bottom:1.5rem;
line-height:1.2;
}

.rea66moon h2{
font-size:1.8rem;
font-weight:700;
color:#aaa1c8;
margin-top:2.5rem;
margin-bottom:1.2rem;
line-height:1.3;
}

.rea66moon h3{
font-size:1.4rem;
font-weight:600;
color:#b8b9c5;
margin-top:2rem;
margin-bottom:1rem;
line-height:1.3;
}

.rea66moon p{
font-size:1rem;
color:#d0d0d0;
line-height:1.8;
margin-bottom:1.5rem;
}

.rea66moon p:last-child{
margin-bottom:0;
}

@media(max-width:768px){
.fas44arena{
padding:4rem 0 3rem;
}

.zar-policy-wrapper{
padding:0 1.5rem;
}

.rea66moon{
padding:2.5rem 2rem;
}

.rea66moon h1{
font-size:2.2rem;
margin-bottom:1.2rem;
}

.rea66moon h2{
font-size:1.5rem;
margin-top:2rem;
margin-bottom:1rem;
}

.rea66moon h3{
font-size:1.2rem;
margin-top:1.5rem;
margin-bottom:0.8rem;
}

.rea66moon p{
font-size:0.95rem;
line-height:1.7;
margin-bottom:1.2rem;
}
}

@media(max-width:480px){
.zar-policy-wrapper{
padding:0 1rem;
}

.rea66moon{
padding:2rem 1.5rem;
}

.rea66moon h1{
font-size:1.8rem;
}

.rea66moon h2{
font-size:1.3rem;
}

.rea66moon h3{
font-size:1.1rem;
}

.rea66moon p{
font-size:0.9rem;
}
}


/* BONUSES PAGE CSS - ADD TO moon-syles.css */

.wer77scale{
height:45vh;
min-height:380px;
background-size:cover;
background-position:center;
position:relative;
display:flex;
align-items:center;
margin-top:82px;
border-bottom:1px solid var(--border-subtle);
}

.cas-bonus-dark{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:linear-gradient(135deg,rgba(0,0,0,0.88) 0%,rgba(25,42,81,0.75) 50%,rgba(0,0,0,0.88) 100%);
}

.zar-hero-bonus{
max-width:1320px;
margin:0 auto;
padding:0 2.5rem;
position:relative;
z-index:2;
width:100%;
text-align:center;
}

.fas-bonus-content{
max-width:800px;
margin:0 auto;
}

.rea-bonus-hero{
font-size:3.5rem;
font-weight:900;
color:#ffffff;
margin-bottom:1.2rem;
line-height:1.1;
text-shadow:0 4px 20px rgba(0,0,0,0.5);
}

.hhv-bonus-sub{
font-size:1.3rem;
color:#b8b9c5;
font-weight:400;
line-height:1.6;
}

.bnt55fence{
background:#000000;
padding:5rem 0;
}

.zar-bonus-container{
max-width:1320px;
margin:0 auto;
padding:0 2.5rem;
display:grid;
grid-template-columns:repeat(3,1fr);
gap:2.5rem;
}

.cas-bonus-card{
background:linear-gradient(135deg,rgba(20,24,36,0.6) 0%,rgba(26,31,46,0.6) 100%);
border:1px solid rgba(170,161,200,0.15);
border-radius:20px;
overflow:hidden;
transition:all 0.4s cubic-bezier(0.4,0,0.2,1);
position:relative;
}

.cas-bonus-card::before{
content:'';
position:absolute;
top:0;
left:0;
right:0;
height:4px;
background:linear-gradient(90deg,var(--primary-light) 0%,var(--neon-glow) 100%);
opacity:0;
transition:opacity 0.4s ease;
}

.cas-bonus-card:hover::before{
opacity:1;
}

.cas-bonus-card:hover{
transform:translateY(-12px);
border-color:rgba(170,161,200,0.4);
box-shadow:0 20px 50px rgba(170,161,200,0.25);
background:linear-gradient(135deg,rgba(20,24,36,0.8) 0%,rgba(26,31,46,0.8) 100%);
}

.rea-bonus-badge{
width:80px;
height:80px;
background:linear-gradient(135deg,var(--primary-light),var(--neon-glow));
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
margin:2.5rem auto 0;
box-shadow:0 8px 25px rgba(170,161,200,0.3);
}

.rea-bonus-badge .material-symbols-outlined{
font-size:3rem;
color:#000000;
font-weight:700;
}

.fas-bonus-header{
text-align:center;
padding:1.5rem 2rem 0;
}

.hhv-bonus-title{
font-size:1.6rem;
font-weight:800;
color:#ffffff;
margin-bottom:1rem;
}

.ggh-bonus-amount{
font-size:2.2rem;
font-weight:900;
background:linear-gradient(135deg,var(--primary-light) 0%,#ffffff 100%);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
background-clip:text;
margin-bottom:0.5rem;
}

.wer-bonus-body{
padding:1.5rem 2rem;
}

.bnt-bonus-desc{
color:#d0d0d0;
font-size:0.95rem;
line-height:1.7;
margin-bottom:1.8rem;
text-align:center;
}

.cas-bonus-features{
display:flex;
flex-direction:column;
gap:0.8rem;
}

.zar-feature-item{
display:flex;
align-items:center;
gap:0.8rem;
color:#b8b9c5;
font-size:0.9rem;
}

.zar-feature-item .material-symbols-outlined{
color:var(--success);
font-size:1.3rem;
font-weight:600;
flex-shrink:0;
}

.rea-bonus-footer{
padding:0 2rem 2.5rem;
}

.fas-claim-btn{
display:block;
width:100%;
padding:1rem;
background:linear-gradient(135deg,var(--primary-light) 0%,var(--neon-glow) 100%);
color:#000000;
text-decoration:none;
border-radius:12px;
font-weight:800;
font-size:1.05rem;
text-align:center;
transition:all 0.3s ease;
box-shadow:0 6px 20px rgba(170,161,200,0.3);
text-transform:uppercase;
letter-spacing:0.5px;
}

.fas-claim-btn:hover{
transform:translateY(-3px);
box-shadow:0 10px 30px rgba(170,161,200,0.5);
}

@media(max-width:1100px){
.zar-bonus-container{
grid-template-columns:repeat(2,1fr);
gap:2rem;
}
}

@media(max-width:768px){
.wer77scale{
height:40vh;
min-height:320px;
}

.rea-bonus-hero{
font-size:2.5rem;
}

.hhv-bonus-sub{
font-size:1.1rem;
}

.bnt55fence{
padding:3.5rem 0;
}

.zar-bonus-container{
grid-template-columns:1fr;
gap:2rem;
padding:0 1.5rem;
}

.rea-bonus-badge{
width:70px;
height:70px;
margin-top:2rem;
}

.rea-bonus-badge .material-symbols-outlined{
font-size:2.5rem;
}

.fas-bonus-header{
padding:1.2rem 1.5rem 0;
}

.hhv-bonus-title{
font-size:1.4rem;
}

.ggh-bonus-amount{
font-size:1.9rem;
}

.wer-bonus-body{
padding:1.2rem 1.5rem;
}

.rea-bonus-footer{
padding:0 1.5rem 2rem;
}
}

@media(max-width:480px){
.zar-hero-bonus{
padding:0 1.5rem;
}

.rea-bonus-hero{
font-size:2rem;
}

.hhv-bonus-sub{
font-size:1rem;
}

.zar-bonus-container{
padding:0 1rem;
}

.rea-bonus-badge{
width:65px;
height:65px;
}

.rea-bonus-badge .material-symbols-outlined{
font-size:2.2rem;
}

.hhv-bonus-title{
font-size:1.3rem;
}

.ggh-bonus-amount{
font-size:1.7rem;
}

.bnt-bonus-desc{
font-size:0.9rem;
}

.zar-feature-item{
font-size:0.85rem;
}

.fas-claim-btn{
padding:0.9rem;
font-size:1rem;
}
}


/* DEPOSIT PAGE CSS - ADD TO moon-syles.css */

.cas77route{
background:#000000;
padding:6rem 0 4rem;
min-height:calc(100vh - 400px);
margin-top:82px;
}

.zar-deposit-wrapper{
max-width:1200px;
margin:0 auto;
padding:0 2.5rem;
}

.fas-deposit-header{
text-align:center;
margin-bottom:3rem;
}

.rea-deposit-title{
font-size:3rem;
font-weight:900;
color:#ffffff;
margin-bottom:1rem;
}

.hhv-deposit-subtitle{
font-size:1.2rem;
color:#b8b9c5;
font-weight:400;
}

.bnt-login-notice{
background:linear-gradient(135deg,rgba(170,161,200,0.15) 0%,rgba(124,111,184,0.1) 100%);
border:1px solid rgba(170,161,200,0.3);
border-radius:16px;
padding:2.5rem;
margin-bottom:3.5rem;
display:flex;
gap:2rem;
align-items:center;
}

.ggh-notice-icon{
width:80px;
height:80px;
background:linear-gradient(135deg,var(--primary-light),var(--neon-glow));
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
flex-shrink:0;
}

.ggh-notice-icon .material-symbols-outlined{
font-size:3rem;
color:#000000;
font-weight:700;
}

.wer-notice-content{
flex:1;
}

.cas-notice-title{
font-size:1.6rem;
font-weight:800;
color:#ffffff;
margin-bottom:0.8rem;
}

.zar-notice-text{
font-size:1rem;
color:#d0d0d0;
margin-bottom:1.5rem;
line-height:1.7;
}

.rea-notice-btn{
display:inline-block;
background:linear-gradient(135deg,var(--primary-light) 0%,var(--neon-glow) 100%);
color:#000000;
padding:0.9rem 2.5rem;
text-decoration:none;
border-radius:8px;
font-weight:800;
font-size:1rem;
transition:all 0.3s ease;
box-shadow:0 6px 20px rgba(170,161,200,0.3);
text-transform:uppercase;
letter-spacing:0.5px;
}

.rea-notice-btn:hover{
transform:translateY(-2px);
box-shadow:0 10px 30px rgba(170,161,200,0.5);
}

.fas-payment-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
gap:2rem;
margin-bottom:4rem;
}

.hhv-payment-card{
background:linear-gradient(135deg,rgba(20,24,36,0.6) 0%,rgba(26,31,46,0.6) 100%);
border:1px solid rgba(170,161,200,0.15);
border-radius:16px;
padding:2rem;
transition:all 0.3s ease;
}

.hhv-payment-card:hover{
transform:translateY(-5px);
border-color:rgba(170,161,200,0.4);
box-shadow:0 12px 30px rgba(170,161,200,0.2);
}

.bnt-payment-icon{
width:100px;
height:70px;
background:rgba(255,255,255,0.05);
border-radius:12px;
display:flex;
align-items:center;
justify-content:center;
margin:0 auto 1.5rem;
padding:1rem;
}

.bnt-payment-icon img{
max-width:100%;
max-height:100%;
object-fit:contain;
}

.cas-payment-name{
font-size:1.4rem;
font-weight:700;
color:#ffffff;
text-align:center;
margin-bottom:1.5rem;
}

.zar-payment-details{
display:flex;
flex-direction:column;
gap:0.8rem;
}

.rea-detail-row{
display:flex;
justify-content:space-between;
align-items:center;
padding:0.5rem 0;
border-bottom:1px solid rgba(170,161,200,0.1);
}

.rea-detail-row:last-child{
border-bottom:none;
}

.ggh-detail-label{
font-size:0.9rem;
color:#b8b9c5;
font-weight:500;
}

.wer-detail-value{
font-size:0.95rem;
color:#ffffff;
font-weight:600;
}

.wer-deposit-info{
background:rgba(20,24,36,0.4);
border:1px solid rgba(170,161,200,0.12);
border-radius:16px;
padding:2.5rem;
}

.cas-info-title{
font-size:1.8rem;
font-weight:800;
color:#aaa1c8;
margin-bottom:1.5rem;
}

.zar-info-text{
font-size:1rem;
color:#d0d0d0;
line-height:1.8;
margin-bottom:1.2rem;
}

.zar-info-text:last-child{
margin-bottom:0;
}

@media(max-width:768px){
.cas77route{
padding:4rem 0 3rem;
}

.zar-deposit-wrapper{
padding:0 1.5rem;
}

.rea-deposit-title{
font-size:2.2rem;
}

.hhv-deposit-subtitle{
font-size:1.05rem;
}

.bnt-login-notice{
flex-direction:column;
text-align:center;
padding:2rem;
gap:1.5rem;
}

.ggh-notice-icon{
width:70px;
height:70px;
margin:0 auto;
}

.ggh-notice-icon .material-symbols-outlined{
font-size:2.5rem;
}

.cas-notice-title{
font-size:1.4rem;
}

.zar-notice-text{
font-size:0.95rem;
}

.rea-notice-btn{
width:100%;
text-align:center;
}

.fas-payment-grid{
grid-template-columns:1fr;
gap:1.5rem;
}

.hhv-payment-card{
padding:1.8rem;
}

.bnt-payment-icon{
width:90px;
height:60px;
}

.cas-payment-name{
font-size:1.3rem;
}

.wer-deposit-info{
padding:2rem;
}

.cas-info-title{
font-size:1.5rem;
}

.zar-info-text{
font-size:0.95rem;
}
}

@media(max-width:480px){
.zar-deposit-wrapper{
padding:0 1rem;
}

.rea-deposit-title{
font-size:1.9rem;
}

.hhv-deposit-subtitle{
font-size:1rem;
}

.bnt-login-notice{
padding:1.5rem;
}

.ggh-notice-icon{
width:65px;
height:65px;
}

.cas-notice-title{
font-size:1.3rem;
}

.rea-notice-btn{
padding:0.8rem 2rem;
font-size:0.95rem;
}

.bnt-payment-icon{
width:80px;
height:55px;
}

.wer-deposit-info{
padding:1.5rem;
}
}



/* LOGIN PAGE CSS - ADD TO moon-syles.css */

.cas88scale{
background:#000000;
padding:6rem 0;
min-height:calc(100vh - 300px);
margin-top:82px;
display:flex;
align-items:center;
}

.zar-auth-container{
max-width:520px;
margin:0 auto;
padding:0 2rem;
width:100%;
}

.fas-auth-box{
background:linear-gradient(135deg,rgba(20,24,36,0.8) 0%,rgba(26,31,46,0.8) 100%);
border:1px solid rgba(170,161,200,0.2);
border-radius:20px;
overflow:hidden;
box-shadow:0 20px 60px rgba(0,0,0,0.5);
}

.rea-auth-tabs{
display:flex;
border-bottom:1px solid rgba(170,161,200,0.15);
}

.hhv-tab-btn{
flex:1;
padding:1.2rem;
background:transparent;
border:none;
color:#b8b9c5;
font-size:1.1rem;
font-weight:700;
cursor:pointer;
transition:all 0.3s ease;
position:relative;
}

.hhv-tab-btn::after{
content:'';
position:absolute;
bottom:0;
left:0;
width:100%;
height:3px;
background:linear-gradient(90deg,var(--primary-light),var(--neon-glow));
transform:scaleX(0);
transition:transform 0.3s ease;
}

.hhv-tab-btn.active{
color:#ffffff;
}

.hhv-tab-btn.active::after{
transform:scaleX(1);
}

.hhv-tab-btn:hover{
color:#ffffff;
background:rgba(170,161,200,0.05);
}

.bnt-form-container{
padding:2.5rem 2rem;
}

.bnt-form-container.hidden{
display:none;
}

.ggh-form-title{
font-size:2rem;
font-weight:900;
color:#ffffff;
margin-bottom:0.5rem;
text-align:center;
}

.wer-form-subtitle{
font-size:1rem;
color:#b8b9c5;
text-align:center;
margin-bottom:2rem;
}

.cas-error-message{
display:none;
align-items:center;
gap:0.8rem;
background:rgba(255,75,75,0.15);
border:1px solid rgba(255,75,75,0.4);
border-radius:10px;
padding:1rem;
margin-bottom:1.5rem;
color:#ff6b6b;
font-size:0.9rem;
}

.cas-error-message .material-symbols-outlined{
font-size:1.5rem;
flex-shrink:0;
}

.zar-input-group{
margin-bottom:1.5rem;
}

.fas-input-label{
display:block;
font-size:0.9rem;
color:#b8b9c5;
margin-bottom:0.6rem;
font-weight:600;
}

.rea-input-field{
width:100%;
padding:0.9rem 1rem;
background:rgba(255,255,255,0.05);
border:1px solid rgba(170,161,200,0.2);
border-radius:10px;
color:#ffffff;
font-size:1rem;
font-family:'Open Sans',sans-serif;
transition:all 0.3s ease;
}

.rea-input-field:focus{
outline:none;
border-color:var(--primary-light);
background:rgba(255,255,255,0.08);
box-shadow:0 0 0 3px rgba(170,161,200,0.1);
}

.rea-input-field::placeholder{
color:#7a7a8c;
}

.cas-checkbox-group{
display:flex;
align-items:center;
gap:0.8rem;
margin-bottom:1.5rem;
}

.fas-checkbox{
width:20px;
height:20px;
cursor:pointer;
accent-color:var(--primary-light);
}

.rea-checkbox-label{
color:#d0d0d0;
font-size:0.95rem;
cursor:pointer;
user-select:none;
}

.hhv-submit-btn{
width:100%;
padding:1rem;
background:linear-gradient(135deg,var(--primary-light) 0%,var(--neon-glow) 100%);
color:#000000;
border:none;
border-radius:10px;
font-weight:800;
font-size:1.05rem;
cursor:pointer;
transition:all 0.3s ease;
box-shadow:0 6px 20px rgba(170,161,200,0.3);
text-transform:uppercase;
letter-spacing:0.5px;
}

.hhv-submit-btn:hover{
transform:translateY(-2px);
box-shadow:0 10px 30px rgba(170,161,200,0.5);
}

.bnt-form-footer{
margin-top:2rem;
padding-top:1.5rem;
border-top:1px solid rgba(170,161,200,0.1);
text-align:center;
}

.ggh-switch-text{
color:#b8b9c5;
font-size:0.95rem;
}

.wer-switch-link{
color:var(--primary-light);
text-decoration:none;
font-weight:700;
transition:color 0.3s ease;
}

.wer-switch-link:hover{
color:#ffffff;
}

.cas-overlay-bg{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.85);
backdrop-filter:blur(8px);
z-index:99998;
display:none;
opacity:0;
transition:opacity 0.3s ease;
}

.cas-overlay-bg.active{
display:block;
opacity:1;
}

.rea-thankyou-popup{
position:fixed;
top:50%;
left:50%;
transform:translate(-50%,-50%) scale(0.8);
background:linear-gradient(135deg,#192a51 0%,#0f1a35 100%);
padding:3rem 2.5rem;
border-radius:20px;
text-align:center;
box-shadow:0 20px 80px rgba(0,0,0,0.9);
border:1px solid rgba(170,161,200,0.3);
z-index:99999;
opacity:0;
display:none;
transition:all 0.4s ease;
max-width:450px;
width:90%;
}

.rea-thankyou-popup.active{
display:block;
opacity:1;
transform:translate(-50%,-50%) scale(1);
}

.hhv-popup-icon{
width:90px;
height:90px;
background:linear-gradient(135deg,var(--primary-light),var(--neon-glow));
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
margin:0 auto 1.8rem;
}

.hhv-popup-icon .material-symbols-outlined{
font-size:3.5rem;
color:#000000;
font-weight:700;
}

.bnt-popup-title{
font-size:1.8rem;
font-weight:900;
color:#ffffff;
margin-bottom:1rem;
}

.ggh-popup-text{
font-size:1.05rem;
color:#b8b9c5;
margin-bottom:2rem;
line-height:1.7;
}

.wer-popup-close{
padding:0.9rem 2.5rem;
background:linear-gradient(135deg,var(--primary-light),var(--neon-glow));
border:none;
border-radius:10px;
color:#000000;
font-weight:800;
font-size:1rem;
cursor:pointer;
transition:all 0.3s ease;
text-transform:uppercase;
letter-spacing:0.5px;
}

.wer-popup-close:hover{
transform:translateY(-2px);
box-shadow:0 8px 25px rgba(170,161,200,0.5);
}

@media(max-width:768px){
.cas88scale{
padding:4rem 0;
}

.zar-auth-container{
padding:0 1.5rem;
}

.bnt-form-container{
padding:2rem 1.5rem;
}

.ggh-form-title{
font-size:1.7rem;
}

.wer-form-subtitle{
font-size:0.95rem;
}

.hhv-tab-btn{
font-size:1rem;
padding:1rem;
}
}

@media(max-width:480px){
.zar-auth-container{
padding:0 1rem;
}

.bnt-form-container{
padding:1.8rem 1.2rem;
}

.ggh-form-title{
font-size:1.5rem;
}

.wer-form-subtitle{
font-size:0.9rem;
}

.rea-input-field{
padding:0.8rem;
font-size:0.95rem;
}

.hhv-submit-btn{
padding:0.9rem;
font-size:1rem;
}

.rea-thankyou-popup{
padding:2.5rem 2rem;
}

.hhv-popup-icon{
width:80px;
height:80px;
}

.hhv-popup-icon .material-symbols-outlined{
font-size:3rem;
}

.bnt-popup-title{
font-size:1.6rem;
}

.ggh-popup-text{
font-size:1rem;
}
}


.cas-game-wrapper{
margin-top:82px;
width:100%;
height:calc(100vh - 82px);
background:#000000;
position:relative;
}

.zar-game-frame{
width:100%;
height:100%;
border:none;
display:block;
}

@media(max-width:768px){
.cas-game-wrapper{
height:calc(100vh - 82px);
}
}