:root{
  --bg:#0f1b12;
  --muted:#9fb79f;
  --accent:#8be39a;
  --card:#122418;
  --glass: rgba(255,255,255,0.04);
  --max-width:1100px;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  color-scheme: dark;
}
*{box-sizing:border-box}
body{
  margin:0;
  background:linear-gradient(180deg,var(--bg),#071007 60%);
  color:var(--muted);
  line-height:1.5;
}
.container{
  max-width:var(--max-width);
  margin:0 auto;
  padding:1.25rem;
}
.btn{background:transparent;border:1px solid var(--accent);padding:0.5rem 0.9rem;border-radius:8px;color:var(--accent);cursor:pointer}
.btn.primary{background:var(--accent);color:#05210b}
.hero{padding:4rem 0;text-align:center}
.logo img{height:40px}
@media (min-width:800px){
  .main-nav ul{display:flex;gap:1rem}
  #mobile-menu-toggle{display:none}
}