:root{
  --bg:#0b1020;
  --card:#141a2a;
  --accent:#8b5cf6;
  --muted:#94a3b8;
}
*{box-sizing:border-box}
body{background:linear-gradient(120deg,#0b1020,#111827) fixed;color:#e5e7eb;margin:0}
.navbar{background:rgba(20,26,42,.7)!important;backdrop-filter:saturate(180%) blur(10px);}
.card{background:linear-gradient(160deg,#141a2a,#0f172a);border:1px solid #1f2937;border-radius:1.25rem}
.badge-market{background:linear-gradient(90deg,#8b5cf6,#06b6d4);}
.footer{color:var(--muted);}
.form-control, .form-select, textarea{background-color:#0b1220;color:#e5e7eb;border-color:#243041}
.form-control:focus, .form-select:focus, textarea:focus{border-color:#8b5cf6;box-shadow:0 0 0 .2rem rgba(139,92,246,.25)}
.table{color:#e5e7eb}
.table td, .table th{border-color:#1f2937}
.hero{
  border:1px solid #1f2937;border-radius:1.25rem;margin-top:1rem;
  background:radial-gradient(1200px 400px at 10% -10%,rgba(139,92,246,.25),transparent 50%),
             radial-gradient(800px 300px at 90% 0,rgba(6,182,212,.2),transparent 50%),
             linear-gradient(160deg,#0b1325,#0b1325);
}
.angka-jitu{color:#ffffff;font-size:2rem;font-weight:800;letter-spacing:.15em}
.countdown{font-weight:700}
.btn-danger-outline{color:#fca5a5;border:1px solid #ef4444;background:transparent}
.btn-danger-outline:hover{background:#ef4444;color:white}
.small-muted{color:#94a3b8;font-size:.9rem}