body { font-family: Arial, sans-serif; background:#1a1a1a; color:#fff; text-align:center; padding:20px; }
h1 { color:#ff0000; }
.banner { width:80%; max-width:600px; margin:20px 0; }
#numbers { display:flex; flex-wrap:wrap; justify-content:center; margin-top:20px; }
.numero { margin:5px; padding:20px; width:60px; height:60px; line-height:60px; font-size:20px; font-weight:bold; border:2px solid #ff0000; border-radius:8px; cursor:pointer; transition:0.2s; }
.disponivel { background:#000; color:#fff; }
.disponivel:hover { background:#ff0000; }
.vendido { background:#555; color:#ccc; cursor:not-allowed; }
.progress { width:80%; height:20px; background:#333; margin:20px auto; border-radius:10px; }
.progress div { height:100%; width:0; background:#ff0000; border-radius:10px; transition:0.3s; }