:root{
  --ink:#070b12;
  --ink-2:#0c121c;
  --panel:#121a26;
  --panel-2:#182233;
  --line:#243044;
  --line-2:#2e3d55;
  --text:#e7eef8;
  --muted:#8b9bb3;
  --link:#5eead4;
  --link-visit:#67e8f9;
  --cyan:#22d3ee;
  --cyan-d:#0891b2;
  --teal:#14b8a6;
  --ice:#a5f3fc;
  --warn:#fb7185;
  --ok:#34d399;
  --gold:#22d3ee;
  --gold-l:#67e8f9;
  --gold-d:#0891b2;
  --accent:#22d3ee;
  --accent-d:#0e7490;
  --accent-l:#164e63;
  --brick:#fb7185;
  --sans:"Segoe UI","Trebuchet MS","Avenir Next",system-ui,sans-serif;
  --serif:"Segoe UI","Trebuchet MS",system-ui,sans-serif;
  --mono:"Cascadia Mono","Consolas","Menlo",monospace;
}
*{box-sizing:border-box}
html{font-size:100%;-webkit-text-size-adjust:100%}
body{
  margin:0;
  color:var(--text);
  font-family:var(--sans);
  font-size:15px;
  line-height:1.65;
  background:
    radial-gradient(1200px 480px at 12% -10%,rgba(34,211,238,.12),transparent 55%),
    radial-gradient(900px 420px at 100% 0%,rgba(20,184,166,.1),transparent 50%),
    linear-gradient(180deg,var(--ink) 0%,var(--ink-2) 40%,#081018 100%);
  background-attachment:fixed;
}
body::before{
  content:"";
  position:fixed;inset:0;pointer-events:none;z-index:0;
  background-image:linear-gradient(rgba(34,211,238,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(34,211,238,.035) 1px,transparent 1px);
  background-size:48px 48px;
  mask-image:linear-gradient(180deg,#000 0%,transparent 85%);
}
a{color:var(--link);text-decoration:none}
a:visited{color:var(--link-visit)}
a:hover{text-decoration:underline;color:var(--ice)}
img{max-width:100%;height:auto}
code{font-family:var(--mono);background:rgba(34,211,238,.08);padding:1px 6px;border-radius:4px;font-size:.9em;color:var(--ice);border:1px solid var(--line)}
hr{border:0;border-top:1px solid var(--line);margin:1.4em 0}

.header{
  display:flex;align-items:center;gap:18px;
  padding:10px 28px;
  background:rgba(7,11,18,.92);
  backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line);
  box-shadow:0 1px 0 rgba(34,211,238,.25);
  position:sticky;top:0;z-index:50;min-height:76px;
}
.menu-btn{width:40px;height:40px;background:transparent;border:1px solid var(--line-2);border-radius:10px;cursor:pointer;display:none;position:relative}
.menu-btn:hover{background:rgba(34,211,238,.08)}
.menu-btn::before,.menu-btn::after,.menu-btn span{content:"";position:absolute;left:10px;right:10px;height:2px;background:var(--cyan);top:12px;border-radius:2px}
.menu-btn span{top:19px}
.menu-btn::after{top:26px}
.brand{display:flex;align-items:center;gap:12px;color:var(--ice);padding-right:8px}
.brand:hover{text-decoration:none}
.brand:visited{color:var(--ice)}
.brand-logo{height:48px;width:auto;max-width:240px;object-fit:contain;object-position:left center;mix-blend-mode:screen;animation:logo-pulse 3.6s ease-in-out infinite}
@keyframes logo-pulse{
  0%,100%{filter:drop-shadow(0 0 6px rgba(34,211,238,.35));transform:translateY(0)}
  50%{filter:drop-shadow(0 0 16px rgba(94,234,212,.9));transform:translateY(-1px)}
}
.brand-words{display:flex;flex-direction:column;line-height:1.05}
.brand-name{font-weight:800;font-size:13px;letter-spacing:.22em;color:var(--ice);text-transform:uppercase}
.brand-tag{font-family:var(--mono);font-size:11px;color:var(--muted);margin-top:4px;letter-spacing:.04em}
.search{flex:1;max-width:480px;display:flex}
.search input{
  flex:1;font:inherit;padding:9px 12px 9px 36px;
  border:1px solid var(--line-2);border-right:0;
  border-radius:999px 0 0 999px;
  background:#0a1220 url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='18'%3E%3Cpath fill='%2322d3ee' d='M12.9 14.3a7 7 0 1 1 1.4-1.4l4.3 4.3-1.4 1.4-4.3-4.3zM8 13a5 5 0 1 0 0-10 5 5 0 0 0 0 10z'/%3E%3C/svg%3E") 12px 50% no-repeat;
  outline:none;color:var(--text);
}
.search input::placeholder{color:#6b7c94}
.search input:focus{border-color:var(--cyan);box-shadow:0 0 0 1px var(--cyan) inset}
.search button{
  border:1px solid var(--cyan);background:linear-gradient(180deg,#22d3ee,#0891b2);
  padding:0 18px;cursor:pointer;border-radius:0 999px 999px 0;
  font:inherit;color:#04202a;font-weight:800;letter-spacing:.04em;
}
.search button:hover{filter:brightness(1.08)}
.header-right{display:flex;gap:8px;color:var(--muted);font-size:12px;align-items:center;font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase}

.eu-bar{
  display:flex;gap:14px;align-items:center;
  padding:8px 28px;
  background:linear-gradient(90deg,rgba(20,184,166,.18),rgba(8,17,28,.4));
  border-bottom:1px solid var(--line);
  font-size:13px;color:var(--muted);position:relative;z-index:1;
}
.eu-bar b{color:var(--ice);font-weight:700}

.fx-ticker{
  display:flex;align-items:center;gap:14px;padding:0 24px;height:36px;
  background:#061018;color:#fff;border-bottom:1px solid var(--line);
  overflow:hidden;font-size:13px;position:relative;z-index:1;
}
.fx-ticker .fx-label{flex:0 0 auto;font-weight:800;letter-spacing:.12em;text-transform:uppercase;font-size:11px;display:flex;align-items:center;gap:8px;color:var(--cyan);font-family:var(--mono)}
.fx-ticker .fx-dot{width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 0 rgba(52,211,153,.9);animation:fx-pulse 1.6s infinite}
@keyframes fx-pulse{0%{box-shadow:0 0 0 0 rgba(52,211,153,.7)}70%{box-shadow:0 0 0 10px rgba(52,211,153,0)}100%{box-shadow:0 0 0 0 rgba(52,211,153,0)}}
.fx-ticker .fx-viewport{flex:1;overflow:hidden;position:relative;height:100%}
.fx-ticker .fx-viewport::before,.fx-ticker .fx-viewport::after{content:"";position:absolute;top:0;bottom:0;width:36px;z-index:2;pointer-events:none}
.fx-ticker .fx-viewport::before{left:0;background:linear-gradient(90deg,#061018,transparent)}
.fx-ticker .fx-viewport::after{right:0;background:linear-gradient(-90deg,#061018,transparent)}
.fx-ticker .fx-track{display:flex;gap:28px;align-items:center;height:100%;white-space:nowrap;animation:fx-marquee 45s linear infinite;width:max-content}
.fx-ticker:hover .fx-track{animation-play-state:paused}
@keyframes fx-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.fx-item{display:inline-flex;align-items:center;gap:6px;font-variant-numeric:tabular-nums}
.fx-item .fx-sym{background:rgba(34,211,238,.14);padding:2px 7px;border-radius:999px;font-weight:800;font-size:11px;letter-spacing:.04em;color:var(--ice);border:1px solid rgba(34,211,238,.28)}
.fx-item .fx-price{font-weight:600}
.fx-item .fx-chg{font-size:11.5px;padding:1px 6px;border-radius:999px}
.fx-item .fx-chg.up{color:#6ee7b7;background:rgba(52,211,153,.14)}
.fx-item .fx-chg.down{color:#fda4af;background:rgba(251,113,133,.14)}
.fx-note{flex:0 0 auto;color:#6b7c94;font-size:11px;font-family:var(--mono)}

.shell{display:grid;grid-template-columns:230px 1fr;gap:22px;max-width:1320px;margin:22px auto 12px;padding:0 24px;position:relative;z-index:1}
.sidebar{
  font-size:13.5px;padding:16px 12px 18px;
  background:rgba(18,26,38,.78);
  border:1px solid var(--line);
  border-radius:16px;
  position:sticky;top:92px;align-self:start;max-height:calc(100vh - 110px);overflow:auto;
  box-shadow:inset 0 1px 0 rgba(165,243,252,.08);
}
.sidebar h3{
  font-weight:800;font-size:10.5px;margin:16px 8px 8px;color:var(--cyan);
  text-transform:uppercase;letter-spacing:.16em;border:0;padding:0;
}
.sidebar h3:first-child{margin-top:2px}
.sidebar ul{list-style:none;margin:0;padding:0}
.sidebar li{margin:2px 0}
.sidebar li a{display:block;padding:8px 10px;border-radius:10px;color:#c5d4e8}
.sidebar li a:hover{background:rgba(34,211,238,.08);text-decoration:none;color:var(--ice)}
.sidebar li a.current{background:linear-gradient(90deg,rgba(34,211,238,.18),rgba(20,184,166,.08));font-weight:700;color:var(--ice);border-left:0;box-shadow:inset 3px 0 0 var(--cyan)}
.main{min-width:0;background:rgba(18,26,38,.72);border:1px solid var(--line);border-radius:18px;padding:8px 22px 26px;box-shadow:0 18px 50px rgba(0,0,0,.28)}

.article-tabs{display:flex;gap:6px;border:0;margin:10px 0 4px;font-size:12px;flex-wrap:wrap}
.article-tabs span{
  padding:5px 12px;border:1px solid var(--line-2);background:transparent;
  color:var(--muted);margin:0;border-radius:999px;font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;
}
.article-tabs span.active{border-color:var(--cyan);background:rgba(34,211,238,.12);font-weight:700;color:var(--ice);border-top:1px solid var(--cyan);border-bottom:1px solid var(--cyan)}
.article-tabs span.muted{background:transparent;color:#5b6c82}
.article-tabs .spacer{flex:1;border:0;padding:0;background:transparent}

.first-heading{
  font-weight:800;font-size:34px;line-height:1.15;margin:10px 0 8px;
  border-bottom:1px solid var(--line);padding-bottom:12px;letter-spacing:-.02em;color:#f4fbff;
}
.first-heading--portal{border:0;padding-bottom:0;font-size:38px;margin:0 0 6px}
.indicators{color:var(--muted);font-size:12.5px;margin-bottom:8px;font-style:normal;font-family:var(--mono);letter-spacing:.02em}

.article h2{
  font-weight:750;font-size:20px;margin:1.5em 0 .35em;
  border:0;padding:0 0 0 12px;color:#f0f9ff;
  border-left:3px solid var(--cyan);
}
.article h3{font-weight:700;font-size:16px;margin:1.15em 0 .3em;color:var(--ice)}
.article p{margin:.65em 0;color:#d5deea}
.article ul,.article ol{margin:.5em 0 .8em 0;padding-left:1.5em}
.article li{margin:.18em 0}
.article .refs{font-size:13.2px;color:#b7c4d6}
.article .refs li{margin:.3em 0}

.infobox{
  float:right;clear:right;width:300px;margin:4px 0 18px 20px;
  background:var(--panel-2);border:1px solid var(--line-2);
  font-size:12.8px;line-height:1.45;border-radius:14px;overflow:hidden;
  box-shadow:0 0 0 1px rgba(34,211,238,.08),0 16px 40px rgba(0,0,0,.25);
}
.infobox-title{
  background:linear-gradient(180deg,#0e2a36,#0a1c28);
  color:var(--ice);text-align:center;font-weight:800;padding:10px 12px;
  border-bottom:1px solid rgba(34,211,238,.35);font-size:13px;letter-spacing:.12em;text-transform:uppercase;
}
.infobox-img{text-align:center;padding:10px;background:#061018}
.infobox-img img{max-width:240px;height:auto;border:0;mix-blend-mode:screen}
.infobox table{width:100%;border-collapse:collapse}
.infobox th{text-align:left;padding:6px 10px;background:rgba(8,17,28,.55);color:var(--muted);width:40%;border-top:1px solid var(--line);font-weight:600}
.infobox td{padding:6px 10px;border-top:1px solid var(--line);color:var(--text)}

.toc{
  display:inline-block;max-width:100%;
  background:rgba(6,16,24,.55);border:1px solid var(--line);
  padding:12px 18px;margin:14px 0;font-size:13.5px;border-radius:12px;
}
.toc .toc-title{font-weight:800;text-align:left;margin-bottom:6px;color:var(--cyan);letter-spacing:.14em;text-transform:uppercase;font-size:11px}
.toc ol{list-style:decimal;margin:0;padding-left:22px}

.wikitable{border-collapse:collapse;margin:12px 0;background:rgba(8,17,28,.45);color:var(--text);border:1px solid var(--line);width:100%;border-radius:10px;overflow:hidden}
.wikitable th,.wikitable td{border:1px solid var(--line);padding:8px 12px;text-align:left;vertical-align:top}
.wikitable th{background:rgba(34,211,238,.1);font-weight:700;color:var(--ice)}

.catlinks{border:1px dashed var(--line-2);background:transparent;padding:8px 12px;margin:24px 0 0;font-size:13px;border-radius:10px;color:var(--muted)}
.catlinks b{color:var(--cyan);font-weight:700;margin-right:6px;letter-spacing:.08em;text-transform:uppercase;font-size:11px}

.site-foot{
  max-width:none;margin:28px 0 0;padding:18px 28px 28px;
  font-size:12.5px;color:#7d8da3;border-top:1px solid var(--line);
  line-height:1.6;background:#05080e;position:relative;z-index:1;
}
.site-foot a{color:var(--cyan)}

.hero-fig{margin:14px 0 18px;max-width:720px;clear:none}
.hero-fig img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:12px;background:#061018}
.hero-fig figcaption{font-size:12.5px;color:var(--muted);padding:6px 2px 0;font-style:normal;font-family:var(--mono)}

.ambox{border:1px solid var(--line);border-left:4px solid var(--cyan);background:rgba(8,145,178,.1);padding:10px 14px;margin:12px 0;font-size:13.5px;border-radius:0 10px 10px 0}
.ambox b{color:var(--ice)}
.ambox-warn{border-left-color:var(--warn);background:rgba(251,113,133,.1)}

.kw-strip{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:8px 0 14px;padding:0}
.kw-strip li{font-size:11px;background:rgba(34,211,238,.1);color:var(--ice);padding:4px 10px;border-radius:999px;letter-spacing:.04em;border:1px solid rgba(34,211,238,.28);font-family:var(--mono)}

.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;margin:12px 0 18px}
.stat{border:1px solid var(--line);border-left:0;padding:14px 12px;background:linear-gradient(180deg,rgba(34,211,238,.08),rgba(8,17,28,.4));text-align:center;border-radius:12px}
.stat b{display:block;font-size:26px;color:var(--ice);line-height:1.1;letter-spacing:-.03em}
.stat span{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em}

.cta{
  margin:16px 0;padding:18px 20px;
  border:1px solid rgba(34,211,238,.45);
  background:linear-gradient(135deg,rgba(8,145,178,.18),rgba(6,16,24,.7));
  border-radius:14px;box-shadow:0 0 40px rgba(34,211,238,.08);
}
.cta-kicker{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--cyan);font-weight:800;font-family:var(--mono)}
.cta-title{font-size:22px;margin:6px 0;color:#f4fbff;font-weight:800}
.cta-text{margin:4px 0 12px;color:var(--muted)}
.cta-btn{display:inline-block;background:linear-gradient(180deg,#22d3ee,#0e7490);color:#04202a;padding:10px 16px;font-weight:800;border-radius:999px}
.cta-btn:visited{color:#04202a}
.cta-btn:hover{filter:brightness(1.08);text-decoration:none;color:#021318}
.cta-host{margin-top:10px;font-family:var(--mono);font-size:12px;color:var(--muted)}

.onion-list{display:flex;flex-direction:column;gap:8px;margin:12px 0 18px}
.onion-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--line);background:rgba(8,17,28,.5);border-left:4px solid var(--cyan);border-radius:10px}
.onion-label{flex:0 0 78px;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--ice)}
.onion-url{flex:1 1 280px;font-family:var(--mono);font-size:12px;word-break:break-all;background:#061018;padding:6px 8px;border:1px solid var(--line);color:var(--text);border-radius:6px}
.onion-copy,.onion-open{border:1px solid var(--ok);background:var(--ok);color:#042012;padding:6px 10px;cursor:pointer;font:inherit;font-size:12.5px;font-weight:800;border-radius:999px;text-decoration:none}
.onion-copy:hover,.onion-open:hover{filter:brightness(1.08);text-decoration:none;color:#042012}
.onion-open{background:var(--cyan);border-color:var(--cyan);color:#04202a}

.sponsor-banner{margin:14px 0 18px}
.sponsor-banner-label{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--muted);font-weight:800;margin-bottom:8px;font-family:var(--mono)}
.sponsor-banner-card{
  display:flex;flex-wrap:wrap;align-items:center;gap:14px 18px;padding:14px 16px;
  border:1px solid rgba(20,184,166,.5);border-left:4px solid var(--teal);
  background:linear-gradient(135deg,rgba(20,184,166,.16) 0%,rgba(8,17,28,.7) 100%);
  color:var(--text);text-decoration:none;border-radius:12px;
}
.sponsor-banner-card:hover{text-decoration:none;transform:translateY(-1px);box-shadow:0 8px 24px rgba(20,184,166,.18)}
.sponsor-banner-copy{flex:1 1 180px;display:flex;flex-direction:column;gap:2px;min-width:0}
.sponsor-banner-copy strong{font-size:.95rem;color:var(--ice);letter-spacing:.04em}
.sponsor-banner-copy span{font-size:.78rem;color:var(--muted)}
.sponsor-banner-copy em{font-style:normal;font-size:.72rem;color:var(--teal);font-family:var(--mono)}
.sponsor-banner-cta{flex:0 0 auto;font-size:.78rem;font-weight:800;color:#04202a;background:var(--teal);padding:8px 14px;border-radius:999px;white-space:nowrap}

.faq details{border:1px solid var(--line);margin:8px 0;padding:10px 14px;background:rgba(8,17,28,.4);border-radius:10px}
.faq summary{font-weight:700;cursor:pointer;font-size:15.5px;color:var(--ice)}
.faq details[open]{border-color:rgba(34,211,238,.35)}

.wiki-toast{position:fixed;bottom:18px;left:50%;transform:translateX(-50%) translateY(80px);background:#061018;color:var(--ice);padding:8px 16px;border-radius:999px;opacity:0;transition:.25s;z-index:80;border:1px solid var(--cyan);font-size:13px}
.wiki-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}

.navbox{border:1px solid var(--line);margin:22px 0 0;font-size:13px;border-radius:12px;overflow:hidden}
.navbox-title{background:#061018;color:var(--ice);padding:8px 12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;font-size:11px}
.navbox-inner{padding:10px 12px;display:flex;flex-wrap:wrap;gap:8px 16px}

.portal-top{background:linear-gradient(135deg,#0a1c28,#061018 60%);border:1px solid rgba(34,211,238,.4);padding:18px 22px;border-radius:14px;margin-bottom:16px;color:var(--text)}
.portal-top a{color:var(--cyan)}
.portal-welcome h1{margin:0 0 6px;color:var(--ice)}
.portal-stats{color:var(--muted);font-size:13px;margin:6px 0 0;font-family:var(--mono)}

.primers{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-top:8px}
.primer{
  display:block;border:1px solid var(--line);border-top:2px solid var(--cyan);
  padding:14px 16px;background:rgba(8,17,28,.45);color:var(--text);text-decoration:none;border-radius:12px;
}
.primer:hover{background:rgba(34,211,238,.08);text-decoration:none;border-color:rgba(34,211,238,.4)}
.primer:visited{color:var(--text)}
.primer b{display:block;font-size:15.5px;color:var(--ice);margin-bottom:4px}
.primer span{font-size:13px;color:var(--muted);line-height:1.4}

@media (max-width:900px){
  .fx-ticker{padding:0 10px;height:30px;font-size:12px}
  .fx-ticker .fx-label{font-size:10.5px}
  .fx-ticker .fx-note{display:none}
  .header{padding:8px 12px;min-height:56px;flex-wrap:wrap;gap:8px 10px}
  .brand-tag{display:none}
  .brand-name{font-size:11px;letter-spacing:.14em}
  .brand-logo{height:40px}
  .infobox{float:none;width:100%;margin:12px 0 16px}
  .shell{grid-template-columns:1fr;gap:12px;padding:0 12px}
  .sidebar{display:none;position:static;max-height:none}
  .sidebar.open{display:block;margin-bottom:4px}
  .menu-btn{display:block;border-color:rgba(34,211,238,.55)}
  .brand{flex:1;min-width:0}
  .search{flex:1 1 100%;max-width:none;order:5}
  .search input{min-width:0}
  .header-right{display:none}
  .first-heading{font-size:26px}
  .onion-label{flex-basis:100%}
  .sponsor-banner-card{flex-direction:column;align-items:flex-start}
  .main{padding:8px 14px 20px;border-radius:14px}
  .eu-bar{padding:8px 14px;flex-wrap:wrap}
  .site-foot{padding:16px 14px 24px}
}