@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700&family=Inter:wght@400;500;600;700&display=swap');

html,
body {
  background: #07253d !important;
  color: #ffffff !important;
}

.bg-surface-primary,
.bg-white,
[class*="bg-white"],
[class*="bg-surface"] {
  background: #07253d !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Oswald', sans-serif !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
}

body,
p,
span,
a,
li {
  font-family: 'Inter', sans-serif !important;
}

[class*="bg-white"][class*="rounded"],
[class*="shadow-md"],
[class*="shadow-lg"] {
  background: #002d52 !important;
  border: 1px solid rgba(46, 166, 209, 0.15) !important;
  color: #ffffff !important;
}

header,
nav:not(#prosper-nav-bar),
[class*="sticky"][class*="top-0"] {
  background: rgba(7, 37, 61, 0.95) !important;
  backdrop-filter: blur(20px) !important;
}

[class*="bg-accent"],
button[class*="bg-accent"] {
  background: #fdfd00 !important;
  color: #07253d !important;
  border-radius: 64px !important;
  font-family: 'Oswald', sans-serif !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
}

[class*="text-text-primary"],
[class*="text-gray-900"],
[class*="text-gray-800"] {
  color: #ffffff !important;
}

[class*="text-text-secondary"],
[class*="text-gray-600"],
[class*="text-gray-500"] {
  color: rgba(255, 255, 255, 0.7) !important;
}

[class*="text-3xl"][class*="font-bold"],
[class*="text-4xl"][class*="font-bold"] {
  color: #fdfd00 !important;
  font-family: 'Oswald', sans-serif !important;
}

footer {
  background: #050d15 !important;
  color: rgba(255, 255, 255, 0.6) !important;
}

input,
textarea,
select {
  background: rgba(7, 37, 61, 0.6) !important;
  border: 1px solid rgba(46, 166, 209, 0.2) !important;
  color: #ffffff !important;
}

[class*="border-gray"],
[class*="border-slate"] {
  border-color: rgba(46, 166, 209, 0.15) !important;
}

[class*="shadow-md"],
[class*="shadow-lg"],
[class*="shadow-xl"] {
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3) !important;
}

/* Bootstrap navbar + mobile collapse */
.navbar,
.landing-subnav,
.prosper-nav {
  background: rgba(7, 37, 61, 0.95) !important;
  border-bottom: 1px solid rgba(46, 166, 209, 0.12) !important;
}

.navbar-brand span,
.navbar-brand .fw-bold {
  color: #ffffff !important;
}

.navbar-toggler,
[class*="navbar-toggler"] {
  border-color: rgba(46, 166, 209, 0.35) !important;
  box-shadow: none !important;
}

.navbar-toggler-icon,
[class*="toggler-icon"] {
  filter: invert(1) brightness(2) !important;
}

.navbar-collapse,
.collapse.navbar-collapse {
  background: linear-gradient(180deg, rgba(0, 45, 82, 0.98), rgba(7, 37, 61, 0.98)) !important;
  border: 1px solid rgba(46, 166, 209, 0.2) !important;
  border-radius: 16px !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.35) !important;
  padding: 16px !important;
  margin-top: 12px !important;
}

@media (min-width: 992px) {
  .navbar-collapse,
  .collapse.navbar-collapse {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin-top: 0 !important;
  }
}

.nav-item,
.nav-link,
.navbar .nav-link {
  color: rgba(255, 255, 255, 0.84) !important;
  font-family: 'Oswald', sans-serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
  letter-spacing: 1.5px !important;
}

.nav-link:hover,
.navbar .nav-link:hover {
  color: #2ea6d1 !important;
}

.nav-link.active,
.navbar .nav-link.active {
  color: #fdfd00 !important;
}

.dropdown-menu,
[class*="dropdown-menu"] {
  background: linear-gradient(180deg, rgba(0, 45, 82, 0.98), rgba(7, 37, 61, 0.98)) !important;
  border: 1px solid rgba(46, 166, 209, 0.2) !important;
  border-radius: 14px !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.35) !important;
}

.dropdown-item,
[class*="dropdown-item"] {
  color: rgba(255, 255, 255, 0.88) !important;
  font-family: 'Inter', sans-serif !important;
}

.dropdown-item:hover,
[class*="dropdown-item"]:hover {
  background: rgba(46, 166, 209, 0.12) !important;
  color: #ffffff !important;
}

/* Injected Prosper network menu */
#prosper-nav-bar {
  background: rgba(7, 37, 61, 0.98) !important;
  border-bottom: 1px solid rgba(46, 166, 209, 0.12) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.22) !important;
}

#prosper-nav-bar .pn-logo {
  border-right-color: rgba(46, 166, 209, 0.18) !important;
}

#prosper-nav-bar .pn-lk,
#prosper-nav-bar .pn-tr {
  color: rgba(255, 255, 255, 0.84) !important;
  font-family: 'Oswald', sans-serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

#prosper-nav-bar .pn-lk:hover,
#prosper-nav-bar .pn-lk.pn-ac,
#prosper-nav-bar .pn-dd[data-open="true"] .pn-tr {
  color: #fdfd00 !important;
  background: rgba(253, 253, 0, 0.08) !important;
}

#prosper-nav-bar .pn-lk.pn-ac {
  border-bottom-color: #fdfd00 !important;
}

#prosper-nav-bar .pn-tb {
  color: rgba(255, 255, 255, 0.84) !important;
  border-color: rgba(46, 166, 209, 0.28) !important;
}

#prosper-nav-bar .pn-tb:hover {
  color: #fdfd00 !important;
  border-color: #fdfd00 !important;
  background: rgba(253, 253, 0, 0.08) !important;
}

#prosper-nav-bar .pn-hb span {
  background: #ffffff !important;
}

#prosper-nav-bar .pn-dp {
  background: linear-gradient(180deg, rgba(0, 45, 82, 0.98), rgba(7, 37, 61, 0.98)) !important;
  border: 1px solid rgba(46, 166, 209, 0.22) !important;
  border-radius: 0 0 16px 16px !important;
  box-shadow: 0 20px 48px rgba(0, 0, 0, 0.42) !important;
}

#prosper-nav-bar .pn-dg {
  padding: 12px !important;
}

#prosper-nav-bar .pn-di {
  color: rgba(255, 255, 255, 0.9) !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important;
  background: transparent !important;
}

#prosper-nav-bar .pn-lb {
  color: inherit !important;
}

#prosper-nav-bar .pn-di:hover {
  background: rgba(46, 166, 209, 0.12) !important;
  color: #ffffff !important;
}

#prosper-nav-bar .pn-mk {
  background: rgba(46, 166, 209, 0.18) !important;
  border: 1px solid rgba(46, 166, 209, 0.26) !important;
  color: #9adcf0 !important;
}

#prosper-nav-bar .pn-cur .pn-mk {
  background: #fdfd00 !important;
  border-color: #fdfd00 !important;
  color: #07253d !important;
}

#prosper-nav-bar .pn-soon .pn-mk {
  background: rgba(253, 253, 0, 0.12) !important;
  border-color: rgba(253, 253, 0, 0.28) !important;
  color: #fdfd00 !important;
}

#prosper-nav-bar .pn-bg-c {
  background: #fdfd00 !important;
  color: #07253d !important;
}

#prosper-nav-bar .pn-bg-s {
  background: rgba(46, 166, 209, 0.15) !important;
  color: #9adcf0 !important;
}

#prosper-nav-bar.pn-mo .pn-dp {
  background: rgba(0, 45, 82, 0.86) !important;
  border-top: 1px solid rgba(46, 166, 209, 0.16) !important;
  box-shadow: inset 0 1px 0 rgba(46, 166, 209, 0.1) !important;
}

#prosper-nav-bar.pn-mo .pn-di,
#prosper-nav-bar.pn-mo .pn-lb {
  color: rgba(255, 255, 255, 0.92) !important;
}