:root{
  --green:#00A676; --blue:#0057D9; --orange:#FFA726;
  --bg:#0c0f14; --bg2:#0b0f17; --surface:#111621;
  --text:#e7e9ee; --muted:#9aa3b2;
  --border:rgba(255,255,255,.08); --shadow:0 12px 36px rgba(0,0,0,.45);
  --radius:16px; --space:clamp(14px, 2.6vw, 26px);
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0; font-family:Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  background:
    radial-gradient(1200px 600px at 80% -10%, rgba(0,167,118,.18) 0%, transparent 60%),
    radial-gradient(900px 500px at 10% 10%, rgba(0,87,217,.18) 0%, transparent 60%),
    var(--bg);
  color:var(--text);
}

/* ===== NAVBAR ===== */
.nav{
  position:sticky; top:0; z-index:40;
  display:flex; align-items:center; justify-content:space-between;
  padding:14px clamp(14px,5vw,48px);
  backdrop-filter: blur(8px);
  background:linear-gradient(to bottom, rgba(8,10,14,.75), rgba(8,10,14,.35));
  border-bottom:1px solid var(--border);
}
.nav__brand a{ color:var(--green); text-decoration:none; font-weight:800; letter-spacing:.2px; font-size:1.2rem }
.nav__links{ display:flex; gap:14px; align-items:center }
.nav__links a{
  color:var(--text); text-decoration:none; font-weight:600; opacity:.85;
  padding:10px 12px; border-radius:12px;
}
.nav__links a:hover{ background:rgba(255,255,255,.05); opacity:1 }
.nav__links a.is-active{ background:rgba(255,255,255,.08); }

.btn{
  display:inline-flex; align-items:center; justify-content:center;
  padding:12px 16px; border-radius:12px; text-decoration:none; font-weight:700;
  border:1px solid var(--border);
}
.btn--primary{ background:linear-gradient(135deg, var(--blue), var(--green)); color:#fff; border-color:transparent; box-shadow:var(--shadow)}
.btn--primary:hover{ filter:brightness(1.05) }

/* Burger mobile */
.nav__burger{
  display:none; width:44px; height:44px; border:1px solid var(--border);
  background:transparent; border-radius:12px; cursor:pointer;
}
.nav__burger span{
  display:block; width:22px; height:2px; margin:6px auto; background:var(--text);
}

/* Mobile menu */
@media (max-width: 720px){
  .nav__burger{ display:block }
  .nav__links{
    position: fixed; inset: 64px 12px auto 12px;
    display:none; flex-direction:column; gap:8px; background: rgba(10,13,18,.98);
    border:1px solid var(--border); border-radius: 14px; padding:12px;
  }
  .nav__links a{ padding:12px 10px }
}

/* ===== FOOTER ===== */
.footer{
  border-top:1px solid var(--border);
  color:var(--muted);
  padding:18px clamp(16px,6vw,64px);
  text-align:center;
}