:root{
  --bg:#071109;
  --bg2:#0c1b10;
  --fg:#e9ffef;
  --muted:#a3b8ac;
  --brand:#20c997;
  --brand-ghost:#10221a;
  --card:#0c1611;
  --border:#183224;
}
*{box-sizing:border-box} body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Inter,sans-serif}
a{color:var(--fg);text-decoration:none} .container{max-width:1100px;margin:0 auto;padding:0 1rem}
.nav{position:sticky;top:0;z-index:50;background:rgba(7,17,9,.75);backdrop-filter:saturate(180%) blur(8px);border-bottom:1px solid var(--border)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0}
.logo{display:flex;align-items:center;gap:.6rem;font-weight:700}
.logo img{height:28px;width:auto;filter:drop-shadow(0 0 6px rgba(32,201,151,.35))}
.menu{list-style:none;display:flex;gap:1rem;margin:0;padding:0;align-items:center}
.menu a{padding:.45rem .7rem;border-radius:.7rem;border:1px solid transparent}
.menu a:hover{border-color:var(--border);background:var(--brand-ghost)}
.btn{background:var(--brand);color:#05130c;padding:.6rem 1rem;border-radius:.8rem;font-weight:700;border:1px solid transparent}
.btn.ghost{background:transparent;border-color:var(--border)}
.hamburger{display:none;background:transparent;border:1px solid var(--border);border-radius:.6rem;padding:.4rem .5rem;color:var(--fg)}

.cards{gap:1rem}
.card{background:var(--card);padding:1rem;border:1px solid var(--border);border-radius:1rem;box-shadow:0 .5rem 1.25rem rgba(0,0,0,.25)}
.highlight{margin:3rem auto 4rem;background:var(--bg2);padding:2rem;border-radius:1.25rem;border:1px solid var(--border)}

.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
@media (max-width:900px){
  .grid-2,.grid-3{grid-template-columns:1fr}
  .menu{display:none;flex-direction:column;align-items:flex-start;padding:1rem}
  .hamburger{display:inline-block}
}

.hero{padding:6rem 0;background:linear-gradient(to bottom right,#0a0f0a,#0f2b14);color:#eaffea}
.hero h1{font-size:2.5rem;margin:0 0 1rem}
.hero p{opacity:.9;max-width:48rem}
.hero .actions{margin-top:2rem;display:flex;gap:1rem;flex-wrap:wrap}
.hero .btn{background:#20c997}

.footer{margin-top:4rem;border-top:1px solid var(--border);background:#09140c}
.footer h4,.footer h5{margin:.2rem 0 0}
.footer ul{list-style:none;margin:.2rem 0 0;padding:0;opacity:.9}
.footer li{
  margin:.2rem 0;
}
.subfooter{border-top:1px solid var(--border);margin-top:1rem;padding:.8rem 0;text-align:center;opacity:.7}

.form{display:grid;gap:1rem;margin:1rem 0 2rem}
.form label{display:grid;gap:.4rem}
.form input,.form textarea,.form select{
  background:#061008;color:var(--fg);border:1px solid var(--border);padding:.7rem;border-radius:.6rem
}
.status{opacity:.8;margin:.4rem 0 0;min-height:1.2rem}
.cta{margin:2rem 0;display:flex;gap:1rem;flex-wrap:wrap;align-items:center}