/* style.css - simple responsive styles */
body { font-family: Arial, Helvetica, sans-serif; background:#fff7f2; color:#222; margin:0; padding:0; }
.container { max-width:1000px; margin:18px auto; padding:16px; background:#fff; box-shadow:0 6px 18px rgba(0,0,0,0.06); border-radius:8px; }
header { display:flex; gap:18px; align-items:center; }
.app-visual { width:260px; flex:0 0 260px; }
.heading h1 { margin:0 0 6px 0; font-size:22px; color:#7d1b1b; }
.form-box { margin-top:12px; padding:14px; border:1px dashed #eee; border-radius:8px; background:#fffefc; }
label { display:block; margin:8px 0; }
input[type="text"], input[type="date"], textarea, input[type="password"] { width:100%; padding:8px; border:1px solid #ddd; border-radius:6px; box-sizing:border-box; }
button { padding:10px 14px; background:#7d1b1b; color:#fff; border:none; border-radius:6px; cursor:pointer; }
button:hover { opacity:0.95; }
.participants, .winners-table, table { margin-top:12px; overflow:auto; }
table { width:100%; border-collapse:collapse; }
table th, table td { padding:8px; text-align:left; border-bottom:1px solid #f1f1f1; font-size:14px; }
.links { margin-top:10px; }
.admin header { display:flex; justify-content:space-between; align-items:center; }
.success { color:green; }
.error { color:red; }
img { max-width:100%; height:auto; }
@media (max-width:720px) { header { flex-direction:column; } .app-visual { width:200px; } }