html,
body {
  background: #f8f8f8;
}

button[aria-label^="Switch to"] {
  display: none !important;
}

#demo .rounded-2xl.p-3.shadow-card {
  background: linear-gradient(145deg, #ffffff 0%, #f4f4f4 50%, #ececec 100%) !important;
}

#features .glass-card,
#how [data-reveal] > div:first-child {
  background: linear-gradient(160deg, #ffffff 0%, #f6faf7 52%, #edf4ef 100%) !important;
  border-color: #d6e4da !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85), 0 18px 40px rgba(23, 49, 38, 0.08);
}

#features .glass-card svg,
#how [data-reveal] > div:first-child svg {
  display: block;
}

.wallet-adapter-button {
  color: #0a0a0a;
}

.wallet-adapter-button:not([disabled]):focus-visible,
.wallet-adapter-modal-button-close:focus-visible {
  outline-color: #0a0a0a;
}

.wallet-adapter-button:not([disabled]):hover,
.wallet-adapter-dropdown-list-item:not([disabled]):hover {
  background-color: #f3f4f6;
}

.wallet-adapter-dropdown-list,
.wallet-adapter-modal-wrapper {
  background: #ffffff;
  box-shadow: 0 18px 60px rgba(0, 0, 0, 0.12);
}

.wallet-adapter-dropdown-list-item,
.wallet-adapter-modal-title,
.wallet-adapter-modal-list-more {
  color: #0a0a0a;
}

.wallet-adapter-modal-button-close {
  background: #f3f4f6;
}

.wallet-adapter-modal-button-close svg,
.wallet-adapter-modal-collapse-button svg {
  fill: #525252;
}

.wallet-adapter-modal-button-close:hover svg {
  fill: #0a0a0a;
}

.wallet-adapter-modal-middle-button,
.wallet-adapter-button-trigger {
  background: #0a0a0a;
  color: #ffffff;
}