:root {
  --bg: #000000;
  --panel: #6699cc;
  --panel-dark: #4477aa;
  --panel-dark-hover: #225588;
  --panel-header: linear-gradient(180deg, #78a8dd 0%, #4d79b8 100%);
  --panel-body: linear-gradient(180deg, rgba(112, 159, 214, 0.96) 0%, rgba(82, 128, 187, 0.96) 100%);
  --row-odd: #dde7f3;
  --row-even: #c4d4e8;
  --row-hover: #aec5e1;
  --page-surface: #08111f;
  --page-border: rgba(120, 164, 225, 0.18);
  --line: rgba(255, 255, 255, 0.16);
  --text: #ffffff;
  --muted: #d9e8fb;
  --table-text: #445067;
  --blue: #4477aa;
  --blue-soft: #99ccff;
  --gold: #ffd98b;
  --pink: #ff2d75;
  --green: #126c4c;
  --shadow: 0 18px 34px rgba(0, 0, 0, 0.24);
}

html {
  background: var(--bg) !important;
}

body {
  background: var(--bg) !important;
  color: #666666 !important;
  font-family: "Segoe UI", Tahoma, Arial, sans-serif !important;
}

body::before {
  display: none !important;
}

.page {
  max-width: 1582px !important;
  padding: 18px !important;
  border: 1px solid var(--page-border);
  border-radius: 24px;
  background: linear-gradient(180deg, rgba(8, 17, 31, 0.98) 0%, rgba(3, 9, 18, 0.98) 100%);
  box-shadow: 0 28px 60px rgba(0, 0, 0, 0.34);
}

.topbar {
  margin-bottom: 16px !important;
  padding: 0 0 14px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

.brand {
  color: #3b5998 !important;
  padding-left: 0 !important;
}

.brand img {
  filter: drop-shadow(0 10px 22px rgba(7, 48, 92, 0.36)) !important;
}

.brand strong {
  color: #ffffff !important;
  font-family: "Trebuchet MS", "Segoe UI", Arial, sans-serif !important;
  font-weight: 800 !important;
  text-shadow: 0 2px 14px rgba(7, 48, 92, 0.42);
}

.brand span,
.brand span span {
  color: #8e97b9 !important;
}

.nav {
  padding: 8px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: var(--panel-body);
  box-shadow: var(--shadow);
}

.nav a,
.ghost-link {
  min-height: 34px !important;
  padding: 8px 13px !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: var(--panel-dark) !important;
  color: #ffffff !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  box-shadow: none !important;
  transition: background-color 0.16s ease, color 0.16s ease, transform 0.16s ease !important;
}

.nav a:hover,
.nav a[aria-current="page"],
.ghost-link:hover {
  background: var(--panel-dark-hover) !important;
  color: var(--blue-soft) !important;
  transform: translateY(-1px) !important;
}

.hero,
.form-card,
.donation-card,
.day-card,
.special-card,
.site-footer {
  border: 1px solid var(--line) !important;
  border-radius: 18px !important;
  background: var(--panel-body) !important;
  box-shadow: var(--shadow) !important;
}

.hero {
  margin-bottom: 16px;
}

.hero::after {
  display: none !important;
}

.hero-grid,
.hero-inner {
  gap: 16px !important;
}

.eyebrow,
.block__label,
.pill--time {
  min-height: 30px !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
  border-radius: 999px !important;
  background: var(--panel-dark) !important;
  color: #ffffff !important;
  font-size: 11px !important;
  letter-spacing: 0.12em !important;
}

h1 {
  color: #ffffff !important;
  font-family: "Trebuchet MS", "Segoe UI", Arial, sans-serif !important;
  font-weight: 800 !important;
  text-shadow: 0 3px 16px rgba(7, 48, 92, 0.48) !important;
}

h2,
.form-card__header h2,
.donation-card__header h2,
.day-card__head strong,
.special-date strong,
.hero-badge span {
  color: #ffffff !important;
}

.lead,
.donation-card__header p,
.form-card__header p,
.legend span {
  color: #eef6ff !important;
}

.form-card__header,
.donation-card__header,
.day-card__head,
.special-date {
  border-bottom: 1px solid rgba(255, 255, 255, 0.16) !important;
  background: var(--panel-header) !important;
}

.promise,
.legend,
.support-item,
.bank-box,
.hero-badge,
.hero-bloom,
.memory-card,
.memory-note,
.block,
.slot,
.pill {
  border: 1px solid rgba(71, 94, 131, 0.12) !important;
  border-radius: 14px !important;
  background: var(--row-odd) !important;
  color: var(--table-text) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.35);
}

.promise:nth-child(even),
.support-item:nth-child(even),
.memory-card:nth-child(even),
.block:nth-child(even),
.slot:nth-child(even),
.special-card:nth-child(even),
.day-card:nth-child(even) .slot {
  background: var(--row-even) !important;
}

.promise:hover,
.support-item:hover,
.bank-box:hover,
.memory-card:hover,
.block:hover,
.slot:hover,
.special-card:hover,
.day-card:hover {
  background-color: var(--row-hover) !important;
}

.promise strong,
.support-item strong,
.memory-body strong,
.theme,
.slot span,
.bank-box strong {
  color: var(--table-text) !important;
}

.promise span,
.support-item span,
.memory-body p,
.bank-box span,
.bank-box p,
.note,
.pill,
.site-footer__copy,
.site-footer__copy p {
  color: #445067 !important;
}

.site-footer {
  border-color: rgba(255, 255, 255, 0.20) !important;
  background: linear-gradient(180deg, rgba(120, 168, 221, 0.98) 0%, rgba(77, 121, 184, 0.98) 56%, rgba(68, 119, 170, 0.98) 100%) !important;
  color: #ffffff !important;
  box-shadow: var(--shadow) !important;
}

.site-footer__copy,
.site-footer__copy p {
  color: #ffffff !important;
}

.site-footer__copy a {
  color: #dceeff !important;
  font-weight: 800 !important;
}

.site-footer__copy a:hover,
.site-footer__copy a:focus-visible {
  color: #ffd98b !important;
}

.slot time,
.hero-badge strong,
.special-date span {
  color: #ffffff !important;
}

.day-card__body,
.special-body,
.memory-body,
.application-form,
.donation-card__body {
  background: transparent !important;
}

.memory-photo {
  background: var(--panel-header) !important;
}

.field label {
  color: #ffffff !important;
  font-weight: 800 !important;
}

input,
select,
textarea {
  min-height: 38px !important;
  border: 1px solid rgba(255, 255, 255, 0.28) !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.95) !important;
  color: #1d2342 !important;
  box-shadow: inset 0 1px 2px rgba(7, 15, 28, 0.12) !important;
}

select {
  color-scheme: light !important;
}

input:focus,
select:focus,
textarea:focus {
  border-color: rgba(153, 204, 255, 0.72) !important;
  background: #ffffff !important;
  box-shadow: 0 0 0 4px rgba(68, 119, 170, 0.18), inset 0 1px 2px rgba(7, 15, 28, 0.12) !important;
}

.submit-btn,
.paypal-button {
  min-height: 44px !important;
  border: 2px solid rgba(223, 247, 255, 0.9) !important;
  border-radius: 999px !important;
  color: #ffffff !important;
  background: linear-gradient(180deg, #78a8dd 0%, #4d79b8 52%, #4477aa 100%) !important;
  box-shadow: 0 12px 26px rgba(68, 119, 170, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}

.submit-btn:hover,
.paypal-button:hover {
  transform: translateY(-2px) scale(1.01) !important;
  box-shadow: 0 16px 30px rgba(68, 119, 170, 0.42), inset 0 1px 0 rgba(255, 255, 255, 0.32) !important;
}

.support-item b {
  color: #ffffff !important;
  background: var(--panel-dark) !important;
}

.dot--live,
.required {
  color: var(--pink) !important;
}

.dot--juke,
.slot--free span,
.pill--juke {
  color: var(--green) !important;
}

#wb_header_a19bec4cfecf006bfe684a991b68c4dc,
#wb_main_a19bec4cfecf006bfe684a991b68c4dc,
.wb_sbg {
  background: #000000 !important;
}

#wb_header_a19bec4cfecf006bfe684a991b68c4dc > .wb_content {
  width: min(1582px, calc(100% - 28px));
  margin: 12px auto 16px !important;
  padding: 12px !important;
  border: 1px solid var(--page-border);
  border-radius: 24px;
  background: linear-gradient(180deg, rgba(8, 17, 31, 0.98) 0%, rgba(3, 9, 18, 0.98) 100%) !important;
  box-shadow: 0 28px 60px rgba(0, 0, 0, 0.34);
}

#wb_header_a19bec4cfecf006bfe684a991b68c4dc .hmenu {
  padding: 8px !important;
  border: 1px solid var(--line) !important;
  border-radius: 14px !important;
  background: var(--panel-body) !important;
}

#wb_header_a19bec4cfecf006bfe684a991b68c4dc .hmenu a {
  border-radius: 10px !important;
  background: var(--panel-dark) !important;
  color: #ffffff !important;
}