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

body{
background:#0b1320;
color:white;
}

.container{
max-width:900px;
margin:auto;
padding:40px 20px;
text-align:center;
}

.logo{
width:120px;
margin-bottom:20px;
}

.hero h1{
font-size:48px;
color:#f2a54a;
margin-bottom:10px;
}

.subtitle{
font-size:20px;
margin-bottom:10px;
}

.tagline{
color:#bbb;
margin-bottom:30px;
}

.btn{
display:inline-block;
padding:16px 40px;
background:linear-gradient(45deg,#f2a54a,#c87328);
border-radius:40px;
text-decoration:none;
color:white;
font-size:18px;
box-shadow:0 0 20px rgba(242,165,74,0.5);
}


/* GAME RATES */

.rates{
margin-top:80px;
}

.rates h2{
font-size:36px;
color:#f2a54a;
margin-bottom:5px;
}

.small{
color:#aaa;
margin-bottom:30px;
}

.table{
background:#111a2c;
border-radius:15px;
padding:20px;
}

.row{
display:grid;
grid-template-columns:1fr 1fr 1fr;
padding:15px;
border-bottom:1px solid rgba(255,255,255,0.1);
}

.row.header{
font-weight:bold;
color:#ccc;
}

.highlight{
background:linear-gradient(45deg,#c87328,#f2a54a);
border-radius:10px;
margin-top:10px;
}


/* FEATURES */

.features{
margin-top:80px;
}

.features h2{
font-size:36px;
color:#f2a54a;
margin-bottom:30px;
}

.grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:20px;
}

.card{
background:#111a2c;
padding:30px;
border-radius:15px;
border:1px solid rgba(255,255,255,0.1);
}

.card h3{
color:#f2a54a;
margin-bottom:10px;
}

.card p{
color:#bbb;
}