:root{
  --bg:#081c15;
  --bg2:#0e2b22;
  --border:#164c3d;
  --text:#f3f7f4;
  --muted:rgba(243,247,244,.75);
  --lime:#9AF24C;
  --teal:#26E0D1;
  --orange:#FFB054;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";line-height:1.55}
a{color:var(--teal);text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:1200px;margin:0 auto;padding:0 16px}
.header{position:sticky;top:0;z-index:10;background:rgba(8,28,21,.9);backdrop-filter:saturate(120%) blur(8px);border-bottom:1px solid var(--border)}
.flex{display:flex}.items-center{align-items:center}.between{justify-content:space-between}.gap-8{gap:16px}
.btn{display:inline-block;padding:12px 18px;border-radius:12px;border:1px solid var(--lime);color:var(--text)}
.btn--fill{background:var(--lime);color:#0a1f19;border:none;font-weight:700;box-shadow:0 0 0 0 rgba(154,242,76,.0);transition:box-shadow .2s ease}
.btn--fill:hover{box-shadow:0 0 24px rgba(154,242,76,.25)}
.btn--ghost{background:transparent;border-color:var(--teal);color:var(--teal)}
nav a{color:var(--muted);margin:0 8px}
nav a:hover{color:var(--text)}
.hero__banner{
  width:100%;
  height:auto;
  display:block;
  border-bottom:1px solid var(--border);
  object-fit:contain;
  background:var(--bg2);
}
.hero__wrap{
  padding:28px 0;
  background:radial-gradient(1000px 500px at 10% 0%,rgba(38,224,209,.10),transparent 60%),
             radial-gradient(800px 400px at 90% 20%,rgba(154,242,76,.08),transparent 60%)
}
.section{padding:44px 0}
.card{background:rgba(14,43,34,.66);border:1px solid var(--border);border-radius:16px;padding:18px}
.card img{
  width:100%;
  height:auto;
  border-radius:12px;
  border:1px solid var(--border);
  display:block;
  object-fit:contain;
  background:var(--bg2);
}
/* Utilities */
.img-cover{ object-fit:cover !important; }
.img-no-ratio{ aspect-ratio:auto !important; }

.table{width:100%;border-collapse:collapse;border:1px solid var(--border);background:rgba(14,43,34,.66)}
.table th,.table td{padding:12px 14px;border:1px solid var(--border);text-align:left}
.table thead th{background:linear-gradient(180deg,#0f3a2e,#0d3227);color:var(--muted)}
.table tbody tr:hover{background:rgba(22,76,61,.25)}
.kicker{letter-spacing:.12em;text-transform:uppercase;color:var(--orange);font-size:12px}
h1,h2,h3{margin:0 0 10px 0}
h1{font-size:36px;line-height:1.2}
h2{font-size:28px}
h3{font-size:20px}
footer{border-top:1px solid var(--border);padding:28px 0;color:var(--muted)}
@media (max-width:640px){
  .hero__banner{ max-height:48vh; }
}