:root { --cyan:#40fff2; --magenta:#ff40d9; --bg:#04060b; --dim:#9aa3b2; --text:#e8ecf4; }
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--text);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif; line-height:1.6;
  background-image:linear-gradient(rgba(64,255,242,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(64,255,242,.05) 1px,transparent 1px);
  background-size:44px 44px; }
.wrap { max-width:760px; margin:0 auto; padding:48px 18px 80px; }
.lang { text-align:right; font-size:14px; margin:-24px 0 18px; }
h1 { font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-weight:800; letter-spacing:2px; color:var(--cyan);
  text-shadow:0 0 18px rgba(64,255,242,.45); margin:0 0 6px; font-size:30px; }
.tag { color:var(--magenta); font-family:ui-monospace,monospace; font-size:14px; margin-bottom:28px; }
h2 { color:#fff; font-size:18px; margin:30px 0 8px; }
p, li { color:#cdd4e0; }
.lead { font-size:18px; color:#fff; }
a { color:var(--cyan); }
.card { background:rgba(255,255,255,.03); border:1px solid rgba(64,255,242,.25); border-radius:14px; padding:18px 20px; margin-top:18px; }
.foot { color:var(--dim); font-size:13px; margin-top:40px; }
.hero { text-align:center; }
.hero img.icon { width:120px; height:120px; border-radius:27px; box-shadow:0 0 40px rgba(64,255,242,.25); }
.hero h1 { margin-top:18px; font-size:36px; }
.badge { display:inline-block; padding:12px 22px; border-radius:12px; border:1px solid var(--cyan); color:var(--cyan);
  text-decoration:none; font-weight:600; box-shadow:0 0 18px rgba(64,255,242,.25); }
.shots { display:flex; gap:14px; justify-content:center; margin:34px 0 10px; flex-wrap:wrap; }
.shots img { width:calc(50% - 7px); max-width:340px; height:auto; border-radius:16px; border:1px solid rgba(64,255,242,.25); }
.caption { text-align:center; color:var(--dim); font-size:14px; }
ul.feats { padding-left:20px; }