/* NEO4K Lava Volcano Theme - global project styling */
:root {
  --neo-bg: #050000;
  --neo-bg-2: #120300;
  --neo-card: rgba(255, 88, 0, .075);
  --neo-card-2: rgba(255, 255, 255, .045);
  --neo-border: rgba(255, 106, 0, .24);
  --neo-border-2: rgba(255, 177, 0, .18);
  --neo-text: #fff7ef;
  --neo-muted: #d8c8bd;
  --neo-lava: #ff5a1f;
  --neo-lava-2: #ffb000;
  --neo-red: #ff1f00;
}
html, body {
  background: var(--neo-bg) !important;
  color: var(--neo-text) !important;
}
body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: -1;
  background:
    radial-gradient(circle at 12% 8%, rgba(255, 90, 0, .28), transparent 26%),
    radial-gradient(circle at 88% 18%, rgba(255, 0, 0, .20), transparent 30%),
    radial-gradient(circle at 50% 100%, rgba(255, 120, 0, .18), transparent 44%),
    linear-gradient(180deg, #090000, #050000 54%, #130300) !important;
}
section[class*="bg-[#050505]"], section, main {
  background-color: transparent !important;
}
header {
  background: rgba(10, 0, 0, .58) !important;
  border: 1px solid var(--neo-border) !important;
  border-radius: 28px !important;
  padding: 18px 22px !important;
  backdrop-filter: blur(18px);
  box-shadow: 0 0 45px rgba(255, 70, 0, .12) !important;
}
footer {
  background: rgba(10, 0, 0, .58) !important;
  border: 1px solid rgba(255, 106, 0, .18) !important;
  border-radius: 28px !important;
  padding: 28px !important;
  box-shadow: 0 0 45px rgba(255, 70, 0, .10) !important;
}
h1, h2 {
  letter-spacing: -.04em;
}
h1 {
  background: linear-gradient(90deg, #ffffff, #ffd0a8 52%, var(--neo-lava)) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
}
h2, h3, h4, b, strong {
  color: var(--neo-text) !important;
}
p, li, span, a, button, input, textarea, label {
  border-color: var(--neo-border) !important;
}
p, li, label, small {
  color: var(--neo-muted) !important;
}
a:hover, button:hover {
  color: #fff !important;
}
.rounded-3xl, .rounded-2xl, .rounded-xl {
  border-color: var(--neo-border) !important;
}
.rounded-3xl:not(header):not(footer),
.rounded-2xl:not(header):not(footer) {
  background: linear-gradient(180deg, var(--neo-card), var(--neo-card-2)) !important;
  box-shadow: 0 20px 50px rgba(255, 60, 0, .08) !important;
}
a[class*="bg-white"], a[class*="from-[#F5F5F5]"], button[class*="bg-white"], .lava-btn {
  background: linear-gradient(135deg, var(--neo-lava-2), var(--neo-lava) 45%, var(--neo-red)) !important;
  color: #fff !important;
  text-shadow: 0 2px 10px rgba(0, 0, 0, .55) !important;
  border-color: rgba(255, 177, 0, .36) !important;
  box-shadow: 0 18px 45px rgba(255, 74, 0, .28) !important;
}
a[class*="border"], button[class*="border"] {
  border-color: var(--neo-border) !important;
}
.content-dropdown > div,
details > div > div {
  background: #130300 !important;
  border-color: var(--neo-border) !important;
  box-shadow: 0 18px 50px rgba(255, 70, 0, .16) !important;
}
.content-dropdown a:hover,
details a:hover {
  background: rgba(255, 90, 0, .16) !important;
  color: #fff !important;
}
input, textarea, select {
  background: rgba(255, 255, 255, .06) !important;
  border-color: var(--neo-border) !important;
  color: #fff !important;
}
::placeholder {
  color: rgba(216, 200, 189, .72) !important;
}
img[alt="NEO 4K"] {
  filter: drop-shadow(0 0 18px rgba(255, 144, 0, .34));
}
header a[href="/"] span,
header a[href="/"] .text-2xl,
header span.tracking-wide {
  background: linear-gradient(90deg, #ffb000, #ff5a1f 52%, #ff1f00) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  text-shadow: 0 0 22px rgba(255, 90, 0, .35) !important;
}