:root{
  --bg:#050007;           /* deep black-purple */
  --card:#100020;         /* dark card */
  --fg:#eae6f8;           /* light text */
  --muted:#a68ecf;        /* muted lilac */
  --accent:#bb86fc;       /* bright purple accent */
  --radius:16px;
  --shadow:0 8px 28px rgba(0,0,0,.5);
}
*{box-sizing:border-box}
html,body{
  margin:0; padding:0;
  background:var(--bg); color:var(--fg);
  font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
}
.container{max-width:900px; margin:0 auto; padding:16px}
.header{padding-top:24px; text-align:center}
h1{margin:0 0 8px; font-size:36px}
.subtitle{margin:0; color:var(--muted)}
h2{margin:0 0 12px; font-size:22px}
.card{
  background:var(--card); border-radius:var(--radius);
  padding:16px; margin:16px 0; box-shadow:var(--shadow)
}
.center{text-align:center}
.countdown{font-size:56px; font-weight:800; color:var(--accent)}
.muted{color:var(--muted)}
.small{font-size:13px}
.table-wrap{overflow:auto}
table{width:100%; border-collapse:collapse}
th,td{padding:10px 12px; border-bottom:1px solid rgba(255,255,255,.08); text-align:left}
th{color:var(--muted); font-weight:600; font-size:14px}
a{color:var(--accent); text-decoration:none}
a:hover{text-decoration:underline}
.rules{margin:8px 0 0 18px}
.footer{padding-bottom:40px; text-align:center}