:root{
  --bg:#0b0c10; --panel:#141824; --panel2:#171c2a;
  --text:#f3f5f7; --muted:#cbd5e1;
  --accent:#ff2a2a; --accent2:#ff5a5a;
  --field:#0f1320; --field-border:rgba(255,42,42,.6);
}
html,body{background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial}
.nav-bg{background:#0b0c10}
.hero-bg{background:radial-gradient(1000px 600px at 10% -10%, rgba(255,0,0,.28), rgba(255,0,0,0) 55%), var(--bg)}
.form-card{background:var(--panel);color:var(--text);border:1px solid rgba(255,42,42,.5)}
.payment-box{background:var(--panel2);border:1px solid rgba(255,42,42,.5);border-radius:.75rem;padding:1rem}
.btn-danger{background:linear-gradient(90deg,var(--accent),var(--accent2));border:0;box-shadow:0 0 30px rgba(255,42,42,.25)}
.text-muted-strong{color:var(--muted)!important}
.table.table-dark{--bs-table-bg:var(--panel2);--bs-table-border-color:rgba(255,42,42,.4);--bs-table-striped-bg:rgba(255,42,42,.08);color:var(--text)}
.alert-contrast{background:var(--panel2);border:1px solid rgba(255,42,42,.5);color:var(--text)}
a{color:var(--accent)}

/* Readable inputs */
.form-label{color:var(--text)}
.form-control,.form-select{
  background-color:var(--field)!important;
  color:var(--text)!important;
  -webkit-text-fill-color:var(--text)!important;
  border:1px solid var(--field-border)!important;
  caret-color:#fff;
  background-clip: padding-box;
}
.form-control::placeholder{color:var(--muted)!important;opacity:.9}
.form-control:hover,.form-select:hover{background-color:var(--field)!important;color:var(--text)!important;border-color:var(--field-border)!important}
.form-control:focus,.form-select:focus{background-color:var(--field)!important;color:var(--text)!important;-webkit-text-fill-color:var(--text)!important;border-color:var(--accent)!important;box-shadow:0 0 0 .2rem rgba(255,42,42,.25)!important}
input:-webkit-autofill,input:-webkit-autofill:focus{ -webkit-text-fill-color:var(--text)!important; box-shadow:0 0 0px 1000px var(--field) inset !important; border:1px solid var(--field-border)!important; transition: background-color 9999s ease-in-out 0s !important;}
input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{ -webkit-appearance:none; margin:0;} input[type=number]{ -moz-appearance:textfield; }
input[readonly]{opacity:1;color:var(--text)!important;-webkit-text-fill-color:var(--text)!important}