* ==== minedrop — Emerald Fintech dark theme ==== */

body{
  background:
    radial-gradient(circle at 14% 0%, rgba(16,217,160,.08), transparent 42%),
    radial-gradient(circle at 88% 18%, rgba(52,211,153,.06), transparent 38%),
    var(--bg);
  background-attachment:fixed;
}

.site-header{
  background:rgba(6,20,15,.82);
  backdrop-filter:blur(14px) saturate(140%);
  border-bottom:1px solid var(--line);
}

h1,h2,h3,h4,.hero-title,.nav-links a{
  font-weight:700;
  letter-spacing:-0.01em;
}

.hero-title{
  letter-spacing:-0.02em;
  background:linear-gradient(120deg,var(--text) 35%,var(--accent) 78%,var(--accent-2));
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

.hero{
  position:relative;
  border-radius:var(--radius);
}
.hero::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius:inherit;
  background:radial-gradient(ellipse at top left, rgba(16,217,160,.14), transparent 60%);
  pointer-events:none;
  z-index:-1;
}

.badge{
  background:var(--panel-2);
  border:1px solid var(--line);
  color:var(--accent-2);
  letter-spacing:.03em;
}

.fact b{
  color:var(--accent);
  font-weight:700;
}

.btn{
  border-radius:calc(var(--radius) * .55);
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.btn-primary{
  background:linear-gradient(135deg,var(--accent),var(--accent-2));
  color:var(--on-accent);
  border:none;
  box-shadow:0 0 0 1px rgba(16,217,160,.4), 0 14px 40px -26px rgba(0,0,0,.6);
}
.btn-primary:hover{
  transform:translateY(-2px);
  box-shadow:0 0 0 1px rgba(16,217,160,.55), 0 18px 46px -22px rgba(0,0,0,.7);
}
.btn-ghost{
  border:1px solid var(--line);
  background:var(--panel-2);
  color:var(--text);
}
.btn-ghost:hover{
  border-color:var(--accent);
  color:var(--accent-2);
}

.card,.feature,.faq-item,.access,.offer{
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:var(--radius);
  box-shadow:0 14px 40px -26px rgba(0,0,0,.6);
  transition:border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}
.card:hover,.feature:hover{
  border-color:rgba(16,217,160,.4);
  transform:translateY(-3px);
  box-shadow:0 18px 48px -22px rgba(0,0,0,.7);
}

.feature .icon{
  color:var(--accent);
  background:var(--panel-2);
  border:1px solid var(--line);
  border-radius:calc(var(--radius) * .5);
}

.tile{
  background:var(--panel-2);
  border:1px solid var(--line);
  border-radius:calc(var(--radius) * .6);
  overflow:hidden;
  position:relative;
  transition:border-color .2s ease, transform .2s ease;
}
.tile:hover{
  border-color:var(--accent);
  transform:translateY(-2px);
}
.tile .gp{
  color:var(--accent-2);
  letter-spacing:.03em;
}
.tile .nm{
  color:var(--text);
  font-weight:600;
}
.tile.noimg{
  background:linear-gradient(160deg,var(--panel-2),var(--panel));
}
.tile.noimg::before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 30% 20%, rgba(16,217,160,.16), transparent 55%);
}

.tabs .tab{
  border:1px solid var(--line);
  background:var(--panel-2);
  color:var(--text-2);
  border-radius:999px;
}
.tabs .tab.active{
  background:var(--accent);
  color:var(--on-accent);
  border-color:var(--accent);
}

.faq-q{
  color:var(--text);
  font-weight:600;
}
.faq-a{
  color:var(--prose);
}

.offer{
  background:linear-gradient(135deg,var(--panel),var(--panel-2));
  position:relative;
  overflow:hidden;
}
.offer::after{
  content:"";
  position:absolute;
  top:-40%;
  right:-10%;
  width:60%;
  height:180%;
  background:radial-gradient(circle, rgba(16,217,160,.14), transparent 65%);
}
.offer-badge{
  color:var(--accent-2);
  letter-spacing:.03em;
}
.offer-amount{
  color:var(--accent);
  font-weight:700;
}

.chips .chip{
  background:var(--panel-2);
  border:1px solid var(--line);
  color:var(--text-2);
  border-radius:999px;
}

.access .icon{
  color:var(--accent);
}

.trust .t18{
  border:1px solid var(--accent);
  color:var(--accent-2);
  border-radius:999px;
}

.table{
  border:1px solid var(--line);
  border-radius:calc(var(--radius) * .5);
  overflow:hidden;
}
.table th{
  background:var(--panel-2);
  color:var(--accent-2);
}
.table td,.table th{
  border-color:var(--line);
}

.article a,.prose a{
  color:var(--accent-2);
  text-decoration-color:rgba(52,211,153,.4);
}
.muted{
  color:var(--text-2);
}