*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,Arial,sans-serif}
body{background:#f7f4ef;color:#333}
header{background:#7b1f1f;color:#fff;padding:15px 30px;display:flex;justify-content:space-between;align-items:center}
header a{color:#fff;text-decoration:none;margin-left:18px}
.container{max-width:1200px;margin:auto;padding:30px 20px}
.hero{background:linear-gradient(135deg,#7b1f1f,#b8860b);color:#fff;text-align:center;padding:60px 20px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}
.card,.box{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.1)}
.card img,.gallery img{width:100%}
.card h3,.card p,.card .meta{padding:8px 15px}
.btn{display:inline-block;background:#7b1f1f;color:#fff;text-decoration:none;border:none;padding:12px 18px;border-radius:8px;margin:15px;cursor:pointer}
.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:15px}
.gallery img{border-radius:10px}
input{width:100%;padding:12px;margin:10px 0;border:1px solid #ddd;border-radius:8px}
.result{display:grid;grid-template-columns:220px 1fr 80px;gap:10px;align-items:center;margin:15px 0}
.progress{height:18px;background:#ddd;border-radius:9px;overflow:hidden}
.progress div{height:100%;background:#b8860b}
.winners{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.winner{padding:30px;text-align:center}
footer{background:#222;color:#fff;text-align:center;padding:16px;margin-top:40px}
@media(max-width:768px){header{flex-direction:column;gap:8px}.result{grid-template-columns:1fr}}