@import url("/static/css/tokens.css?v=20251110");

*{box-sizing:border-box}
html,body{
  margin:0;background:var(--bg);color:var(--text);
  font-family:'Sora', 'Space Grotesk', system-ui, -apple-system, 'Segoe UI', sans-serif;
}
.sticky-cta{
  position:fixed;
  right:16px;
  bottom:20px;
  background:var(--brand-grad);
  color:#fff;
  padding:12px 16px;
  border-radius:14px;
  box-shadow:0 18px 36px rgba(15,23,42,0.2);
  text-decoration:none;
  font-weight:700;
  z-index:9;
}
.sticky-cta:hover{filter:brightness(1.05);}
.cta-prompt{
  position:fixed;
  right:16px;
  bottom:90px;
  max-width:320px;
  background:#fff;
  border:1px solid rgba(16,58,100,0.12);
  border-radius:16px;
  box-shadow:0 18px 36px rgba(15,23,42,0.2);
  padding:14px;
  z-index:9;
  display:none;
  flex-direction:column;
  gap:10px;
}
.cta-prompt h4{margin:0;font-size:16px;font-weight:800;color:#0f172a;}
.cta-prompt p{margin:0;font-size:13px;color:#4b5a72;line-height:1.5;}
.cta-prompt .cta-actions{display:flex;flex-wrap:wrap;gap:8px;}
.cta-prompt .cta-actions button{border:none;border-radius:10px;padding:8px 12px;font-weight:700;cursor:pointer;}
.cta-prompt .cta-actions .primary{background:var(--brand-grad);color:#fff;}
.cta-prompt .cta-actions .ghost{background:rgba(16,58,100,0.06);color:#0f172a;}
.cta-prompt .cta-close{border:none;background:transparent;color:#64748b;align-self:flex-end;cursor:pointer;}
.trust-strip{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:12px;
  padding:14px 16px;
  border-radius:16px;
  border:1px solid rgba(16,58,100,0.08);
  background:linear-gradient(135deg, rgba(110,94,255,0.08), rgba(27,210,162,0.10));
  box-shadow:0 14px 30px rgba(15,23,42,0.08);
}
.trust-pill{
  display:flex;
  align-items:flex-start;
  gap:10px;
  padding:10px 12px;
  border-radius:12px;
  background:rgba(255,255,255,0.85);
  border:1px solid rgba(15,23,42,0.05);
  box-shadow:0 10px 20px rgba(15,23,42,0.06);
}
.trust-pill .icon{font-size:18px;}
.trust-pill strong{font-size:15px;}
.trust-pill .muted{font-size:12px;color:#5b6577;}
.trust-title{
  margin:0 0 10px;
  font-size:20px;
  font-weight:800;
  color:#0f172a;
}
.wrap{
  max-width:var(--layout-max-width);
  margin:var(--layout-wrap-margin-top) auto var(--layout-wrap-margin-bottom);
  padding:0 var(--layout-page-pad-x);
  display:flex;
  flex-direction:column;
  gap:var(--layout-section-gap);
}

/* ───── Topbar ───── */
.topbar{
  position:sticky;top:0;z-index:10;background:rgba(255,255,255,0.95);
  border-bottom:1px solid rgba(15,23,42,0.08);box-shadow:var(--shadow-sm);
  backdrop-filter:blur(8px);
}
.topbar-in{
  max-width:var(--layout-max-width-wide);
  margin:0 auto;
  display:flex;
  align-items:center;
  gap:var(--layout-header-gap);
  padding:var(--layout-header-pad-y) var(--layout-page-pad-x);
  flex-wrap:wrap;
  row-gap:8px;
}
.brand{display:flex;align-items:center;gap:16px;}
.brand img{height:58px;transition:transform .2s ease;}
.brand img:hover{transform:scale(1.03);}
.site-nav{
  display:flex;
  align-items:center;
  gap:12px;
  font-size:14px;
  font-weight:600;
  flex-wrap:wrap;
  flex:1 1 0;
  min-width:0;
}
.site-nav a{
  padding:8px 10px;border-radius:8px;text-decoration:none;color:#10243c;
  transition:background .18s ease,color .18s ease;
  display:inline-flex;
  align-items:center;
  gap:6px;
}
.site-nav a[data-icon]::before{
  content:attr(data-icon);
  font-size:14px;
}
.site-nav a.active{color:#4850ff;background:rgba(110,94,255,0.15);}
.site-nav a:hover{background:rgba(15,23,42,0.05);}
.nav-dropdown{position:relative;}
.nav-dropdown>button{
  background:transparent;border:none;font-weight:600;font-size:14px;
  color:#10243c;display:flex;align-items:center;gap:6px;cursor:pointer;
  padding:8px;border-radius:8px;
}
.nav-dropdown>button::after{content:'▾';font-size:10px;}
.nav-dropdown .nav-menu{
  position:absolute;top:110%;left:0;min-width:260px;background:#fff;
  border:1px solid rgba(15,23,42,0.12);border-radius:14px;box-shadow:0 20px 40px rgba(15,23,42,0.18);
  padding:12px;display:none;flex-direction:column;gap:8px;
}
.nav-dropdown.open .nav-menu{display:flex;}
.nav-dropdown .nav-menu a{
  display:block;padding:10px;border-radius:12px;border:1px solid transparent;
}
.nav-dropdown .nav-menu a strong{display:block;font-size:14px;color:#0f172a;}
.nav-dropdown .nav-menu a span{display:block;font-size:12px;color:#5b6577;}
.nav-dropdown .nav-menu a strong{
  display:flex;
  align-items:center;
  gap:6px;
}
.nav-dropdown .nav-menu a strong[data-icon]::before{
  content:attr(data-icon);
  font-size:14px;
}
.nav-dropdown .nav-menu a:hover{
  border-color:rgba(72,80,255,0.25);
  background:rgba(72,80,255,0.08);
}
.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.topbar-meta .topbar-actions{margin-left:0;}
.theme-toggle{
  width:40px;height:40px;border-radius:50%;border:1px solid rgba(15,23,42,0.12);
  background:rgba(15,23,42,0.05);display:flex;align-items:center;justify-content:center;
  cursor:pointer;font-size:18px;
}
.theme-toggle .moon{display:none;}
body.dark-theme .theme-toggle{background:rgba(255,255,255,0.15);color:#fff;}
body.dark-theme .theme-toggle .sun{display:none;}
body.dark-theme .theme-toggle .moon{display:inline;}
.topbar-meta{
  margin-left:auto;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:2px;
  justify-content:center;
  min-width:0;
  flex:0 0 auto;
}
.clock{
  font-size:12px;
  color:#5b6577;
  display:flex;
  gap:6px;
  align-items:center;
  padding:0;
  font-weight:600;
  line-height:1.2;
  white-space:nowrap;
}
.clock .clock-label{
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:11px;
  color:#94a3b8;
}
.btn.small{padding:8px 16px;border-radius:999px;font-size:13px;}
.btn.primary{background:var(--brand-grad);color:#fff;}
.btn.secondary{background:#fff;border:1px solid rgba(15,23,42,0.15);color:#10243c;}
.btn.ghost{background:transparent;border:1px solid rgba(15,23,42,0.2);color:#10243c;}

/* Mobile nav */
@media (max-width:900px){
.topbar-in{flex-wrap:wrap;}
  .brand{flex:1 1 100%;justify-content:center;}
  .site-nav{width:100%;justify-content:center;}
  .topbar-meta{width:100%;align-items:center;gap:2px;}
  .topbar-actions{width:100%;justify-content:center;}
  .clock{width:auto;text-align:center;justify-content:center;}
}

@media (max-width:600px){
  .brand img{height:48px;}
  .site-nav a{font-size:12px;padding:6px 8px;}
  .nav-dropdown>button{font-size:12px;}
}

/* Shared page shell */
.page-shell{
  max-width:var(--layout-max-width);
  margin:var(--layout-wrap-margin-top) auto var(--layout-wrap-margin-bottom);
  padding:0 var(--layout-page-pad-x) var(--layout-page-pad-bottom);
  display:flex;
  flex-direction:column;
  gap:var(--layout-section-gap);
}
.page-shell.wide{
  max-width:var(--layout-max-width-wide);
}

/* ───── Footer ───── */
.footer-grid{
  max-width:var(--layout-max-width-wide);
  margin:var(--layout-footer-margin) auto;
  padding:var(--layout-footer-pad);
  border-radius:var(--layout-footer-radius);
  background:#0f172a;
  color:#fff;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(160px,1fr));
  gap:var(--layout-footer-gap);
}
.footer-grid h4{
  margin:0 0 10px;
  font-size:14px;
  text-transform:uppercase;
  letter-spacing:.1em;
  color:#8ea7ff;
}
.footer-grid ul{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:6px;
  font-size:13px;
}
.footer-grid a{
  color:#d4dbff;
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  gap:6px;
}
.footer-grid a:hover{text-decoration:underline;}
.footer-grid a[data-icon]::before{
  content:attr(data-icon);
  font-size:13px;
}
.footer-grid .badge{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:4px 10px;
  border-radius:999px;
  background:rgba(255,255,255,0.12);
  font-size:12px;
  font-weight:600;
}
@media (max-width:640px){
  .footer-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

/* ───── Streams modal ───── */
body.modal-open{overflow:hidden;}
.streams-modal{
  position:fixed;
  inset:0;
  background:rgba(15,23,42,0.65);
  display:none;
  align-items:center;
  justify-content:center;
  padding:20px;
  z-index:20;
}
.streams-modal.open{display:flex;}
.streams-modal__dialog{
  background:#0f1b33;
  color:#f8fbff;
  border-radius:20px;
  max-width:520px;
  width:100%;
  box-shadow:0 40px 90px rgba(0,0,0,0.45);
  padding:26px;
  position:relative;
}
.streams-modal__dialog h2{margin:0;font-size:24px;font-weight:800;}
.streams-modal__dialog p{font-size:14px;line-height:1.6;color:#e3e8ff;}
.streams-modal__dialog ol{margin:14px 0 0;padding-left:20px;font-size:13px;color:#cbd5ff;line-height:1.6;}
.streams-modal__close{
  position:absolute;
  top:12px;
  right:12px;
  background:transparent;
  border:none;
  color:#fff;
  font-size:22px;
  cursor:pointer;
}
.streams-modal__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px;}
.streams-modal__actions .btn{background:#fff;color:#1c1f5a;font-weight:700;}
.streams-modal__actions .btn.ghost{background:transparent;border:1px solid rgba(255,255,255,0.5);color:#fff;}
.streams-modal__stream{margin-top:18px;}

/* ───── Discord stream feed ───── */
.streams-feed{
  display:flex;
  flex-direction:column;
  gap:10px;
  margin-top:18px;
}
.streams-feed[data-scroll="true"]{
  max-height:320px;
  overflow-y:auto;
  padding-right:6px;
}
.streams-feed[data-scroll="true"]::-webkit-scrollbar{width:6px;}
.streams-feed[data-scroll="true"]::-webkit-scrollbar-thumb{
  background:rgba(255,255,255,0.3);
  border-radius:999px;
}
.streams-feed[data-scroll="true"][data-theme="light"]::-webkit-scrollbar-thumb{
  background:rgba(16,58,100,0.25);
}
.streams-feed__status{
  font-size:13px;
  color:rgba(248,251,255,0.78);
  padding:12px 14px;
  border-radius:12px;
  border:1px dashed rgba(255,255,255,0.35);
  text-align:center;
}
.streams-feed__status a{color:#fff;font-weight:600;}
.streams-feed__item{
  background:rgba(5,8,25,0.65);
  border:1px solid rgba(255,255,255,0.18);
  border-radius:14px;
  padding:12px 14px;
  display:flex;
  flex-direction:column;
  gap:10px;
  color:#f8fbff;
  box-shadow:0 18px 28px rgba(0,0,0,0.25);
}
.streams-feed__meta{
  display:flex;
  justify-content:space-between;
  font-size:11px;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:rgba(248,251,255,0.65);
}
.streams-feed__headline{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:15px;
  font-weight:700;
}
.streams-feed__side{
  padding:2px 8px;
  border-radius:999px;
  font-size:11px;
  letter-spacing:.08em;
}
.streams-feed__side.buy{background:rgba(71,248,189,0.18);color:#47f8bd;}
.streams-feed__side.sell{background:rgba(255,138,151,0.2);color:#ff8a97;}
.streams-feed__status-pill{
  padding:2px 8px;
  border-radius:999px;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.08em;
  background:rgba(255,255,255,0.12);
  color:#f8fbff;
}
.streams-feed__status-pill.status-active{background:rgba(71,248,189,0.2);color:#47f8bd;}
.streams-feed__status-pill.status-expired{background:rgba(255,138,151,0.2);color:#ff8a97;}
.streams-feed__body{font-size:13px;line-height:1.5;color:rgba(248,251,255,0.9);}
.streams-feed__stats{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  font-size:12px;
  color:rgba(248,251,255,0.8);
}
.streams-feed__stats span{display:inline-flex;align-items:center;gap:6px;}
.streams-feed__stats strong{font-size:13px;color:#fff;}
.streams-feed[data-theme="light"] .streams-feed__item{
  background:#fff;
  border:1px solid rgba(16,58,100,0.12);
  color:#0f172a;
  box-shadow:0 18px 30px rgba(16,58,100,0.08);
}
.streams-feed[data-theme="light"] .streams-feed__meta{color:#5b6577;}
.streams-feed[data-theme="light"] .streams-feed__status{color:#334155;border-color:rgba(16,58,100,0.2);}
.streams-feed[data-theme="light"] .streams-feed__status a{color:#4850ff;}
.streams-feed[data-theme="light"] .streams-feed__status-pill{background:rgba(16,58,100,0.08);color:#0f172a;}
.streams-feed[data-theme="light"] .streams-feed__stats{color:#475569;}
.streams-feed[data-theme="light"] .streams-feed__side.buy{background:rgba(71,248,189,0.15);color:#0f9d7f;}
.streams-feed[data-theme="light"] .streams-feed__side.sell{background:rgba(255,138,151,0.15);color:#d83c50;}


/* ───── Cards & layout ───── */
.card{
  position:relative;
  background:var(--card);
  border-radius:var(--layout-card-radius);
  border:1px solid rgba(15,23,42,0.08);
  box-shadow:0 20px 40px rgba(15,23,42,0.08);
  transition:box-shadow .18s ease, transform .18s ease, border-color .18s ease;
}
.card:hover{box-shadow:0 26px 45px rgba(15,23,42,0.12);transform:translateY(-2px);}
.card:focus-within{box-shadow:0 26px 45px rgba(15,23,42,0.12);outline:none;}
.pad{padding:var(--layout-card-pad)}
.grid{display:grid;gap:var(--layout-grid-gap)}

.grid.kpi{grid-template-columns:repeat(4,1fr)}
@media (max-width:960px){.grid.kpi{grid-template-columns:repeat(2,1fr)}}

.h-title{font-weight:800; position:relative;}
/* gradient underline for section titles */
.h-title::after{
  content:""; position:absolute; left:0; bottom:-8px; height:2px; width:60px;
  background:var(--brand-grad); border-radius:2px; opacity:.6;
}

.small{font-size:12px;color:#5b6577}

/* KPI cards: subtle rainbow accent ring */
.grid.kpi > .card{
  border:1px solid transparent;
  background:
    linear-gradient(var(--card),var(--card)) padding-box,
    var(--brand-grad) border-box;
}

/* Extend the same accent to other big sections:
   - the two chart cards (Account page)
   - the full-span Daily PnL card */
.grid.two .card,
.card.full-span{
  border:1px solid transparent;
  background:
    linear-gradient(var(--card),var(--card)) padding-box,
    var(--brand-grad) border-box;
}

/* Metric cards */
.metric-card-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
  gap:var(--space-4);
}
.metric-card{
  position:relative;
  padding:var(--space-5);
  border-radius:var(--radius-xl);
  border:1px solid transparent;
  background:
    linear-gradient(var(--card),var(--card)) padding-box,
    var(--brand-grad) border-box;
  box-shadow:0 18px 36px rgba(15,23,42,0.12);
  display:flex;
  flex-direction:column;
  gap:var(--space-2);
  overflow:hidden;
  isolation:isolate;
}
.metric-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(135deg,rgba(255,255,255,0.35),rgba(255,255,255,0));
  opacity:0.5;
  pointer-events:none;
  z-index:-1;
}
.metric-card .label{
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-weight:700;
  color:#1f2a44;
}
.metric-card .value{
  font-size:clamp(1.8rem,2vw,2.4rem);
  font-weight:800;
  color:#090f1f;
}
.metric-card .sub{
  font-size:13px;
  color:var(--muted);
}

/* ───── Buttons ───── */
.btn{
  display:inline-flex;align-items:center;padding:10px 16px;border-radius:10px;
  cursor:pointer;font-size:14px;font-weight:700;text-decoration:none;
  position:relative;isolation:isolate;border:0;color:#fff;
  box-shadow:var(--shadow-sm);
}
.btn::before{
  content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;
  background:var(--brand-grad)
}
.btn:hover{ filter:saturate(1.05); box-shadow:var(--shadow-md); }
.btn:focus-visible{ box-shadow:var(--shadow-md), var(--ring); }
.btn.light{ background:#fff;color:var(--ink); border:1px solid var(--border-strong) }
.btn.light::before{ display:none }
.btn.ghost{
  background:transparent;
  color:#4850ff;
  border:1px solid rgba(72,80,255,0.35);
}
.delivery-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-bottom:14px;
}

/* links + focus globally */
a{ color:var(--brand-500) }
a:hover{ text-decoration:underline }
:focus-visible{ outline:2px solid var(--brand-600); outline-offset:2px }
ul{margin:10px 0 0 18px;padding:0}


/* ───── Footer ───── */
.footer{
  margin:32px 0 24px;
  text-align:center;
  color:var(--muted);
  font-size:12px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:12px;
}
.footer .footer-meta{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:6px;
}

/* ───── KPIs text ───── */
.kpi .label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.kpi .val{margin-top:6px;font-size:22px;font-weight:700}
.kpi .sub{margin-top:4px;color:var(--muted);font-size:12px}

/* ───── Tables ───── */
.table{width:100%;border-collapse:collapse;font-size:14px}
.table th,.table td{padding:12px}
.table thead th{
  color:var(--muted);text-align:left;border-bottom:1px solid var(--border-strong);
  font-weight:600;position:sticky;top:0;background:#fafafa;z-index:1
}
.table tbody tr{border-bottom:1px solid var(--border)}
.table .num{text-align:right}
.pnl{font-weight:700}
.green{color:var(--green)} .red{color:var(--red)}
.scrolly{max-height:420px;overflow-y:auto}

/* ───── Charts ───── */
.canvas-wrap{
  position:relative;width:100%;height:280px;border-radius:10px;
  /* give each canvas a framed surface + accent border */
  border:1px solid transparent;
  background:
    linear-gradient(#fff,#fff) padding-box,
    var(--brand-grad) border-box;
}
.canvas-wrap.mini{height:220px}
canvas{width:100%;height:280px}
.canvas-wrap.mini canvas{height:220px}
.tooltip{
  position:absolute;pointer-events:none;background:#1e2329;color:#fff;border-radius:8px;
  padding:8px 10px;font-size:12px;box-shadow:0 4px 14px rgba(0,0,0,.15);display:none
}

.trade-card-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  gap:var(--space-4);
}
.trade-card{
  border-radius:var(--radius-xl);
  padding:var(--space-5);
  border:1px solid transparent;
  background:
    linear-gradient(var(--card),var(--card)) padding-box,
    var(--brand-grad) border-box;
  box-shadow:0 20px 45px rgba(15,23,42,0.12);
  display:flex;
  flex-direction:column;
  gap:var(--space-3);
}
.trade-card header{
  display:flex;
  justify-content:space-between;
  align-items:center;
  font-size:13px;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:#1f2a44;
}
.trade-card .trade-direction{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:4px 12px;
  border-radius:var(--radius-pill);
  font-size:12px;
  font-weight:700;
  letter-spacing:.06em;
}
.trade-card .trade-direction.buy{
  background:rgba(27,210,162,0.15);
  color:#0f5132;
}
.trade-card .trade-direction.sell{
  background:rgba(255,106,106,0.18);
  color:#7c1624;
}
.trade-card .trade-volume{
  font-size:clamp(1.6rem,2vw,2.2rem);
  font-weight:800;
  color:#0f172a;
}
.trade-card .trade-meta{
  display:flex;
  flex-wrap:wrap;
  gap:var(--space-2);
  font-size:12px;
  color:var(--muted);
}
.trade-card .trade-actions{
  margin-top:auto;
  display:flex;
  gap:var(--space-3);
  flex-wrap:wrap;
}
.btn.gradient{
  background:linear-gradient(135deg,#6e5eff,#1bd2a2);
  color:#fff;
  border:none;
}
.btn.gradient::before{display:none;}

/* ───── Token overview blocks ───── */
.overview-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
  gap:12px;
}
.metrics-strip{margin-top:20px;}
.metrics-title{font-weight:700;margin-bottom:12px;}
.metrics-title .muted{color:var(--muted);font-weight:600;margin-left:6px;font-size:12px;text-transform:none;}
.metrics-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
  gap:var(--space-3);
}
.metrics-grid .metric-card{
  border-radius:var(--radius-xl);
  padding:var(--space-5);
  border:1px solid transparent;
  background:
    linear-gradient(var(--card),var(--card)) padding-box,
    var(--brand-grad) border-box;
  box-shadow:0 18px 36px rgba(15,23,42,0.12);
  display:flex;
  flex-direction:column;
  gap:var(--space-2);
  min-height:110px;
}
.metrics-grid .metric-label{
  font-size:12px;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--muted);
  font-weight:700;
}
.metrics-grid .metric-value{
  font-size:clamp(1.6rem,2vw,2.2rem);
  font-weight:700;
  color:var(--ink);
  font-variant-numeric:tabular-nums;
}
.metrics-grid .metric-sub{
  font-size:13px;
  color:var(--muted);
}
.muted{color:var(--muted);}
.digest-card .h-title{margin-bottom:6px;}
.digest-items{
  margin-top:14px;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:12px;
}
.digest-item{
  position:relative;
  border-radius:var(--radius-xl);
  padding:var(--space-5);
  border:1px solid transparent;
  background:
    linear-gradient(var(--card),var(--card)) padding-box,
    var(--brand-grad) border-box;
  box-shadow:0 18px 36px rgba(15,23,42,0.12);
  display:flex;
  flex-direction:column;
  gap:var(--space-2);
  min-height:140px;
}
.digest-item::before{
  content:"";
  position:absolute;
  width:12px;
  height:6px;
  border-left:2px solid #0ECB81;
  border-bottom:2px solid #0ECB81;
  transform:rotate(-45deg);
  top:18px;
  left:16px;
}
.digest-item .label{
  padding-left:22px;
  font-weight:700;
  color:#102a43;
}
.digest-item .time{
  font-size:12px;
  font-weight:600;
  color:#1e6091;
  padding-left:22px;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.digest-item p{
  margin:0;
  padding-left:22px;
  color:#3e4655;
  font-size:13px;
  line-height:1.5;
}
.digest-item.done{
  background:linear-gradient(var(--card),var(--card)) padding-box,
    linear-gradient(135deg,rgba(14,203,129,0.25),rgba(50,173,230,0.2)) border-box;
  border:1px solid transparent;
}
.digest-item.upcoming::before{
  border-color:#F0B90B;
}
.digest-item.upcoming .time{
  color:#C27C00;
}
.faq-list{
  margin-top:16px;
  display:flex;
  flex-direction:column;
  gap:12px;
}
.faq{
  border:1px solid var(--border-strong);
  border-radius:12px;
  background:var(--card);
  box-shadow:var(--shadow-sm);
  padding:0;
  overflow:hidden;
}
.faq summary{
  list-style:none;
  cursor:pointer;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  font-weight:700;
  font-size:14px;
  padding:16px 18px;
  color:#102a43;
}
.faq summary::-webkit-details-marker{display:none;}
.faq .icon{
  font-size:20px;
  color:#1e6091;
  transition:transform .2s ease;
}
.faq[open] .icon{
  transform:rotate(45deg);
}
.faq-body{
  padding:0 18px 18px;
  font-size:13px;
  color:#3e4655;
  line-height:1.6;
  border-top:1px solid var(--border-strong);
}
.skeleton{
  position:relative;
  color:transparent !important;
  background:linear-gradient(90deg,#f2f4f9 25%,#e1e4f0 37%,#f2f4f9 63%);
  background-size:400% 100%;
  animation:skeleton 1.4s ease infinite;
  border-radius:6px;
  min-height:1.3em;
}
@keyframes skeleton{
  0%{background-position:100% 0;}
  100%{background-position:0 0;}
}
.stat-card{
  position:relative;
  overflow:hidden;
  border-radius:var(--radius-xl);
  border:1px solid transparent;
  padding:var(--space-5);
  background:
    linear-gradient(var(--card),var(--card)) padding-box,
    var(--brand-grad) border-box;
  box-shadow:0 18px 36px rgba(15,23,42,0.12);
  display:flex;
  flex-direction:column;
  gap:var(--space-2);
}
.stat-card .label{font-size:12px;color:#1f2a44;text-transform:uppercase;letter-spacing:.08em;font-weight:700}
.stat-card .val{margin-top:6px;font-size:clamp(1.5rem,2vw,2.1rem);font-weight:800;color:#0f172a}
.stat-card .sub{margin-top:4px;font-size:12px;color:var(--muted)}
.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-variant-numeric:tabular-nums;}

.info-card{
  border-radius:var(--radius-xl);
  padding:var(--space-5);
  border:1px solid transparent;
  background:
    linear-gradient(var(--card),var(--card)) padding-box,
    var(--brand-grad) border-box;
  box-shadow:0 18px 36px rgba(15,23,42,0.12);
  display:flex;
  flex-direction:column;
  gap:var(--space-2);
}
.info-card h4{
  margin:0;
  font-size:1rem;
  color:#0f172a;
}
.info-card p{
  margin:0;
  font-size:13px;
  color:var(--muted);
  line-height:1.5;
}

.gradient-table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  border-radius:var(--radius-xl);
  overflow:hidden;
  background:
    linear-gradient(var(--card),var(--card)) padding-box,
    var(--brand-grad) border-box;
  border:1px solid transparent;
  box-shadow:0 20px 45px rgba(15,23,42,0.12);
}
.gradient-table th,
.gradient-table td{
  padding:14px 18px;
  border-bottom:1px solid rgba(15,23,42,0.08);
  background:#fff;
}
.gradient-table th{
  text-transform:uppercase;
  font-size:11px;
  letter-spacing:.08em;
  color:#4b5a72;
}
.gradient-table tr:last-child td{
  border-bottom:none;
}

.loop-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:12px;
  margin-top:12px;
}
.loop-card{
  border-radius:12px;
  padding:16px;
  border:1px solid transparent;
  background:
    linear-gradient(var(--card),var(--card)) padding-box,
    var(--brand-grad) border-box;
  box-shadow:var(--shadow-sm);
  position:relative;
  overflow:hidden;
}
.loop-card::after{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(80% 120% at 100% 0%, rgba(110,94,255,0.15), transparent);
  opacity:0;
  transition:opacity .2s ease;
}
.loop-card:hover::after{opacity:1;}
.loop-card .step{font-weight:700;margin-bottom:8px}
.loop-card p{margin:0;color:#5b6577;font-size:13px;line-height:1.5}

.timeline{
  position:relative;
  margin-top:16px;
  padding-left:18px;
  border-left:2px solid rgba(110,94,255,.25);
  display:flex;
  flex-direction:column;
  gap:22px;
}
.timeline-item{position:relative;padding-left:16px}
.timeline-item .dot{
  position:absolute;left:-27px;top:4px;width:12px;height:12px;border-radius:50%;
  background:var(--brand-grad);
  box-shadow:0 0 0 4px rgba(110,94,255,.12);
}
.timeline-item .time{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}
.timeline-item .content strong{display:block;font-size:15px;margin-bottom:4px}
.timeline-item .content p{margin:0;font-size:13px;color:#5b6577;line-height:1.5}
.timeline-item .content ul{margin:8px 0 0 18px;padding:0;font-size:13px;color:#4d5566}

.legal h2{margin-top:24px;font-size:18px}
.legal p, .legal ul{font-size:14px;line-height:1.6;color:#3e4655}
.legal ul{padding-left:20px}

@keyframes floaty{
  0%,100%{transform:translateY(0);}
  50%{transform:translateY(-6px);}
}

@media (max-width:720px){
  .chip{font-size:11px;padding:5px 10px}
  .overview-grid{grid-template-columns:1fr}
  .loop-grid{grid-template-columns:1fr}
  .timeline{padding-left:14px}
  .timeline-item{padding-left:14px}
  .timeline-item .dot{left:-24px}
}
/* ───── Forms ───── */
.input{flex:1;border:1px solid var(--border-strong);border-radius:10px;padding:10px 12px;font-size:14px}
.row{display:flex;gap:8px;align-items:center}

/* === Trade table enhancements (Recent Closures) === */
.table .muted { color: var(--muted); }
.table .mono  { font-variant-numeric: tabular-nums; font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }
.table .tight { white-space: nowrap; }

/* Side chips */
.badge {
  display:inline-flex; align-items:center; justify-content:center;
  height:20px; min-width:52px; padding:0 8px; border-radius:999px;
  font-size:12px; font-weight:700; letter-spacing:.02em;
  border:1px solid var(--border-strong); background:#fff; color:var(--ink);
}
.badge.long  { border-color:#a6efd2; color:#0a6e4b; background:linear-gradient(#fff,#fff) padding-box, linear-gradient(90deg,#bff3dd,#6ce2b1) border-box; }
.badge.short { border-color:#ffc7cf; color:#7a0b1e; background:linear-gradient(#fff,#fff) padding-box, linear-gradient(90deg,#ffd6db,#ff9aaa) border-box; }

/* Small pill for symbols if you want to emphasize them later
.symbol-pill { padding:2px 8px; border-radius:8px; background:#f6f7fb; border:1px solid var(--border); font-weight:700; } */

/* Highlight LONG vs SHORT rows */
#trades tr td .badge.long { background:#e6f9f0; color:#0ECB81; border:1px solid #0ECB81; }
#trades tr td .badge.short{ background:#fdeaea; color:#F6465D; border:1px solid #F6465D; }

/* Right align numeric columns */
#trades td.num { text-align:right; font-family:monospace; }
.invest-hero h1{
  font-size:32px;
  line-height:1.2;
}
@media (max-width:720px){
  .invest-hero h1{font-size:26px}
  .hero-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
  .hero-pill{width:100%;text-align:center}
}

@media (max-width:860px){
  .jump-tabs{display:none;}
  .jump-mobile-btn{display:inline-flex;}
}
.contract-wrap{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.contract-text{
  word-break:break-all;
  max-width:100%;
}
.copy-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:6px 12px;
  border-radius:10px;
  border:1px solid rgba(30,96,145,0.25);
  background:rgba(30,96,145,0.08);
  color:#1e3a64;
  font-size:12px;
  font-weight:700;
  cursor:pointer;
  transition:background .18s ease, color .18s ease, border-color .18s ease, transform .18s ease;
}
.copy-btn:hover:not([disabled]){
  background:rgba(27,210,162,0.18);
  border-color:rgba(27,210,162,0.4);
  color:#0e6f55;
  transform:translateY(-1px);
}

/* Sentiment charts (Recent Closures) */
.sentiment-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:12px;
}
.sentiment-card{
  border-radius:16px;
  padding:14px;
  border:1px solid rgba(30,96,145,0.12);
  background:
    linear-gradient(#fff,#fff) padding-box,
    linear-gradient(120deg, rgba(27,210,162,0.14), rgba(110,94,255,0.10)) border-box;
  box-shadow:0 12px 28px rgba(15,23,42,0.10);
  position:relative;
  overflow:hidden;
}
.sentiment-card.short{
  background:
    linear-gradient(#fff,#fff) padding-box,
    linear-gradient(120deg, rgba(246,70,93,0.16), rgba(110,94,255,0.10)) border-box;
}
.sentiment-card::after{
  content:"";
  position:absolute;
  inset:-40% -20%;
  background:radial-gradient(120% 120% at 0% 0%, rgba(255,255,255,0.3), transparent 65%);
  opacity:0;
  transform:translateY(10px);
  animation:floaty 6s ease-in-out infinite;
  pointer-events:none;
}
.sentiment-card:hover::after{opacity:1;}
.sentiment-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  flex-wrap:wrap;
  margin-bottom:8px;
}
.pill-label{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:6px 10px;
  font-weight:800;
  letter-spacing:.05em;
  border-radius:999px;
  font-size:12px;
  background:#eef2ff;
  color:#1f2a44;
  text-transform:uppercase;
}
.sentiment-card.long .pill-label{background:rgba(14,203,129,0.15); color:#0a7a53;}
.sentiment-card.short .pill-label{background:rgba(246,70,93,0.15); color:#8a0f21;}
.sentiment-sub{color:#5b6577;font-size:12px;margin-top:4px}
.sentiment-meta{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#4d5566}
.sentiment-meta .dot{width:10px;height:10px;border-radius:50%;display:inline-block}
.sentiment-meta .dot.long{background:#0ECB81;box-shadow:0 0 0 4px rgba(14,203,129,0.15);}
.sentiment-meta .dot.short{background:#F6465D;box-shadow:0 0 0 4px rgba(246,70,93,0.15);}
.sentiment-meta-label{font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.sentiment-stats{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(140px,1fr));
  gap:8px;
  margin:8px 0 12px;
}
.sentiment-stats .stat{
  display:flex;
  align-items:center;
  gap:8px;
  padding:8px 10px;
  border-radius:12px;
  background:rgba(255,255,255,0.8);
  border:1px solid rgba(30,96,145,0.08);
  box-shadow:0 6px 16px rgba(15,23,42,0.08);
}
.stat-icon{font-size:16px}
.stat-label{font-size:11px; letter-spacing:.04em; text-transform:uppercase; color:#6b7280;}
.stat-value{font-weight:800; font-size:15px;}
.stat-value.positive{color:#0a7a53;}
.stat-value.negative{color:#8a0f21;}

@media (max-width:720px){
  .sentiment-grid{grid-template-columns:1fr}
}
.copy-btn:focus-visible{
  outline:2px solid var(--brand-600);
  outline-offset:2px;
}
.copy-btn[disabled]{
  opacity:0.45;
  cursor:not-allowed;
  transform:none;
}
.copy-btn.copied{
  background:rgba(14,203,129,0.18);
  border-color:rgba(14,203,129,0.4);
  color:#0ECB81;
}
.copy-btn.error{
  background:rgba(246,70,93,0.18);
  border-color:rgba(246,70,93,0.4);
  color:#F6465D;
}
.contract-link{
  color:var(--brand-500);
  font-weight:600;
  text-decoration:none;
}
.contract-link:hover{
  text-decoration:underline;
}
.price-widget{
  margin-top:18px;
  padding:14px 16px;
  border-radius:14px;
  border:1px solid rgba(16,58,100,0.12);
  background:linear-gradient(var(--card),var(--card)) padding-box, linear-gradient(135deg,rgba(95,250,229,0.16),rgba(110,94,255,0.12)) border-box;
  display:flex;
  flex-wrap:wrap;
  gap:16px;
  align-items:flex-start;
}
.channel-options{
  display:flex;
  flex-direction:column;
  gap:8px;
  margin-top:6px;
}
.channel-option{
  display:flex;
  gap:12px;
  align-items:flex-start;
  border:1px solid rgba(16,58,100,0.14);
  border-radius:12px;
  padding:10px 12px;
  background:#fff;
}
.channel-option input{
  margin-top:4px;
}
.channel-option.disabled{
  opacity:0.5;
}
.channel-option strong{
  font-size:14px;
  color:#102a43;
}
.channel-option .channel-head{
  display:flex;
  align-items:center;
  gap:8px;
}
.channel-option .chip{
  font-size:11px;
  padding:4px 10px;
  border-radius:999px;
  background:rgba(110,94,255,0.12);
  border:1px solid rgba(110,94,255,0.2);
}
.channel-option span.note{
  display:block;
  font-size:12px;
  color:#5b6577;
}
.channel-note{
  font-size:12px;
  color:#5b6577;
  margin-top:6px;
}
.price-summary{
  font-weight:800;
  font-size:16px;
  color:#102a43;
  padding:10px 12px;
  border:1px dashed rgba(16,58,100,0.2);
  border-radius:12px;
  background:#f8f9fe;
}
.delivery-table-wrap{margin-top:12px;overflow-x:auto;}
.delivery-table{width:100%;border-collapse:collapse;font-size:13px;}
.delivery-table th,.delivery-table td{padding:10px 8px;border-bottom:1px solid rgba(16,58,100,0.08);text-align:left;}
.delivery-table td.actions{display:flex;gap:6px;flex-wrap:wrap;}
.delivery-table td.empty{text-align:center;color:#5b6577;}
.delivery-form{margin-top:16px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;}
.delivery-form .form-row{display:flex;flex-direction:column;gap:6px;}
.delivery-form input,.delivery-form select{border:1px solid rgba(16,58,100,0.18);border-radius:10px;padding:10px 12px;font-size:14px;}
.delivery-table td.actions .danger{
  padding:8px 14px;
  border-radius:10px;
  border:0;
  background:#F6465D;
  color:#fff;
  font-weight:700;
  cursor:pointer;
}
.delivery-table td.actions .danger:hover{filter:brightness(0.95);}
.delivery-summary{font-size:13px;color:#1f5f89;font-weight:600;margin-top:8px;}
.price-info{
  display:flex;
  flex-direction:column;
  gap:10px;
  min-width:180px;
}
.price-label{
  font-weight:700;
  color:#1e2329;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.price-row{
  display:flex;
  align-items:baseline;
  gap:12px;
}
.price-value{
  font-size:32px;
  font-weight:800;
  color:#102a43;
  font-variant-numeric:tabular-nums;
}
.price-change{
  font-size:16px;
  font-weight:700;
  color:var(--muted);
}
.price-change.up{color:var(--green);}
.price-change.down{color:var(--red);}
.price-change.flat{color:var(--muted);}
.price-meta{
  display:flex;
  gap:8px;
  align-items:center;
  color:var(--muted);
}
.price-meta .dot{font-size:16px;line-height:1;color:rgba(30,96,145,0.6);}
#priceSparkline{
  flex:1;
  min-width:160px;
  max-width:260px;
  height:70px;
  background:rgba(16,58,100,0.04);
  border-radius:12px;
  border:1px solid rgba(16,58,100,0.08);
}
@media (max-width:600px){
  .price-widget{flex-direction:column;align-items:stretch;}
  #priceSparkline{width:100%;}
}

.stat-card::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(120deg,rgba(30,96,145,0.08),rgba(42,157,143,0.04));
  opacity:0;
  transition:opacity .2s ease;
}
.stat-card:hover::after{opacity:1;}
.hero-inline{display:flex;align-items:center;gap:18px;flex-wrap:wrap;justify-content:space-between;margin-bottom:12px;}
.hero-topline{display:flex;align-items:center;gap:14px;flex:1 1 auto;min-width:260px;}
.token-mark-wrap{flex:0 0 auto;display:flex;align-items:center;justify-content:center;border-radius:16px;box-shadow:var(--shadow-sm);padding:10px;background:linear-gradient(135deg,rgba(110,94,255,0.1),rgba(27,210,162,0.1));}
.hero-card .token-mark{width:72px;height:72px;}
.hero-card .hero-text{flex:1 1 auto;min-width:220px;display:flex;flex-direction:column;gap:8px;max-width:480px;}
.hero-card .hero-text h1{margin:0;font-size:26px;font-weight:800;}
.hero-card .hero-text p{margin:0;color:#5b6577;font-size:14px;line-height:1.45;}
.hero-card .hero-chips{gap:6px;flex-wrap:wrap;}
.price-widget{margin-top:0;flex:0 0 auto;min-width:220px;box-shadow:var(--shadow-sm);border-radius:14px;}

@media (max-width:900px){
  .hero-inline{flex-direction:column;align-items:center;gap:16px;margin-bottom:10px;}
  .hero-topline{width:100%;flex-direction:column;align-items:center;text-align:center;}
  .hero-card .hero-text{min-width:100%;text-align:center;}
  .hero-card .token-mark{width:68px;height:68px;}
  .price-widget{width:100%;justify-content:center;}
}
@media (max-width:720px){
  .hero-card .pad{padding:16px 14px;}
  .hero-card .hero-text h1{font-size:22px;}
  .hero-card .hero-text p{font-size:13px;}
  .hero-inline{gap:12px;}
  .hero-card .token-mark{width:60px;height:60px;}
  .price-widget{padding:12px 14px;}
  .hero-topline{gap:12px;}
}
.subscription-status .subscription-link{
  color:#4850ff;
  font-weight:600;
  text-decoration:underline;
}
.delivery-onboarding{
  border:1px dashed rgba(72,80,255,0.35);
  border-radius:16px;
  padding:16px 18px;
  background:linear-gradient(120deg,rgba(72,80,255,0.06),rgba(88,101,242,0.03));
  margin-bottom:18px;
}
.delivery-onboarding h4{
  margin:0 0 4px 0;
  font-size:1rem;
}
.delivery-onboarding p{
  margin:0 0 12px 0;
  color:#4b5563;
}
.delivery-onboarding ol{
  margin:0 0 12px 18px;
  padding:0;
  color:#374151;
}
.delivery-onboarding ol li{
  margin-bottom:6px;
}
.delivery-onboarding .onboarding-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-bottom:8px;
}
.btn.small{
  font-size:0.85rem;
  padding:0.35rem 0.85rem;
  border-radius:999px;
}
.btn.ghost.small{
  border:1px solid rgba(72,80,255,0.35);
  background:transparent;
  color:#4850ff;
}
.micro{
  font-size:0.78rem;
  color:#6b7280;
}
.badge{
  display:inline-flex;
  align-items:center;
  padding:0.12rem 0.65rem;
  margin-left:0.5rem;
  font-size:0.72rem;
  font-weight:700;
  border-radius:999px;
  border:1px solid transparent;
  text-transform:uppercase;
  letter-spacing:0.04em;
}
.badge-verified{
  background:linear-gradient(120deg,#16a34a,#22c55e);
  color:#fff;
  border-color:#15803d;
  box-shadow:0 4px 10px rgba(22,163,74,0.25);
}
.badge-pending{
  background:linear-gradient(120deg,#dc2626,#ef4444);
  color:#fff;
  border-color:#991b1b;
  box-shadow:0 4px 10px rgba(220,38,38,0.25);
}
.streams-footnote{
  font-size:12px;
  color:rgba(248,251,255,0.75);
  margin-top:8px;
}
.streams-feed[data-theme="light"] + .streams-footnote{color:#5b6577;}
.card-block{
  border:1px solid rgba(15,23,42,0.08);
  border-radius:var(--layout-card-radius-lg);
  background:#fff;
  box-shadow:0 20px 45px rgba(15,23,42,0.08);
  padding:var(--layout-card-block-pad-y) var(--layout-card-block-pad-x);
  width:100%;
}
@media (max-width:640px){
.card-block{padding:var(--layout-card-block-pad-mobile);}
}
.holder-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
  gap:var(--space-3);
  margin-top:var(--space-4);
}
.holder-card{
  padding:0;
  background:none;
  border:none;
  box-shadow:none;
}
.holder-card.info-card{
  padding:var(--space-5);
}
.footer-social{
  display:flex;
  flex-direction:column;
  gap:4px;
}
.footer-social li{
  list-style:none;
  display:flex;
  align-items:center;
  gap:6px;
}
.footer-social li::before{
  content:"";
  width:16px;
  height:16px;
  background:var(--muted);
  border-radius:4px;
  mask-size:contain;
  mask-repeat:no-repeat;
}
.footer-social li.discord::before{
  background:#5865f2;
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 245 240'%3E%3Cpath fill='%23fff' d='M104.4 104.8c-5.7 0-10.2 5-10.2 11.1c0 6.1 4.6 11.1 10.2 11.1c5.7 0 10.2-5 10.2-11.1c.1-6.1-4.5-11.1-10.2-11.1m36.2 0c-5.7 0-10.2 5-10.2 11.1c0 6.1 4.6 11.1 10.2 11.1c5.7 0 10.2-5 10.2-11.1c0-6.1-4.5-11.1-10.2-11.1'/><path fill='%23fff' d='M189.5 20h-134A35.6 35.6 0 0 0 20 55.6v128.8A35.6 35.6 0 0 0 55.5 220h96.4l-4.5-15l10.8 10l10.3 9.3l18.3 16.7V55.6c0-19.7-16-35.6-35.3-35.6M163 145.1s-4.2-5-7.7-9.4c15.3-4.3 21.2-13.8 21.2-13.8c-4.8 3.1-9.4 5.3-13.5 6.8c-5.9 2.5-11.5 4.1-17 5.1c-11.2 2.1-21.5 1.5-30.4-.1c-6.7-1.3-12.5-3-17.3-5.1c-2.7-1.1-5.7-2.4-8.6-4.2c-.4-.2-.8-.4-1.2-.7c-.3-.2-.6-.3-.9-.5c-.4-.3-.6-.4-.6-.4s5.6 9.3 20.4 13.7c-3.5 4.4-7.8 9.6-7.8 9.6c-25.8-.8-35.6-17.7-35.6-17.7c0-37.5 16.8-68 16.8-68c16.8-12.6 32.7-12.2 32.7-12.2l1.2 1.4c-21 6-30.7 15.3-30.7 15.3s2.6-1.4 7-3.4c12.7-5.6 22.8-7.2 27-7.6c.7-.1 1.3-.2 2-.2a129 129 0 0 1 55 5.4c26 7.5 41 18.7 41 18.7s-10.1-9.6-31.9-15.6l1.7-1.9s16-.4 32.7 12.2c0 0 16.8 30.5 16.8 68c0 0-9.9 16.9-35.7 17.7'/%3E%3C/svg%3E");
}
.footer-social li.telegram::before{
  background:#2aabee;
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 240'%3E%3Cpath fill='%23fff' d='M120 0C53.7 0 0 53.7 0 120s53.7 120 120 120s120-53.7 120-120S186.3 0 120 0Zm50.3 87.6l-20.2 95.5c-1.5 6.8-5.5 8.5-11.3 5.3l-31.3-23.2l-15.1 14.6c-1.7 1.7-3.1 3.1-6.3 3.1l2.3-32.7l59.5-53.7c2.6-2.3-.6-3.6-4-1.3l-73.4 46.2l-31.6-9.9c-6.8-2.1-6.9-6.8 1.4-10.1l123.6-47.7c5.7-2.1 10.6 1.3 8.8 10.1Z'/%3E%3C/svg%3E");
}
.footer-social li.x::before{
  background:#1d9bf0;
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 1227'%3E%3Cpath fill='%23fff' d='M714 0H978L408 729L0 1227H276L708 707L1140 1227H1200z'/%3E%3C/svg%3E");
}
.footer-social li.facebook::before{
  background:#1877f2;
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M13.5 9H16V6h-2.5a3.5 3.5 0 0 0-3.5 3.5V12H8v3h2v7h3v-7h2.1l.4-3H13.5V9.5c0-.276.224-.5.5-.5z'/%3E%3C/svg%3E");
}