:root{
  --bh-green:#60f8a0;
  --bh-cyan:#20ecf0;
  --bh-sky:#27b9fd;
  --bh-blue:#1c54e5;
  --bh-violet:#733efd;
  --bh-red:#f5582e;
  --bh-orange:#f69b25;
  --bh-gold:#f5c51e;
  --bh-bg:#050b13;
  --bh-panel:#0a1928;
  --bh-panel-strong:#0d2032;
  --bh-text:#f3f8fc;
  --bh-muted:#96aabd;
  --bh-line:rgba(255,255,255,.085);
  --bh-gradient:
    linear-gradient(
      100deg,
      var(--bh-green),
      var(--bh-cyan),
      var(--bh-sky),
      var(--bh-blue),
      var(--bh-violet),
      var(--bh-red),
      var(--bh-orange),
      var(--bh-gold)
    );
  --bh-action:
    linear-gradient(
      110deg,
      var(--bh-green),
      var(--bh-cyan),
      var(--bh-sky),
      var(--bh-blue)
    );
}

html{
  scroll-behavior:smooth;
}

body{
  background:
    radial-gradient(
      circle at 10% 0%,
      rgba(32,236,240,.10),
      transparent 32%
    ),
    radial-gradient(
      circle at 92% 8%,
      rgba(115,62,253,.11),
      transparent 32%
    ),
    radial-gradient(
      circle at 50% 100%,
      rgba(246,155,37,.045),
      transparent 30%
    ),
    linear-gradient(
      180deg,
      #050b13,
      #07111d 50%,
      #050b13
    ) !important;
  color:var(--bh-text);
}

body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-2;
  pointer-events:none;
  background-image:
    linear-gradient(
      rgba(255,255,255,.018) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(255,255,255,.018) 1px,
      transparent 1px
    );
  background-size:46px 46px;
  mask-image:
    linear-gradient(
      to bottom,
      #000,
      transparent 85%
    );
}

.topbar,
body > header,
header{
  border-bottom-color:rgba(32,236,240,.14) !important;
  background:
    linear-gradient(
      135deg,
      rgba(5,13,28,.94),
      rgba(11,18,42,.91)
    ) !important;
  box-shadow:
    0 16px 44px rgba(0,0,0,.27),
    inset 0 1px rgba(255,255,255,.035);
  backdrop-filter:blur(20px);
}

.brand{
  color:#fff !important;
}

.brand img,
.logo{
  border:
    1px solid rgba(32,236,240,.16) !important;
  box-shadow:
    0 10px 30px rgba(0,0,0,.2),
    0 0 23px rgba(32,236,240,.07);
}

.brand small,
.brand-copy small{
  background:var(--bh-gradient);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  color:transparent !important;
  font-weight:900;
}

.navlinks,
.nav-links{
  display:none !important;
}

.market-legal-dock{
  position:relative;
  z-index:30;
  border-bottom:
    1px solid rgba(255,255,255,.055);
  background:
    rgba(5,12,22,.92);
  backdrop-filter:blur(18px);
}

.market-legal-dock::before{
  content:"";
  position:absolute;
  top:0;
  left:50%;
  width:min(1100px,88%);
  height:2px;
  transform:translateX(-50%);
  background:var(--bh-gradient);
}

.market-legal-dock-inner{
  width:min(1160px,calc(100% - 28px));
  min-height:62px;
  margin:auto;
  display:flex;
  align-items:center;
  gap:8px;
  overflow-x:auto;
  scrollbar-width:none;
}

.market-legal-dock-inner::-webkit-scrollbar{
  display:none;
}

.market-legal-dock a{
  flex:0 0 auto;
  padding:9px 12px;
  border:
    1px solid transparent;
  border-radius:11px;
  color:#91a7ba;
  font-size:10px;
  font-weight:850;
  letter-spacing:.01em;
  transition:
    border-color .18s ease,
    background .18s ease,
    color .18s ease,
    transform .18s ease;
}

.market-legal-dock a:hover{
  transform:translateY(-1px);
  border-color:rgba(32,236,240,.18);
  color:#e9f9ff;
}

.market-legal-dock a.active{
  border-color:rgba(32,236,240,.22);
  background:
    linear-gradient(
      120deg,
      rgba(96,248,160,.08),
      rgba(32,236,240,.09),
      rgba(28,84,229,.08),
      rgba(115,62,253,.07)
    );
  color:#fff;
  box-shadow:
    0 10px 28px rgba(32,236,240,.06);
}

.hero{
  position:relative;
  overflow:hidden;
}

.hero::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:0;
  width:min(980px,86%);
  height:1px;
  transform:translateX(-50%);
  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(32,236,240,.3),
      rgba(115,62,253,.25),
      transparent
    );
}

.badge,
.kicker{
  border-color:
    rgba(32,236,240,.22) !important;
  background:
    linear-gradient(
      120deg,
      rgba(96,248,160,.05),
      rgba(32,236,240,.065),
      rgba(28,84,229,.055),
      rgba(115,62,253,.06)
    ) !important;
  color:#e8fbff !important;
  box-shadow:
    0 10px 30px rgba(0,0,0,.16);
}

.hero h1,
.gradient-text{
  background:
    var(--bh-gradient) !important;
  -webkit-background-clip:
    text !important;
  background-clip:
    text !important;
  -webkit-text-fill-color:
    transparent !important;
  color:
    transparent !important;
}

.updated{
  color:#71899d !important;
}

.notice{
  position:relative;
  overflow:hidden;
  border-color:
    rgba(245,197,30,.18) !important;
  background:
    linear-gradient(
      120deg,
      rgba(245,197,30,.045),
      rgba(246,155,37,.025),
      rgba(115,62,253,.02)
    ) !important;
  box-shadow:
    0 15px 42px rgba(0,0,0,.16);
}

.notice::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:3px;
  background:
    linear-gradient(
      var(--bh-gold),
      var(--bh-orange)
    );
}

.layout{
  gap:24px !important;
}

.toc{
  border-color:
    rgba(32,236,240,.10) !important;
  background:
    linear-gradient(
      155deg,
      rgba(10,27,43,.95),
      rgba(6,15,27,.97)
    ) !important;
  box-shadow:
    0 24px 65px rgba(0,0,0,.25),
    inset 0 1px rgba(255,255,255,.03);
}

.toc::before{
  content:"";
  display:block;
  height:2px;
  margin:-17px -17px 15px;
  border-radius:
    16px 16px 0 0;
  background:var(--bh-gradient);
}

.toc strong{
  color:#e7f3fb !important;
}

.toc a{
  border:
    1px solid transparent;
  transition:
    color .16s ease,
    background .16s ease,
    border-color .16s ease;
}

.toc a:hover{
  border-color:
    rgba(32,236,240,.10);
  background:
    rgba(32,236,240,.045) !important;
  color:
    var(--bh-cyan) !important;
}

.content{
  gap:15px !important;
}

.card,
.term-card,
.privacy-card,
.summary-card,
.impact-card,
.request-card,
.instructions,
.retention,
[class*="disclosure"],
[class*="risk-card"]{
  position:relative;
  overflow:hidden;
  border-color:
    rgba(255,255,255,.085) !important;
  background:
    radial-gradient(
      circle at 96% 0%,
      rgba(115,62,253,.055),
      transparent 30%
    ),
    linear-gradient(
      145deg,
      rgba(12,30,47,.94),
      rgba(6,16,27,.97)
    ) !important;
  box-shadow:
    0 22px 65px rgba(0,0,0,.25),
    inset 0 1px rgba(255,255,255,.03) !important;
}

.card::before,
.term-card::before,
.privacy-card::before,
.impact-card::before,
.request-card::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:2px;
  background:var(--bh-gradient);
  opacity:.8;
}

.card.secure{
  border-color:
    rgba(96,248,160,.18) !important;
}

.card.payment{
  border-color:
    rgba(39,185,253,.18) !important;
}

.card.danger{
  border-color:
    rgba(245,88,46,.19) !important;
}

.card.gold{
  border-color:
    rgba(245,197,30,.20) !important;
}

.card h2,
.term-card h2,
.privacy-card h2{
  color:#f5fbff !important;
}

.card li::marker,
.term-card li::marker,
.privacy-card li::marker{
  color:var(--bh-cyan) !important;
}

.box,
.identity-box{
  border-color:
    rgba(255,255,255,.07) !important;
  background:
    rgba(255,255,255,.022) !important;
}

.box small,
.identity-box small{
  color:#6e879b !important;
}

.box strong,
.identity-box strong{
  color:#e5f0f7 !important;
}

a{
  color:
    var(--bh-cyan);
}

.btn,
button,
.home-link{
  border-color:
    rgba(32,236,240,.16) !important;
}

.btn.primary,
button.primary,
#sendDeleteCodeBtn,
#verifyDeleteBtn{
  border-color:
    rgba(32,236,240,.28) !important;
  background:
    var(--bh-action) !important;
  color:#03111c !important;
  box-shadow:
    0 12px 30px rgba(32,236,240,.12);
}

.chip:not(.red){
  border-color:
    rgba(32,236,240,.14) !important;
  background:
    rgba(32,236,240,.045) !important;
}

.chip.red{
  border-color:
    rgba(245,88,46,.20) !important;
  background:
    rgba(245,88,46,.06) !important;
}

.retention{
  border-color:
    rgba(245,197,30,.16) !important;
}

.legal-links{
  gap:8px !important;
}

.legal-links a{
  border-color:
    rgba(32,236,240,.10) !important;
  background:
    rgba(255,255,255,.018);
}

.legal-links a:hover{
  border-color:
    rgba(32,236,240,.26) !important;
  color:
    var(--bh-cyan) !important;
}

footer,
.footer{
  position:relative;
  border-top-color:
    rgba(32,236,240,.10) !important;
  background:
    linear-gradient(
      180deg,
      rgba(5,12,20,.95),
      #03080e
    ) !important;
}

footer::before,
.footer::before{
  content:"";
  position:absolute;
  top:0;
  left:50%;
  width:min(1050px,88%);
  height:2px;
  transform:translateX(-50%);
  background:var(--bh-gradient);
}

.footer-links a,
.footer .links a{
  color:#8298aa !important;
}

.footer-links a:hover,
.footer .links a:hover{
  color:
    var(--bh-cyan) !important;
}

.market-legal-live-badge{
  display:inline-flex;
  align-items:center;
  gap:7px;
  margin-left:auto;
  padding:7px 9px;
  border:
    1px solid rgba(96,248,160,.14);
  border-radius:999px;
  background:
    rgba(96,248,160,.04);
  color:#9bb7a7;
  font-size:8px;
  font-weight:900;
  letter-spacing:.08em;
}

.market-legal-live-badge::before{
  content:"";
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--bh-green);
  box-shadow:
    0 0 13px rgba(96,248,160,.7);
}

@media(max-width:850px){
  .market-legal-dock-inner{
    justify-content:flex-start;
    min-height:56px;
  }

  .market-legal-dock a{
    padding:8px 10px;
    font-size:9px;
  }

  .market-legal-live-badge{
    display:none;
  }
}

@media(max-width:580px){
  .market-legal-dock-inner{
    width:min(100% - 20px,1160px);
  }
}

@media(prefers-reduced-motion:reduce){
  *,
  *::before,
  *::after{
    scroll-behavior:auto !important;
    transition:none !important;
  }
}