body{
margin:0;
font-family:Arial,sans-serif;
background:#050505;
color:white;
overflow-x:hidden;
}

.bg{
position:fixed;
inset:0;
background:
radial-gradient(circle at top,#ff008055,transparent 40%),
radial-gradient(circle at bottom,#00ffff33,transparent 40%);
z-index:-1;
animation:pulse 4s infinite;
}

@keyframes pulse{
0%,100%{transform:scale(1);}
50%{transform:scale(1.05);}
}

header{
display:flex;
justify-content:space-between;
align-items:center;
padding:20px 40px;
border-bottom:1px solid #ffffff22;
backdrop-filter:blur(10px);
}

.logo{
font-size:38px;
font-weight:900;
color:#ff4dd2;
text-shadow:0 0 20px #ff00aa;
}

.lang-switch button{
background:#111;
border:1px solid #ff00aa;
color:white;
padding:10px 14px;
margin-left:10px;
cursor:pointer;
border-radius:10px;
}

.hero{
display:flex;
justify-content:space-between;
align-items:center;
padding:80px 60px;
flex-wrap:wrap;
gap:40px;
}

.content{
max-width:600px;
}

.badge{
display:inline-block;
padding:10px 18px;
background:#ff008022;
border:1px solid #ff0080;
border-radius:30px;
color:#ff77cc;
margin-bottom:20px;
animation:blink 1.5s infinite;
}

@keyframes blink{
50%{opacity:.5;}
}

h1{
font-size:64px;
line-height:1;
margin:0 0 20px;
}

p{
font-size:20px;
color:#ccc;
line-height:1.6;
}

.buttons{
margin-top:30px;
display:flex;
gap:20px;
flex-wrap:wrap;
}

.buttons a,.spin-btn{
text-decoration:none;
padding:18px 30px;
border-radius:18px;
font-weight:900;
transition:.3s;
}

.buttons a{
background:linear-gradient(45deg,#ff00aa,#ffcc00);
color:black;
}

.secondary{
border:2px solid #00ffff;
background:transparent!important;
color:#00ffff!important;
}

.buttons a:hover,.spin-btn:hover{
transform:scale(1.08);
box-shadow:0 0 30px #ff00aa;
}

.slot-machine{
width:340px;
padding:30px;
border-radius:30px;
background:linear-gradient(180deg,#111,#000);
border:6px solid gold;
box-shadow:0 0 40px rgba(255,215,0,.5);
text-align:center;
}

.slots{
display:flex;
gap:12px;
justify-content:center;
margin-bottom:30px;
}

.slot{
background:#111;
padding:20px;
font-size:60px;
border-radius:20px;
animation:spin 1s infinite alternate;
}

.slot:nth-child(2){animation-delay:.2s;}
.slot:nth-child(3){animation-delay:.4s;}

@keyframes spin{
from{transform:translateY(0px);}
to{transform:translateY(-10px);}
}

.bigwin{
font-size:40px;
font-weight:900;
color:#ffcc00;
text-shadow:0 0 20px gold;
}

.amount{
font-size:28px;
margin:10px 0 25px;
color:#ff44aa;
}

.spin-btn{
display:block;
background:linear-gradient(45deg,#ff00aa,#ffcc00);
color:black;
}

.features{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
gap:25px;
padding:40px 60px 80px;
}

.card{
background:#ffffff08;
border:1px solid #ffffff22;
padding:30px;
border-radius:24px;
backdrop-filter:blur(10px);
transition:.3s;
}

.card:hover{
transform:translateY(-5px);
box-shadow:0 0 30px #ff00aa44;
}

footer{
text-align:center;
padding:30px;
border-top:1px solid #ffffff22;
color:#999;
}

@media(max-width:900px){
.hero{
padding:40px 20px;
}

h1{
font-size:42px;
}

.logo{
font-size:28px;
}

.slot-machine{
width:100%;
max-width:340px;
margin:auto;
}
}