:root{
  --wj-bg:#092015;
  --wj-bg2:#103821;
  --wj-card:#143424;
  --wj-card2:#183f2a;
  --wj-line:rgba(255,255,255,.16);
  --wj-green:#22c55e;
  --wj-green2:#86efac;
  --wj-text:#f7fff8;
  --wj-soft:#d7f4dd;
  --wj-muted:#a8cbb0;
  --wj-dark:#05210f;
}

html,body{
  margin:0;
  background:
    radial-gradient(circle at 20% -10%, rgba(34,197,94,.24), transparent 34%),
    radial-gradient(circle at 85% 5%, rgba(134,239,172,.13), transparent 30%),
    linear-gradient(180deg,#0b2618 0%,#092015 45%,#07170f 100%)!important;
  color:var(--wj-text);
}

.walkje-final-header-v12{
  position:sticky!important;
  top:0!important;
  z-index:5000!important;
  height:68px!important;
  background:rgba(9,32,21,.92)!important;
  border-bottom:1px solid rgba(255,255,255,.12)!important;
  backdrop-filter:blur(16px)!important;
}

.walkje-final-header-v12 .topbar-inner{
  max-width:1180px!important;
  margin:0 auto!important;
  height:68px!important;
  padding:0 18px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
}

.walkje-final-header-v12 .logo{
  display:inline-flex!important;
  align-items:center!important;
  gap:10px!important;
  color:var(--wj-text)!important;
  text-decoration:none!important;
  font-size:25px!important;
  font-weight:1000!important;
  line-height:1!important;
  letter-spacing:-.045em!important;
}

.walkje-final-header-v12 .logo img{
  width:36px!important;
  height:36px!important;
  border-radius:12px!important;
}

.walkje-final-header-v12 nav{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
}

.walkje-final-header-v12 nav a{
  min-height:42px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:999px!important;
  padding:0 14px!important;
  color:var(--wj-text)!important;
  text-decoration:none!important;
  font-weight:1000!important;
  font-size:14px!important;
  cursor:pointer!important;
}

.walkje-final-header-v12 nav a.active,
.walkje-final-header-v12 nav a[aria-current="page"]{
  background:rgba(34,197,94,.20)!important;
  color:#e9ffed!important;
}

.walkje-final-header-v12 nav a.join-link{
  background:linear-gradient(135deg,#22c55e,#86efac)!important;
  color:#05210f!important;
  box-shadow:0 10px 28px rgba(34,197,94,.22)!important;
}

.walkje-final-footer-v12{
  border-top:1px solid rgba(255,255,255,.10)!important;
  background:#092015!important;
  color:#a8cbb0!important;
  padding:30px 18px!important;
  text-align:center!important;
}

@media(min-width:901px){
  .bottom-menu{display:none!important}
}

@media(max-width:900px){
  .walkje-final-header-v12{
    height:52px!important;
    min-height:52px!important;
    max-height:52px!important;
    overflow:hidden!important;
  }

  .walkje-final-header-v12 .topbar-inner{
    height:52px!important;
    min-height:52px!important;
    max-height:52px!important;
    padding:0 14px!important;
    justify-content:center!important;
  }

  .walkje-final-header-v12 .logo{
    height:52px!important;
    font-size:20px!important;
    gap:8px!important;
  }

  .walkje-final-header-v12 .logo img{
    width:28px!important;
    height:28px!important;
  }

  .walkje-final-header-v12 nav{
    display:none!important;
  }

  header.topbar:not(.walkje-final-header-v12),
  .topbar:not(.walkje-final-header-v12),
  .walkje-final-header-v11,
  .walkje-static-header-v9,
  .walkje-shell-header,
  .walkje-header-v3,
  .mobile-topbar,
  .app-topbar,
  .mobile-header,
  .app-header,
  .old-mobile-nav{
    display:none!important;
    visibility:hidden!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    overflow:hidden!important;
    pointer-events:none!important;
    opacity:0!important;
  }

  footer,
  .footer,
  .site-footer,
  .page-footer,
  .walkje-final-footer-v12,
  .walkje-final-footer-v11{
    display:none!important;
    visibility:hidden!important;
    height:0!important;
    overflow:hidden!important;
    margin:0!important;
    padding:0!important;
  }

  .bottom-menu{
    display:grid!important;
    grid-template-columns:repeat(5,1fr)!important;
    position:fixed!important;
    left:50%!important;
    bottom:calc(10px + env(safe-area-inset-bottom,0px))!important;
    transform:translateX(-50%)!important;
    z-index:2147483000!important;
    width:min(94vw,540px)!important;
    height:84px!important;
    padding:9px 10px!important;
    gap:7px!important;
    border-radius:30px!important;
    background:rgba(9,32,21,.97)!important;
    border:1px solid rgba(255,255,255,.16)!important;
    backdrop-filter:blur(18px)!important;
    box-shadow:0 18px 44px rgba(0,0,0,.42)!important;
    overflow:hidden!important;
  }

  .bottom-menu a{
    height:66px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:4px!important;
    border-radius:22px!important;
    color:var(--wj-text)!important;
    text-decoration:none!important;
    font-size:12.5px!important;
    line-height:1!important;
    font-weight:1000!important;
  }

  .bottom-menu a span{font-size:24px!important;line-height:1!important}
  .bottom-menu a b{font-size:12.5px!important;line-height:1!important}

  .bottom-menu a.active,
  .bottom-menu a[aria-current="page"]{
    background:linear-gradient(135deg,#22c55e,#86efac)!important;
    color:#05210f!important;
  }

  main,.page,.find-v3,.walks-v3,.account-v2,.trust-v11,.app-v12{
    padding-bottom:132px!important;
  }
}