:root{
  --bg: #0B1F2A;
  --bg-deep: #081720;
  --bg-panel: #10293a;
  --paper: #F2ECE4;
  --paper-dim: #cfc9bf;
  --gold: #E8A33D;
  --gold-dim: #b9822f;
  --teal: #3FA796;
  --rose: #C46B5E;
  --muted: #9FB4BD;
  --line: rgba(242,236,228,0.12);
  --radius: 14px;
}
*{box-sizing:border-box; margin:0; padding:0;}
html{scroll-behavior:smooth;}
body{
  background: var(--bg);
  color: var(--paper);
  font-family: 'Inter', sans-serif;
  line-height:1.5;
  overflow-x:hidden;
}
h1,h2,h3, .display{
  font-family:'Fraunces', serif;
  font-weight:600;
  letter-spacing:-0.01em;
}
.mono{font-family:'Space Mono', monospace;}
a{color:inherit;}
img{max-width:100%;}
::selection{background:var(--gold); color:var(--bg-deep);}

@media (prefers-reduced-motion: reduce){
  *{animation-duration:0.001ms !important; animation-iteration-count:1 !important; transition-duration:0.001ms !important;}
}

.wrap{max-width:1140px; margin:0 auto; padding:0 24px;}
section{padding:96px 0;}
.eyebrow{
  font-family:'Space Mono', monospace;
  font-size:12px;
  letter-spacing:0.14em;
  text-transform:uppercase;
  color:var(--gold);
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:16px;
}
.eyebrow::before{
  content:'';
  width:24px; height:1px; background:var(--gold);
  display:inline-block;
}
.section-title{font-size:clamp(28px,4vw,42px); margin-bottom:14px;}
.section-sub{color:var(--muted); max-width:560px; font-size:16px;}

nav{
  position:fixed; top:0; left:0; right:0; z-index:100;
  background:rgba(11,31,42,0.82);
  backdrop-filter: blur(10px);
  border-bottom:1px solid var(--line);
}
.nav-inner{
  max-width:1140px; margin:0 auto; padding:16px 24px;
  display:flex; align-items:center; justify-content:space-between;
}
.brand{
  display:flex; align-items:center; gap:10px;
  font-family:'Fraunces', serif; font-weight:600; font-size:19px;
  text-decoration:none;
}
.brand-mark{
  width:30px; height:30px; border-radius:50%;
  background: conic-gradient(from 200deg, var(--gold), var(--rose), var(--teal), var(--gold));
  display:flex; align-items:center; justify-content:center;
  font-family:'Space Mono'; font-size:13px; color:var(--bg-deep); font-weight:700;
}
.nav-links{display:flex; gap:28px; font-size:14px; color:var(--muted);}
.nav-links a{transition:color .2s;}
.nav-links a:hover{color:var(--gold);}
.nav-links a.nav-active{color:var(--gold);}
.nav-toggle{display:none; background:none; border:none; color:var(--paper); font-size:22px; cursor:pointer;}

@media (max-width:760px){
  .nav-links{
    position:absolute; top:100%; left:0; right:0;
    flex-direction:column; background:var(--bg-panel);
    padding:20px 24px; gap:16px;
    border-bottom:1px solid var(--line);
    display:none;
  }
  .nav-links.open{display:flex;}
  .nav-toggle{display:block;}
}

.hero{padding:168px 0 60px; position:relative;}
.hero-grid{display:grid; grid-template-columns:1.2fr 0.8fr; gap:48px; align-items:center;}
.hero h1{font-size:clamp(38px,6vw,64px); line-height:1.04;}
.hero h1 em{font-style:italic; color:var(--gold);}
.hero p{margin-top:22px; font-size:18px; color:var(--muted); max-width:480px;}
.hero-ctas{margin-top:32px; display:flex; gap:14px; flex-wrap:wrap;}
.btn{
  padding:13px 24px; border-radius:999px; font-size:14px; font-weight:600;
  cursor:pointer; border:1px solid transparent; transition:transform .15s, background .2s;
  display:inline-flex; align-items:center; gap:8px;
}
.btn:hover{transform:translateY(-2px);}
.btn-primary{background:var(--gold); color:var(--bg-deep);}
.btn-ghost{background:transparent; border-color:var(--line); color:var(--paper);}
.btn-sm{padding:8px 16px; font-size:13px;}

.compass{width:280px; height:280px; margin:0 auto; position:relative;}
.compass svg{width:100%; height:100%;}
.compass-needle{transform-origin:140px 140px; animation:sway 7s ease-in-out infinite;}
@keyframes sway{0%,100%{transform:rotate(-8deg);} 50%{transform:rotate(14deg);}}
@media (max-width:760px){.hero-grid{grid-template-columns:1fr;} .compass{width:200px; height:200px;}}

.ticker-strip{
  margin-top:56px; border-top:1px solid var(--line); border-bottom:1px solid var(--line);
  padding:14px 0; overflow:hidden; white-space:nowrap; position:relative;
}
.ticker-track{display:inline-flex; gap:40px; animation:scroll-left 32s linear infinite;}
@keyframes scroll-left{from{transform:translateX(0);} to{transform:translateX(-50%);}}
.ticker-item{font-family:'Space Mono'; font-size:14px; display:inline-flex; gap:8px; color:var(--muted);}
.ticker-item b{color:var(--paper);}
.up{color:var(--teal);} .down{color:var(--rose);}

.trail{position:relative;}
.trail-line{
  position:absolute; left:27px; top:10px; bottom:10px; width:2px;
  background:repeating-linear-gradient(to bottom, var(--gold) 0 6px, transparent 6px 14px);
}
.trail-steps{display:flex; flex-direction:column; gap:36px; margin-top:48px;}
.trail-step{display:flex; gap:24px; position:relative;}
.trail-num{
  flex:0 0 auto; width:56px; height:56px; border-radius:50%;
  background:var(--bg-panel); border:1px solid var(--line);
  display:flex; align-items:center; justify-content:center;
  font-family:'Space Mono'; color:var(--gold); font-size:14px; z-index:1;
}
.trail-step h3{font-size:20px; margin-bottom:6px;}
.trail-step p{color:var(--muted); font-size:15px; max-width:600px;}

.card{background:var(--bg-panel); border:1px solid var(--line); border-radius:var(--radius); padding:22px;}
.coins-grid{display:grid; grid-template-columns:repeat(auto-fill, minmax(230px,1fr)); gap:16px; margin-top:40px;}
.coin-card{display:flex; flex-direction:column; gap:10px;}
.coin-top{display:flex; align-items:center; justify-content:space-between;}
.coin-name{display:flex; align-items:center; gap:10px; font-weight:600;}
.coin-badge{
  width:34px; height:34px; border-radius:50%; display:flex; align-items:center; justify-content:center;
  font-family:'Space Mono'; font-size:12px; font-weight:700; color:var(--bg-deep);
}
.coin-price{font-family:'Space Mono'; font-size:20px;}
.coin-change{font-family:'Space Mono'; font-size:13px; padding:3px 8px; border-radius:6px; width:fit-content;}
.coin-change.up{background:rgba(63,167,150,0.15);}
.coin-change.down{background:rgba(196,107,94,0.15);}
.refresh-row{display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px;}
.refresh-note{font-size:13px; color:var(--muted);}
.status-dot{width:8px; height:8px; border-radius:50%; background:var(--teal); display:inline-block; margin-right:6px;}

.news-list{display:flex; flex-direction:column; gap:1px; margin-top:40px; background:var(--line); border-radius:var(--radius); overflow:hidden;}
.news-item{
  background:var(--bg-panel); padding:22px 24px; display:grid; grid-template-columns:120px 1fr; gap:20px; align-items:baseline;
  text-decoration:none; transition:background .2s;
}
.news-item:hover{background:#152f42;}
.news-source{font-family:'Space Mono'; font-size:12px; color:var(--gold); text-transform:uppercase;}
.news-title{font-size:16px; color:var(--paper);}
.news-time{font-size:12px; color:var(--muted); display:block; margin-top:4px;}
@media(max-width:600px){ .news-item{grid-template-columns:1fr;} }

.glossary-controls{display:flex; gap:12px; flex-wrap:wrap; margin:40px 0 28px;}
.chip{
  padding:8px 16px; border-radius:999px; border:1px solid var(--line); font-size:13px; cursor:pointer;
  background:transparent; color:var(--muted); transition:all .2s;
}
.chip.active, .chip:hover{background:var(--gold); color:var(--bg-deep); border-color:var(--gold);}
.search-box{
  width:100%; padding:14px 18px; border-radius:var(--radius); border:1px solid var(--line);
  background:var(--bg-panel); color:var(--paper); font-size:15px; margin-bottom:24px;
}
.search-box:focus{outline:2px solid var(--gold); outline-offset:2px;}
.glossary-grid{display:grid; grid-template-columns:repeat(auto-fill, minmax(260px,1fr)); gap:14px;}
.term-card{cursor:pointer;}
.term-head{display:flex; justify-content:space-between; align-items:center;}
.term-word{font-weight:600; font-size:16px;}
.term-cat{font-family:'Space Mono'; font-size:10px; color:var(--gold); text-transform:uppercase;}
.term-def{
  max-height:0; overflow:hidden; transition:max-height .3s ease, margin-top .3s ease;
  color:var(--muted); font-size:14px;
}
.term-card.open .term-def{max-height:200px; margin-top:12px;}
.term-toggle{color:var(--muted); font-size:18px; transition:transform .2s;}
.term-card.open .term-toggle{transform:rotate(45deg); color:var(--gold);}

.videos-grid{display:grid; grid-template-columns:repeat(auto-fill, minmax(280px,1fr)); gap:20px; margin-top:40px;}
.tag{
  font-family:'Space Mono', monospace; font-size:10px; padding:3px 9px; border-radius:999px;
  background:rgba(232,163,61,0.15); color:var(--gold); text-transform:uppercase;
}
.radar-card{display:block; color:var(--paper); transition:transform .15s, border-color .2s;}
.radar-card:hover{transform:translateY(-2px); border-color:var(--gold);}

form.stack{display:flex; flex-direction:column; gap:16px;}
.field label{display:block; font-size:13px; color:var(--muted); margin-bottom:6px;}
.field input, .field select{
  width:100%; padding:12px 14px; border-radius:8px; border:1px solid var(--line);
  background:var(--bg); color:var(--paper); font-size:14px; font-family:inherit;
}
.field input:focus, .field select:focus{outline:2px solid var(--gold); outline-offset:1px;}
.consulta-linha{display:flex; justify-content:space-between; gap:12px; padding:10px 0; border-bottom:1px solid var(--line); font-size:14px;}
.consulta-linha:last-child{border-bottom:none;}
.consulta-linha span:first-child{color:var(--muted);}
.consulta-erro{color:var(--rose); font-size:14px;}
.consulta-aviso{color:var(--gold); font-size:12.5px; margin-top:10px;}

.conv-resultados{
  position:absolute; top:100%; left:0; right:0; z-index:20;
  background:var(--bg-panel); border:1px solid var(--line); border-radius:10px;
  margin-top:4px; max-height:280px; overflow-y:auto; display:none;
}
.conv-resultados.show{display:block;}
.conv-resultado-item{
  display:flex; align-items:center; gap:10px; padding:10px 14px; cursor:pointer; font-size:14px;
}
.conv-resultado-item:hover{background:var(--bg);}
.conv-resultado-item img{width:22px; height:22px; border-radius:50%;}
.conv-resultado-item .simbolo{color:var(--muted); font-size:12px; font-family:'Space Mono', monospace;}
.conv-atalho.ativo{background:var(--gold); color:var(--bg);}

.mercado-tabela{width:100%; border-collapse:collapse; margin-top:20px; min-width:720px;}
.mercado-tabela th{
  text-align:left; padding:10px 14px; font-size:11px; text-transform:uppercase; letter-spacing:.05em;
  color:var(--muted); font-family:'Space Mono', monospace; cursor:pointer; white-space:nowrap; border-bottom:1px solid var(--line);
}
.mercado-tabela th:hover{color:var(--gold);}
.mercado-tabela th.sort-ativo{color:var(--gold);}
.mercado-tabela td{padding:12px 14px; font-size:14px; border-bottom:1px solid var(--line); white-space:nowrap;}
.mercado-tabela tbody tr:hover{background:rgba(255,255,255,0.02);}
.mercado-nome{display:flex; align-items:center; gap:10px;}
.mercado-logo{width:22px; height:22px; border-radius:50%;}
.mercado-sym{color:var(--muted); font-size:12px;}
.mercado-up{color:var(--teal);} .mercado-down{color:var(--rose);}
.mercado-sparkline{width:100px; height:32px;}

.gainer-row{display:flex; justify-content:space-between; align-items:center; padding:10px 0; border-bottom:1px solid var(--line); font-size:14px;}
.gainer-row:last-child{border-bottom:none;}

.explore-grid{display:grid; grid-template-columns:repeat(auto-fill, minmax(220px,1fr)); gap:16px; margin-top:40px;}
.explore-card{
  display:block; text-decoration:none; color:var(--paper);
  transition:transform .15s, border-color .2s;
}
.explore-card:hover{transform:translateY(-3px); border-color:var(--gold);}
.explore-card .explore-icon{font-size:26px; margin-bottom:10px; display:block;}
.explore-card h3{font-size:16px; margin-bottom:6px;}
.explore-card p{font-size:13px; color:var(--muted);}

@media(max-width:760px){ .gainers-grid{grid-template-columns:1fr !important;} }
.video-card{padding:0; overflow:hidden;}
.video-frame{position:relative; width:100%; padding-top:56.25%; background:#000;}
.video-frame iframe{position:absolute; inset:0; width:100%; height:100%; border:0;}
.video-body{padding:18px;}
.video-body h3{font-size:16px; margin-bottom:6px;}
.video-body p{color:var(--muted); font-size:13.5px;}

.surprise-grid{display:grid; grid-template-columns:1fr 1fr; gap:24px; margin-top:40px;}
@media(max-width:800px){.surprise-grid{grid-template-columns:1fr;}}

.gauge-wrap{display:flex; flex-direction:column; align-items:center; text-align:center;}
.gauge{width:220px;}
.gauge-label{font-family:'Space Mono'; font-size:13px; color:var(--muted); margin-top:10px;}
.gauge-value{font-size:32px; margin-top:2px;}

.quiz-question{font-size:17px; margin-bottom:18px; min-height:50px;}
.quiz-options{display:flex; flex-direction:column; gap:10px;}
.quiz-opt{
  text-align:left; padding:12px 16px; border-radius:10px; border:1px solid var(--line);
  background:transparent; color:var(--paper); cursor:pointer; font-size:14px; transition:all .15s;
}
.quiz-opt:hover{border-color:var(--gold); background:rgba(232,163,61,0.08);}
.quiz-progress{font-family:'Space Mono'; font-size:12px; color:var(--muted); margin-bottom:8px;}
.quiz-result{display:none;}
.quiz-result.show{display:block;}
.quiz-result h3{color:var(--gold); font-size:22px; margin-bottom:8px;}
.quiz-restart{margin-top:16px;}

footer{border-top:1px solid var(--line); padding:48px 0 32px; margin-top:40px;}
.footer-inner{display:flex; justify-content:space-between; flex-wrap:wrap; gap:20px; align-items:center;}
.disclaimer{color:var(--muted); font-size:12.5px; max-width:640px; line-height:1.6; margin-top:24px;}

a:focus-visible, button:focus-visible, .chip:focus-visible{outline:2px solid var(--gold); outline-offset:3px;}