body {
  font-family: 'Segoe UI', Arial, sans-serif;
  background: linear-gradient(to bottom right, #002b6d, #ff6600);
  color: #fff;
  margin: 0;
  min-height: 100vh;
}
header {
  text-align: center;
  padding: 40px 10px;
  background: rgba(0,0,0,0.3);
}
h1 { font-size: 2.5em; margin-bottom: .2em; }
main { max-width: 800px; margin: 40px auto; background: rgba(255,255,255,0.1); padding: 30px; border-radius: 10px; }
label { display:block; margin-top:10px; }
input, select { width:100%; padding:10px; border-radius:5px; border:none; margin-top:5px; }
button {
  margin-top:20px; background:#ff6600; border:none; padding:12px 30px; color:white;
  font-size:1em; border-radius:5px; cursor:pointer;
}
button:hover { background:#ff8533; }
table { width:100%; border-collapse: collapse; color:#fff; }
th, td { padding:10px; border-bottom:1px solid rgba(255,255,255,0.2); }
tr:nth-child(even){ background: rgba(255,255,255,0.05); }
a.btn { background:#ff6600; padding:10px 20px; border-radius:5px; color:white; text-decoration:none; }
a.btn:hover { background:#ff8533; }
footer { text-align:center; padding:20px; font-size:.9em; background: rgba(0,0,0,0.4); margin-top:40px; }