/* G38L5 Matchnote brand + mobile bottom buttons */
:root{
  --mn-bg:#061f22;
  --mn-bg2:#07131f;
  --mn-card:#0b2630;
  --mn-line:rgba(93,245,221,.22);
  --mn-text:#f5fbff;
  --mn-muted:#a9bbc6;
  --mn-brand:#25ded2;
  --mn-brand2:#74f0cf;
  --mn-brand3:#d8d36a;
}
body{
  background:
    radial-gradient(circle at top left, rgba(37,222,210,.18), transparent 34%),
    linear-gradient(180deg,#061f22 0%,#07131f 48%,#050b12 100%) !important;
  color:var(--mn-text) !important;
}
.mn-logo-dot,.logo-dot{
  background:linear-gradient(135deg,var(--mn-brand),var(--mn-brand2) 54%,var(--mn-brand3)) !important;
  box-shadow:0 0 24px rgba(37,222,210,.28) !important;
}
.mn-logo span:last-child,.logo span:last-child{
  color:#f7fbff !important;
  font-weight:900 !important;
}
.mn-links a.active,.nav-links a.active{
  color:var(--mn-brand2) !important;
  background:transparent !important;
}
.hero-card{
  background:linear-gradient(145deg,rgba(14,63,73,.82),rgba(9,24,40,.96) 48%,rgba(6,13,24,.98)) !important;
  border-color:rgba(37,222,210,.42) !important;
  box-shadow:0 24px 90px rgba(0,0,0,.35), inset 0 0 0 1px rgba(255,255,255,.03) !important;
}
.eyebrow{
  color:#83f2d7 !important;
}
.btn:not(.secondary){
  background:linear-gradient(90deg,#26ddd4,#55e6c9) !important;
  color:#052126 !important;
}
.btn.secondary{
  background:rgba(255,255,255,.07) !important;
  border-color:rgba(255,255,255,.13) !important;
  color:#f4fbff !important;
}
.mn-match-card,.feature{
  border-color:rgba(37,222,210,.25) !important;
  background:rgba(255,255,255,.045) !important;
}
.mn-card-foot,.mn-match-top span,.pill{
  color:#7df0d6 !important;
}

/* mobile bottom: replace white capsule with flat dark button bar */
@media(max-width:820px){
  .bottom,
  .bottom-nav,
  .mobile-bottom,
  .mobile-tabbar,
  .mn-bottom,
  .mn-bottom-nav,
  .bottom-tabbar,
  .tabbar,
  nav.bottom{
    position:fixed !important;
    left:0 !important;
    right:0 !important;
    bottom:0 !important;
    display:grid !important;
    grid-template-columns:repeat(5,1fr) !important;
    height:56px !important;
    padding:0 !important;
    margin:0 !important;
    border-radius:0 !important;
    border:0 !important;
    border-top:1px solid rgba(255,255,255,.09) !important;
    background:rgba(5,10,16,.96) !important;
    backdrop-filter:blur(16px) !important;
    box-shadow:0 -10px 30px rgba(0,0,0,.34) !important;
    z-index:9999 !important;
  }
  .bottom a,
  .bottom-nav a,
  .mobile-bottom a,
  .mobile-tabbar a,
  .mn-bottom a,
  .mn-bottom-nav a,
  .bottom-tabbar a,
  .tabbar a,
  nav.bottom a{
    height:56px !important;
    padding:8px 0 6px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:0 !important;
    background:transparent !important;
    color:#c8d3dd !important;
    font-size:13px !important;
    font-weight:900 !important;
  }
  .bottom a.active,
  .bottom-nav a.active,
  .mobile-bottom a.active,
  .mobile-tabbar a.active,
  .mn-bottom a.active,
  .mn-bottom-nav a.active,
  .bottom-tabbar a.active,
  .tabbar a.active,
  nav.bottom a.active{
    background:rgba(37,222,210,.12) !important;
    color:#7df0d6 !important;
  }
  body{padding-bottom:64px !important;}
}