:root {
  --cl-accent: 93, 198, 155 !important;
  --cl-background: 7, 10, 8 !important;
  --cl-card: 13, 18, 16 !important;
  --cl-t-primary: 236, 241, 238 !important;
  --cl-t-accent: 7, 18, 12 !important;
}
body {
  background-color: rgb(7, 10, 8) !important;
  font-family: 'Hanken Grotesk', sans-serif !important;
}
h1, h2, h3 {
  font-family: 'Bricolage Grotesque', 'Hanken Grotesk', sans-serif;
  letter-spacing: -0.01em;
}

.rounded-lg { border-radius: 0.8rem !important; }

.border-white\/5 { border-color: rgba(127, 170, 150, 0.12) !important; }

.bg-card {
  background-image: linear-gradient(180deg, rgba(255,255,255,0.025), rgba(255,255,255,0) 38%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.04), 0 18px 44px -30px rgba(0,0,0,0.85);
  transition: border-color .3s ease, box-shadow .35s ease;
}

[class*="focus-within:border-accent-500"]:focus-within {
  border-color: rgba(93,198,155,0.55) !important;
  box-shadow: 0 0 0 4px rgba(93,198,155,0.12);
}

header .text-center > p:first-child {
  color: rgb(var(--cl-accent)) !important;
  font-family: 'Bricolage Grotesque', sans-serif;
  font-weight: 800;
}

a.bg-card.group { transition: transform .4s cubic-bezier(.16,1,.3,1), border-color .3s ease, box-shadow .4s ease; }
a.bg-card.group:hover {
  transform: translateY(-5px);
  border-color: rgba(93,198,155,0.5) !important;
  box-shadow: 0 26px 60px -28px rgba(93,198,155,0.3);
}

button.bg-accent-500, a.bg-accent-500 {
  transition: transform .25s cubic-bezier(.16,1,.3,1), box-shadow .25s ease, background-color .3s ease;
}
button.bg-accent-500:hover, a.bg-accent-500:hover {
  transform: translateY(-1px);
  box-shadow: 0 14px 32px -12px rgba(93,198,155,0.6);
}

nav a, nav button {
  transition: background-color .25s ease, border-color .25s ease, box-shadow .25s ease, color .25s ease;
}
nav a:hover, nav button:hover {
  border-color: rgba(93,198,155,0.5) !important;
  background-color: rgba(93,198,155,0.12) !important;
  box-shadow: inset 0 0 16px rgba(93,198,155,0.2);
}

@keyframes hydraFadeUp {
  from { opacity: 0; transform: translateY(18px); }
  to   { opacity: 1; transform: translateY(0); }
}
#app { animation: hydraFadeUp .7s cubic-bezier(.16,1,.3,1) both; }

@keyframes hydraBreathe { 0%,100% { opacity: .85; } 50% { opacity: 1; } }
body::before {
  content: "";
  position: fixed;
  top: -200px; left: 50%;
  transform: translateX(-50%);
  width: 720px; height: 600px;
  background: radial-gradient(closest-side, rgba(88,118,107,0.22), rgba(93,198,155,0.06), transparent 75%);
  filter: blur(90px);
  pointer-events: none;
  z-index: -1;
  animation: hydraBreathe 8s ease-in-out infinite;
  will-change: opacity;
}

::selection { background: rgb(var(--cl-accent)); color: #07120c; }
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: rgba(127,170,150,0.25); border-radius: 10px; }
::-webkit-scrollbar-thumb:hover { background: rgba(93,198,155,0.45); }

footer.bg-background{
  background-color: rgb(var(--cl-card)) !important;
  background-image: linear-gradient(180deg, rgba(255,255,255,0.025), rgba(255,255,255,0) 38%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.04), 0 18px 44px -30px rgba(0,0,0,0.85);
}
footer p.font-semibold{
  font-family: 'Bricolage Grotesque', sans-serif;
}

.currency-selector .choices__inner{min-width:5.5rem !important;padding-right:1.7rem !important;}
.currency-selector .choices__list--single .choices__item{max-width:none !important;overflow:visible !important;white-space:nowrap !important;}
.currency-selector .choices__list--single .symbol,.currency-selector .choices__inner .symbol{display:none !important;}
.currency-selector .choices__list--single .default,.currency-selector .choices__inner .default{display:none !important;}
.currency-selector .choices__list--single .code,.currency-selector .choices__inner .code{display:inline !important;}

@media (max-width: 767px){
  .hydra-navrow{flex-wrap:wrap !important;justify-content:center !important;row-gap:0 !important;}
  .hydra-navlinks{flex-wrap:wrap !important;justify-content:center !important;width:100% !important;overflow-x:visible !important;gap:.5rem !important;}
}