/* ==== RESET & BASE ==== */
*{margin:0;padding:0;box-sizing:border-box}
html{font-size:16px}
body{
  font-family:'Segoe UI',Arial,sans-serif;
  background:#f5f7fa;
  color:#333;
  line-height:1.5;
}

/* ==== CONTAINER ==== */
.container{
  max-width:420px;
  margin:2rem auto;
  background:#fff;
  border-radius:12px;
  overflow:hidden;
  box-shadow:0 8px 30px rgba(0,0,0,.1);
  position:relative;
}

/* ==== HEADER ==== */
.header{
  background:#0d3b66;
  color:#fff;
  padding:1rem;
  text-align:center;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:.5rem;
}
.header img.logo{width:32px;height:auto}
.header .badge{
  background:#28a745;
  color:#fff;
  font-size:.65rem;
  padding:.2rem .5rem;
  border-radius:4px;
  margin-left:auto;
}

/* ==== CONTENT ==== */
.content{padding:1.5rem}
h1{font-size:1.4rem;margin-bottom:.8rem;color:#0d3b66}
p{font-size:.95rem;margin-bottom:1rem}

/* ==== PRIZE BOX ==== */
.prize-box{
  background:#fff9e6;
  border:2px solid #ffb800;
  border-radius:8px;
  padding:1rem;
  text-align:center;
  margin:1rem 0;
}
.prize-box .amount{
  font-size:2rem;
  font-weight:700;
  color:#d32f2f;
}
.prize-box .ticket{font-size:.9rem;color:#555}

/* ==== BUTTONS ==== */
.btn{
  display:block;
  width:100%;
  padding:.9rem;
  font-weight:600;
  text-align:center;
  border:none;
  border-radius:8px;
  cursor:pointer;
  margin:1rem 0;
  text-decoration:none;
}
.btn-primary{background:#ff9800;color:#fff}
.btn-primary:hover{background:#e68900}
.btn-secondary{background:#607d8b;color:#fff}
.btn-secondary:hover{background:#546e7a}

/* ==== FORMS ==== */
form .row{display:flex;gap:.5rem}
form input, form select{
  flex:1;
  padding:.7rem;
  border:1px solid #ccc;
  border-radius:6px;
  font-size:.95rem;
}
form input:focus{outline:none;border-color:#ff9800}

/* ==== QR ==== */
.qr{text-align:center;margin:1rem 0}
.qr img{width:150px;height:auto}

/* ==== FOOTER ==== */
.footer{
  background:#eee;
  padding:1rem;
  text-align:center;
  font-size:.8rem;
  color:#666;
}
.footer a{color:#0d3b66;text-decoration:underline}