*{
box-sizing:border-box;
}


body{

margin:0;
background:#050505;
color:white;
font-family:'Roboto Condensed', Arial, sans-serif;

}


/* HEADER */

.header{

background:
linear-gradient(135deg,#3b0000,#d40000,#550000);

text-align:center;

padding:40px;

font-size:45px;
font-family:'Roboto Condensed',sans-serif;
font-weight:900;

letter-spacing:2px;
line-height:1.5;
color:white;

text-shadow:
0 0 10px gold,
0 0 25px red,
0 0 40px orange;

border-bottom:3px solid gold;

}



/* DÒNG TIÊU ĐỀ */

.title{

text-align:center;

margin-top:40px;

font-size:35px;

font-weight:bold;

color:#ffcc00;

}



/* KHUNG GIẢI */

.container{

width:90%;

margin:auto;

display:grid;

grid-template-columns:repeat(3,1fr);

gap:30px;

margin-top:50px;

}



/* CARD */

.card{

background:
linear-gradient(145deg,#222,#111);

border-radius:20px;

padding:35px;

text-align:center;

border:1px solid #444;

box-shadow:
0 0 20px rgba(255,0,0,.3);

transition:.3s;

}



.card:hover{

transform:translateY(-10px) scale(1.05);

background:#8b0000;

box-shadow:
0 0 30px red;

cursor:pointer;

}



/* ICON */

.icon{

font-size:70px;

}



/* TÊN GIẢI */

.name{

font-size:25px;

font-weight:bold;

margin-top:20px;

}



/* BUTTON */

.btn{

margin-top:25px;

display:inline-block;

padding:15px 35px;

background:
linear-gradient(#ffd700,#ff9900);

color:black;

font-weight:bold;

border-radius:10px;

text-decoration:none;

box-shadow:

0 0 15px gold;

}



.btn:hover{

background:white;

}



/* KHU VỰC HIỂN THỊ */

#content{

width:90%;

margin:50px auto;

padding:35px;

background:#171717;

border-radius:20px;

border:1px solid #444;

box-shadow:

0 0 20px rgba(255,215,0,.2);

}



/* FOOTER */


.footer{

margin-top:60px;

padding:25px;

text-align:center;

background:#111;

color:#aaa;

border-top:1px solid #333;

}



*{
box-sizing:border-box;
}


body{

margin:0;
background:#050505;
color:white;
font-family:'Roboto Condensed', Arial, sans-serif;

}


/* HEADER */

.header{

background:
linear-gradient(135deg,#3b0000,#d40000,#550000);

text-align:center;

padding:40px;

font-size:45px;
font-family:'Roboto Condensed',sans-serif;
font-weight:900;

letter-spacing:2px;
line-height:1.5;
color:white;

text-shadow:
0 0 10px gold,
0 0 25px red,
0 0 40px orange;

border-bottom:3px solid gold;

}



/* DÒNG TIÊU ĐỀ */

.title{

text-align:center;

margin-top:40px;

font-size:35px;

font-weight:bold;

color:#ffcc00;

}



/* KHUNG GIẢI */

.container{

width:90%;

margin:auto;

display:grid;

grid-template-columns:repeat(3,1fr);

gap:30px;

margin-top:50px;

}



/* CARD */

.card{

background:
linear-gradient(145deg,#222,#111);

border-radius:20px;

padding:35px;

text-align:center;

border:1px solid #444;

box-shadow:
0 0 20px rgba(255,0,0,.3);

transition:.3s;

}



.card:hover{

transform:translateY(-10px) scale(1.05);

background:#8b0000;

box-shadow:
0 0 30px red;

cursor:pointer;

}



/* ICON */

.icon{

font-size:70px;

}



/* TÊN GIẢI */

.name{

font-size:25px;

font-weight:bold;

margin-top:20px;

}



/* BUTTON */

.btn{

margin-top:25px;

display:inline-block;

padding:15px 35px;

background:
linear-gradient(#ffd700,#ff9900);

color:black;

font-weight:bold;

border-radius:10px;

text-decoration:none;

box-shadow:

0 0 15px gold;

}



.btn:hover{

background:white;

}



/* KHU VỰC HIỂN THỊ */

#content{

width:90%;

margin:50px auto;

padding:35px;

background:#171717;

border-radius:20px;

border:1px solid #444;

box-shadow:

0 0 20px rgba(255,215,0,.2);

}



/* FOOTER */


.footer{

margin-top:60px;

padding:25px;

text-align:center;

background:#111;

color:#aaa;

border-top:1px solid #333;

}
.bang16{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:20px;
margin:25px 0;
}

.bangbox{
background:#202938;
border:2px solid #FFD700;
border-radius:15px;
padding:20px;
box-shadow:0 0 12px rgba(255,215,0,.25);
}

.bangbox h3{
text-align:center;
color:#FFD700;
margin-bottom:15px;
font-size:22px;
}

.bangbox div{
text-align:center;
line-height:2;
font-size:18px;
}

.slot{
background:#2d3748;
margin:10px 0;
padding:12px 15px;
border-radius:10px;
border-left:5px solid #FFD700;
font-size:17px;
font-weight:bold;
color:#fff;
transition:all .25s ease;
}

.slot:hover{
background:#39465f;
transform:translateX(5px);
}