:root{
  --bg1:#0e1b1c; --bg2:#0b2426; --leaf:#48C774; --sky:#7bd0ff;
  --ink:#f3fbff; --muted:#b7c9cf; --card:#0f2123; --line:rgba(255,255,255,.08);
}
*{box-sizing:border-box} html,body{height:100%}
body{
  margin:0;
  background:
    radial-gradient(900px 600px at 85% -10%, rgba(72,199,116,.10), transparent 55%),
    radial-gradient(700px 500px at 10% 10%, rgba(123,208,255,.10), transparent 60%),
    linear-gradient(180deg,var(--bg2),var(--bg1));
  color:var(--ink);
  font:16px/1.6 "Inter","Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif;
}
a{color:inherit;text-decoration:none}
.header{max-width:1120px;margin:0 auto;padding:22px 18px;display:flex;align-items:center;justify-content:space-between}
.brand{font:900 22px/1 Inter}.brand .em{color:var(--leaf)}
.nav{display:flex;gap:20px}.nav a{opacity:.9;font-weight:600}.nav a:hover{opacity:1}
.hero{max-width:1120px;margin:26px auto;padding:28px 22px;border:1px solid var(--line);border-radius:18px;background:rgba(14,28,31,.6);backdrop-filter:blur(6px)}
h1{margin:0 0 8px;font-size:36px;line-height:1.15}
.sub{color:var(--muted);margin:0 0 14px;font-size:18px}
.badges{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 16px}
.chip{background:#0d2022;border:1px solid var(--line);padding:6px 10px;border-radius:999px;color:var(--muted);font-size:13px}
.ctas{display:flex;gap:12px;flex-wrap:wrap}
.btn{padding:11px 16px;border-radius:12px;border:1px solid var(--line);background:#0d2224;font-weight:800}
.btn.primary{background:var(--leaf);color:#052014;border:none}
.section{max-width:1120px;margin:0 auto 28px;padding:0 18px}
.section h2{font-size:24px;margin:0 0 12px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}
.card{border:1px solid var(--line);background:#0f2224;border-radius:14px;overflow:hidden;transition:transform .15s ease}
.card:hover{transform:translateY(-2px)}
.card .cap{padding:12px}
.card h3{margin:0 0 6px;font-size:18px}
.card p{margin:0;color:var(--muted);font-size:14px}
.footer{max-width:1120px;margin:34px auto 44px;padding:0 18px;color:var(--muted);font-size:14px}
.notice{border:1px dashed var(--line);border-radius:12px;padding:10px 12px;background:#0d2022;color:var(--muted);font-size:13px}