body,
body.bg-slate-950,
.bg-slate-950 {
  background-color: #060606;
  background-image: radial-gradient(circle at 20% 20%, rgba(212, 175, 55, 0.14), transparent 30%),
                    radial-gradient(circle at 80% 0%, rgba(244, 215, 107, 0.08), transparent 25%);
  color: #f7f1db;
}

input, select, textarea {
  width: 100%;
  margin-top: 0.3rem;
  background: #111111;
  border: 1px solid #5f4b12;
  border-radius: 0.6rem;
  color: #f8fafc;
  padding: 0.65rem 0.75rem;
}

select option {
  background: #111111;
  color: #f8fafc;
}

label {
  display: block;
  font-size: 0.9rem;
  margin-top: 0.5rem;
  color: #f4d76b;
}

input:focus, select:focus, textarea:focus {
  outline: none;
  border-color: #d4af37;
  box-shadow: 0 0 0 1px rgba(212, 175, 55, 0.45);
}

.bg-cyan-400 {
  background-color: #d4af37 !important;
  color: #111111 !important;
}

.text-cyan-300,
.hover\:text-cyan-300:hover,
.hover\:text-cyan-200:hover {
  color: #f4d76b !important;
}

.border-cyan-400\/30 {
  border-color: rgba(212, 175, 55, 0.35) !important;
}

.bg-cyan-500\/10 {
  background-color: rgba(212, 175, 55, 0.12) !important;
}

.bg-slate-900,
.bg-slate-900\/50,
.bg-slate-900\/60,
.bg-slate-900\/80,
.bg-slate-950\/70 {
  background-color: rgba(12, 10, 6, 0.92) !important;
}

.from-slate-900 {
  --tw-gradient-from: rgba(12, 10, 6, 0.98) var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgba(12, 10, 6, 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}

.to-slate-950 {
  --tw-gradient-to: rgba(6, 6, 6, 0.98) var(--tw-gradient-to-position) !important;
}

.border-slate-700,
.border-slate-800 {
  border-color: rgba(212, 175, 55, 0.24) !important;
}

.text-slate-100 {
  color: #f7f1db !important;
}

.text-slate-300 {
  color: #dccb8a !important;
}

.text-slate-400 {
  color: #bfa960 !important;
}

.text-slate-500 {
  color: #9b8450 !important;
}

.text-slate-900 {
  color: #111111 !important;
}

.hover\:text-yellow-300:hover,
.hover\:text-cyan-300:hover,
.hover\:text-cyan-200:hover {
  color: #f7df85 !important;
}

.underline,
a {
  text-decoration-color: rgba(212, 175, 55, 0.6);
}

main section > .rounded-2xl,
main section > .rounded-3xl,
main form.rounded-2xl,
main .rounded-2xl.border,
main .rounded-3xl.border {
  box-shadow: inset 0 1px 0 rgba(244, 215, 107, 0.05), 0 16px 40px rgba(0, 0, 0, 0.32);
}

thead.bg-slate-900,
.bg-slate-900\/80 {
  background-color: rgba(18, 14, 8, 0.98) !important;
}

th {
  color: #f4d76b;
  font-weight: 700;
}

button,
.rounded-lg.bg-cyan-400,
.rounded-xl.bg-cyan-400 {
  box-shadow: 0 8px 24px rgba(212, 175, 55, 0.18);
}