body{
  background:
    radial-gradient(ellipse 900px 520px at 12% -10%, color-mix(in srgb, var(--accent) 7%, transparent), transparent 60%),
    var(--bg);
  color:var(--text);
}

.site-header{
  background:color-mix(in srgb, var(--panel) 92%, transparent);
  border-bottom:1px solid var(--line);
  backdrop-filter:blur(10px);
}

.nav-links a{color:var(--text-2);transition:color .2s ease;}
.nav-links a:hover{color:var(--text);}

.badge{
  background:var(--panel-2);
  border:1px solid var(--line);
  color:var(--accent-2);
  border-radius:var(--radius);
  font-weight:600;
  letter-spacing:.02em;
}

.hero{
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--panel) 60%, transparent), transparent 70%),
    var(--panel);
  border:1px solid var(--line);
  border-radius:calc(var(--radius) * 1.4);
  box-shadow:0 10px 28px -20px rgba(0,0,0,.6);
}

.hero-title{
  font-weight:700;
  letter-spacing:-.01em;
  color:var(--text);
}
.hero-title em, .hero-title b{
  font-style:normal;
  background:linear-gradient(90deg, var(--accent), var(--accent-2));
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

.hero-sub{color:var(--text-2);}

.facts .fact{
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:var(--panel);
  box-shadow:0 10px 28px -20px rgba(0,0,0,.6);
}
.fact b{color:var(--accent);font-weight:700;}

.btn{
  border-radius:var(--radius);
  font-weight:600;
  transition:background .2s ease, border-color .2s ease, box-shadow .2s ease, transform .15s ease;
}
.btn-primary{
  background:var(--accent);
  color:var(--on-accent);
  border:1px solid var(--accent);
  box-shadow:0 10px 28px -20px rgba(0,0,0,.6);
}
.btn-primary:hover{
  background:color-mix(in srgb, var(--accent) 88%, white 12%);
  transform:translateY(-1px);
}
.btn-ghost{
  background:transparent;
  color:var(--text);
  border:1px solid var(--line);
}
.btn-ghost:hover{
  border-color:var(--accent);
  color:var(--accent);
}

.card, .feature, .access, .offer, .faq-item, .tile{
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:var(--radius);
  box-shadow:0 10px 28px -20px rgba(0,0,0,.6);
  transition:border-color .2s ease, transform .18s ease, box-shadow .2s ease;
}
.card:hover, .feature:hover, .tile:hover{
  border-color:color-mix(in srgb, var(--accent) 45%, var(--line));
  transform:translateY(-2px);
  box-shadow:0 14px 32px -18px rgba(0,0,0,.65);
}

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

.tile{overflow:hidden;}
.tile .gp{color:var(--text-2);font-weight:600;}
.tile .nm{color:var(--text);font-weight:600;}
.tile.noimg{
  background:linear-gradient(160deg, var(--panel-2), var(--panel));
}

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

.offer{
  background:linear-gradient(135deg, var(--panel), var(--panel-2));
}
.offer-badge{color:var(--accent-2);font-weight:700;letter-spacing:.02em;}
.offer-amount{
  color:var(--accent);
  font-weight:700;
  letter-spacing:-.01em;
}

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

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

.trust{color:var(--text-2);}
.trust .t18{
  border:1px solid var(--line);
  background:var(--panel-2);
  color:var(--text);
  font-weight:700;
}

.faq-q{color:var(--text);font-weight:600;}
.faq-a{color:var(--prose);}
.faq-item[open] .faq-q, .faq-item:hover .faq-q{color:var(--accent);}

.article h2{
  color:var(--text);
  font-weight:700;
  letter-spacing:-.01em;
  border-bottom:1px solid var(--line);
  padding-bottom:.4em;
}
.article a{color:var(--accent-2);text-decoration-color:var(--line);}
.article a:hover{color:var(--accent);}

table.table{
  border:1px solid var(--line);
  background:var(--panel);
  border-radius:var(--radius);
  overflow:hidden;
}
table.table th{
  background:var(--panel-2);
  color:var(--text);
  font-weight:700;
}
table.table td, table.table th{border-color:var(--line);}

.muted{color:var(--text-2);}