/* TradingHub non-terminal pages — restrained cinematic theme shared by EN and RU. */
.page-themed{
  --panel:#070809;
  --panel-hover:#0c0e0f;
  --surface-header:#080a0b;
  --line:#202327;
  --line-soft:#15181b;
  --ink:#d7dadd;
  --mute:#969ca2;
  --mute-dim:#737a80;
  position:relative;
  isolation:isolate;
  background:#030405;
}
.page-themed::before{
  content:"";
  position:fixed;
  z-index:-1;
  inset:0;
  background:
    radial-gradient(ellipse 86% 54% at 50% 10%,transparent 0,rgba(2,4,6,.16) 48%,rgba(2,4,6,.54) 100%),
    linear-gradient(180deg,rgba(2,4,6,.50),rgba(3,5,7,.68) 52%,rgba(3,4,5,.82));
  pointer-events:none;
}
.section-video-bg{
  position:fixed;
  z-index:-2;
  inset:0;
  overflow:hidden;
  background-color:#07090b;
  background-position:center;
  background-size:cover;
  pointer-events:none;
}
.section-video-bg__media{
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:0;
  filter:brightness(.74) saturate(.72) contrast(1.08);
  transform:scale(1.012);
  transition:opacity 1.15s ease;
}
.section-video-bg.is-video-ready .section-video-bg__media{opacity:1}
.page-themed .site-header{
  width:calc(100% - 36px);
  width:min(1260px,calc(100% - 36px));
  max-width:1260px;
  margin:18px auto 0;
  border:1px solid rgba(255,255,255,.085);
  border-bottom:0;
  background:rgba(5,7,9,.84);
}
.page-themed .site-header::before{background:rgba(5,7,9,.84)}
.page-themed .nav{max-width:100%;padding:15px 28px}
.page-themed main{min-height:0}

/* Section mastheads */
.page-themed .page-head{
  max-width:1260px;
  padding:52px 32px 34px;
  border:1px solid rgba(255,255,255,.085);
  border-bottom-color:rgba(255,255,255,.11);
  background:
    linear-gradient(90deg,rgba(255,200,87,.035),transparent 36%),
    rgba(5,7,9,.64);
}
.page-themed .page-head::before{
  top:-230px;
  right:-90px;
  width:520px;
  height:520px;
  background:radial-gradient(circle,rgba(255,200,87,.09),rgba(255,200,87,.025) 40%,transparent 70%);
}
.page-themed .page-head::after{
  content:"";
  position:absolute;
  left:32px;
  bottom:-1px;
  width:64px;
  height:1px;
  background:var(--signal);
}
.page-themed .page-head h1{color:#eef0f1;letter-spacing:-.025em}
.page-themed .page-head .lede{color:#9da3a8;line-height:1.65}
.page-themed .breadcrumb{color:#666d73}
.page-themed .back-link,
.page-themed .next-guide-link{background:#07090a;border-color:#24282b;color:#969ca2}
.page-themed .back-link:hover,
.page-themed .next-guide-link:hover{background:#0b0d0e;border-color:rgba(255,200,87,.34)}
.page-themed .tag{background:#07090a;border-color:#24282b;color:#888f95}

/* Content rhythm */
.page-themed .section{max-width:1260px;padding:34px 32px}
.page-themed .section + .section{border-top:1px solid rgba(255,255,255,.045)}
.page-themed .section > h2{
  display:flex;
  align-items:center;
  gap:11px;
  color:#dfe2e4;
  letter-spacing:-.015em;
}
.page-themed .section > h2::before{
  content:"";
  width:20px;
  height:1px;
  flex:none;
  background:rgba(255,200,87,.78);
}
.page-themed .section .section-sub{color:#737a80;line-height:1.6}
.page-themed .section p,
.page-themed .section li{color:#999fa4}
.page-themed .section strong{color:#d3d6d8}

/* Shared matte panels */
.page-themed .item-card,
.page-themed .guide-card,
.page-themed .xchg-card,
.page-themed .xchg-pick,
.page-themed .xchg-cta-item,
.page-themed .calc-form,
.page-themed .calc-result,
.page-themed .calc-game,
.page-themed .recap-tool .panel,
.page-themed .guide-diagram,
.page-themed .inline-cta,
.page-themed .guide-related-link{
  background:rgba(7,9,10,.94);
  border-color:#202327;
  box-shadow:0 16px 38px rgba(0,0,0,.14);
}
.page-themed .item-card,
.page-themed .guide-card,
.page-themed .xchg-card,
.page-themed .xchg-pick,
.page-themed .xchg-cta-item{
  transition:transform .22s ease,border-color .22s ease,background .22s ease;
}
.page-themed .item-card:hover,
.page-themed .guide-card:hover,
.page-themed .xchg-card:hover,
.page-themed .xchg-cta-item:hover{
  transform:translateY(-2px);
  background:#0a0c0d;
  border-color:rgba(255,200,87,.27);
}

/* Learn */
.page-themed .track-tabs{gap:7px;margin-top:20px}
.page-themed .track-tab{
  padding:8px 13px 8px 9px;
  background:#07090a;
  border-color:#202327;
  color:#858c92;
}
.page-themed .track-tab.active{background:#0c0e0f;border-color:#34393e;color:#d6d9db}
.page-themed .track-tab .track-tab-icon,
.page-themed .track-icon,
.page-themed .guide-icon{border:1px solid rgba(255,255,255,.075);background:#0a0c0d}
.page-themed .guide-progress-summary{color:#858c92}
.page-themed .guide-progress-reset{border-color:#252a2e}
.page-themed .guide-track-head{border-color:#1c2023}
.page-themed .guide-track-head h3{color:#d9dcde}
.page-themed .guide-card{
  min-height:190px;
  border-left-width:1px;
  padding:19px 18px 17px;
}
.page-themed .guide-card.basics,
.page-themed .guide-card.trading,
.page-themed .guide-card.safety,
.page-themed .guide-card.derivatives{border-left-color:#202327}
.page-themed .guide-card h4{color:#d9dcde}
.page-themed .guide-card p{color:#7d848a}
.page-themed .guide-card .guide-cta{color:#a7adb2}
.page-themed .guide-card:hover .guide-cta{color:var(--signal)}

/* Tools */
.page-themed .calc-tabs{gap:7px;margin-bottom:22px}
.page-themed .calc-tab{background:#07090a;border-color:#24282b;color:#8d949a;padding:9px 14px}
.page-themed .calc-tab:hover{background:#0b0d0e;border-color:#3a3f43}
.page-themed .calc-tab.active{background:rgba(255,200,87,.07);border-color:rgba(255,200,87,.46);color:var(--signal)}
.page-themed .calc-panel.active{gap:16px}
.page-themed .calc-form,
.page-themed .calc-result{padding:22px}
.page-themed .field input[type=number],
.page-themed .field select,
.page-themed .seg button,
.page-themed .calc-game input{background:#030405;border-color:#24282b}
.page-themed .field input:focus,
.page-themed .field select:focus{border-color:rgba(255,200,87,.55)}
.page-themed .result-row{border-color:#191c1f}
.page-themed .calc-hint{color:#777e84}

/* Exchanges and data tables */
.page-themed .xchg-grid{gap:13px}
.page-themed .xchg-card{padding:18px}
.page-themed .xchg-pill{background:#050607;border-color:#25292c;color:#7e858b}
.page-themed .xchg-pick{border-left-color:rgba(255,200,87,.5)}
.page-themed .xchg-logo{background:#e9e9e6;border-color:#d5d5d1}
.page-themed .table-wrap{background:#060708;border-color:#202327}
.page-themed table thead th,
.page-themed table.xchg-table thead th{background:#0a0c0d;color:#7f868c}
.page-themed table tbody tr:hover,
.page-themed table.xchg-table tbody tr:hover{background:#0b0d0e}
.page-themed table td,
.page-themed table th{border-color:#191c1f}

/* Glossary */
.page-themed .glossary-search input{background:#050607;border-color:#25292d}
.page-themed .glossary-jump a{background:#07090a;border-color:#23272a;color:#8d949a}
.page-themed .glossary-letter{
  margin-top:18px;
  padding:18px 22px 4px;
  border:1px solid #1e2225;
  background:rgba(7,9,10,.82);
}
.page-themed .glossary-letter h2{border-color:#202428;color:var(--signal)}
.page-themed .glossary-term{border-color:#191c1f}

/* Guides */
.page-themed .article{
  position:relative;
  max-width:78ch;
  padding-top:56px;
}
.page-themed .article::before{
  content:"";
  position:absolute;
  z-index:-1;
  top:0;
  left:50%;
  width:100vw;
  height:310px;
  transform:translateX(-50%);
  background:radial-gradient(ellipse 44% 60% at 50% 0,rgba(255,200,87,.055),transparent 72%);
  border-top:1px solid rgba(255,255,255,.05);
  pointer-events:none;
}
.page-themed .article h1{color:#eceeef;letter-spacing:-.025em}
.page-themed .article h2{color:#dfe2e4}
.page-themed .article .lede,
.page-themed .article p,
.page-themed .article li{color:#9ba1a6}
.page-themed .article .tldr{background:#080a0b;border-color:#22262a;border-left-color:rgba(255,200,87,.72)}
.page-themed .article .tldr b{color:var(--signal)}
.page-themed .article .tldr li{color:#c8cccf}
.page-themed .article .guide-diagram{background:#07090a;border-color:#202428}
.page-themed .article .inline-cta--terminal{border-color:rgba(255,200,87,.25)}
.page-themed .article a.guide-related-link{border-color:#202428}
.page-themed .guide-quiz{background:#07090a;border-color:#22262a;border-left-color:var(--signal)}
.page-themed .quiz-option{background:#030405;border-color:#24282c}

/* Recap */
.page-themed .recap-tool .panel{border-color:#202428}
.page-themed .recap-tool input[type=text],
.page-themed .recap-tool textarea,
.page-themed #recapOut,
.page-themed #jsonOut{background:#030405;border-color:#24282c}
.page-themed .preview-frame{background:#030405;border-color:rgba(255,200,87,.25)}
.page-themed .recap-tool .stat{background:#050607;border-color:#202428}
.page-themed .head-example{opacity:.9}

/* Footer and 404 */
.page-themed .site-footer{border-color:#171a1d;background:rgba(3,4,5,.82)}
.page-themed .hero{background:#050607;border-color:#202428}
.page-themed .hub-card{background:#07090a;border-color:#202428}

@media(max-width:1296px){
  .page-themed .site-header{width:100%;margin-top:0;border-left:0;border-right:0}
  .page-themed .page-head{border-left:0;border-right:0}
}
@media(max-width:760px){
  .section-video-bg__media{filter:brightness(.68) saturate(.68) contrast(1.08)}
  .page-themed .page-head{padding:40px 20px 28px}
  .page-themed .page-head::after{left:20px}
  .page-themed .section{padding:28px 20px}
  .page-themed .article{padding-top:40px}
}
@media(max-width:560px){
  .page-themed .nav{padding:14px 18px}
  .page-themed .glossary-letter{padding:16px 16px 2px}
  .page-themed .guide-card{min-height:0}
}


/* Position-size challenge — compact native interaction, not a placeholder. */
.page-themed .calc-game{margin-top:16px;padding:18px 20px;border:1px solid #202327;border-radius:10px}
.page-themed .calc-game-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.page-themed .calc-game-head h3{margin:0 0 5px;color:#d9dcde;font-size:15px}
.page-themed .calc-game-sub{margin:0;color:#777e84;font-size:12px;line-height:1.55}
.page-themed .calc-game-head-right{display:flex;align-items:center;gap:9px;flex:none}
.page-themed .calc-game-streak{font:600 11px/1.2 "IBM Plex Mono",monospace;color:var(--signal)}
.page-themed .calc-game-scenario{margin-top:15px;padding-top:14px;border-top:1px solid #191c1f}
.page-themed .calc-game-prompt{margin:0 0 12px;color:#b8bdc1;font:500 12px/1.65 "IBM Plex Mono",monospace}
.page-themed .calc-game-guess{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end}
.page-themed .calc-game-guess label{grid-column:1/-1;color:#777e84;font-size:11px}
.page-themed .calc-game-guess input{min-width:0;padding:9px 10px;border:1px solid #24282b;border-radius:6px;color:#e1e4e6}
.page-themed .calc-game-result{margin-top:10px;padding:9px 10px;border-left:2px solid #343a3f;background:#090b0c;color:#aeb4b8;font:500 11px/1.5 "IBM Plex Mono",monospace}
.page-themed .calc-game-result.is-correct{border-left-color:#5fcf8a;color:#a9dfbd}
.page-themed .calc-game-result.is-close{border-left-color:var(--signal);color:#dbc685}
.page-themed .calc-game-result.is-wrong{border-left-color:#d36c6c;color:#d9a0a0}
@media(max-width:620px){.page-themed .calc-game-head{display:block}.page-themed .calc-game-head-right{margin-top:12px}.page-themed .calc-game-guess{grid-template-columns:1fr}.page-themed .calc-game-guess label{grid-column:auto}}


.th-tools main>[data-legal-compact="tools"]{margin-bottom:0}
.th-tools>.site-footer--mini{margin-top:8px}
@media(max-width:620px){
  .th-tools>.site-footer--mini{margin-top:6px}
}

.th-tools main>[data-legal-compact="tools"]{margin-bottom:0}
.th-tools>.site-footer--mini{margin-top:8px}
@media(max-width:620px){
  .th-tools>.site-footer--mini{margin-top:6px}
}

.th-tools main>[data-legal-compact="tools"]{margin-bottom:0}
.th-tools>.site-footer--mini{margin-top:8px}
@media(max-width:620px){
  .th-tools>.site-footer--mini{margin-top:6px}
}

.th-tools main>[data-legal-compact="tools"]{margin-bottom:0}
.th-tools>.site-footer--mini{margin-top:8px}
@media(max-width:620px){
  .th-tools>.site-footer--mini{margin-top:6px}
}

.th-tools main>[data-legal-compact="tools"]{margin-bottom:0}
.th-tools>.site-footer--mini{margin-top:8px}
@media(max-width:620px){
  .th-tools>.site-footer--mini{margin-top:6px}
}

.th-tools main>[data-legal-compact="tools"]{margin-bottom:0}
.th-tools>.site-footer--mini{margin-top:8px}
@media(max-width:620px){
  .th-tools>.site-footer--mini{margin-top:6px}
}

.th-tools main>[data-legal-compact="tools"]{margin-bottom:0}
.th-tools>.site-footer--mini{margin-top:8px}
@media(max-width:620px){
  .th-tools>.site-footer--mini{margin-top:6px}
}

.th-tools main>[data-legal-compact="tools"]{margin-bottom:0}
.th-tools>.site-footer--mini{margin-top:8px}
@media(max-width:620px){
  .th-tools>.site-footer--mini{margin-top:6px}
}

.th-tools main>[data-legal-compact="tools"]{margin-bottom:0}
.th-tools>.site-footer--mini{margin-top:8px}
@media(max-width:620px){
  .th-tools>.site-footer--mini{margin-top:6px}
}

.th-tools main>[data-legal-compact="tools"]{margin-bottom:0}
.th-tools>.site-footer--mini{margin-top:8px}
@media(max-width:620px){
  .th-tools>.site-footer--mini{margin-top:6px}
}

.th-tools main>[data-legal-compact="tools"]{margin-bottom:0}
.th-tools>.site-footer--mini{margin-top:8px}
@media(max-width:620px){
  .th-tools>.site-footer--mini{margin-top:6px}
}

.th-tools main>[data-legal-compact="tools"]{margin-bottom:0}
.th-tools>.site-footer--mini{margin-top:8px}
@media(max-width:620px){
  .th-tools>.site-footer--mini{margin-top:6px}
}

.th-tools main>[data-legal-compact="tools"]{margin-bottom:0}
.th-tools>.site-footer--mini{margin-top:8px}
@media(max-width:620px){
  .th-tools>.site-footer--mini{margin-top:6px}
}

.th-tools main>[data-legal-compact="tools"]{margin-bottom:0}
.th-tools>.site-footer--mini{margin-top:8px}
@media(max-width:620px){
  .th-tools>.site-footer--mini{margin-top:6px}
}

.th-tools main>[data-legal-compact="tools"]{margin-bottom:0}
.th-tools>.site-footer--mini{margin-top:8px}
@media(max-width:620px){
  .th-tools>.site-footer--mini{margin-top:6px}
}

.th-tools main>[data-legal-compact="tools"]{margin-bottom:0}
.th-tools>.site-footer--mini{margin-top:8px}
@media(max-width:620px){
  .th-tools>.site-footer--mini{margin-top:6px}
}