:root{
  --bg:#0b0f14; --fg:#e8eef5; --muted:#8b9bb0;
  --line:rgba(232,238,245,.10); --accent:#5eead4;
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0; background:var(--bg); color:var(--fg);
  font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  display:flex; align-items:center; justify-content:center; padding:32px;
  background-image:radial-gradient(900px 500px at 15% -10%, rgba(94,234,212,.10), transparent 60%),
                   radial-gradient(700px 400px at 110% 110%, rgba(94,234,212,.06), transparent 60%);
}
main{width:100%; max-width:640px}
.pill{
  display:inline-flex; align-items:center; gap:8px;
  border:1px solid var(--line); border-radius:999px;
  padding:6px 14px; font-size:13px; color:var(--muted);
  margin-bottom:28px;
}
.dot{width:6px;height:6px;border-radius:50%;background:var(--accent);
     box-shadow:0 0 0 4px rgba(94,234,212,.14)}
h1{
  margin:0 0 18px; font-size:clamp(38px,7vw,60px); line-height:1.05;
  letter-spacing:-.02em; font-weight:650;
}
h1 span{color:var(--accent)}
p{margin:0 0 14px; color:var(--muted); max-width:52ch}
.rule{height:1px;background:var(--line);margin:32px 0 24px}
.row{display:flex;flex-wrap:wrap;gap:10px 28px;font-size:14px}
.k{color:var(--muted)}
footer{margin-top:40px;font-size:12px;color:var(--muted);opacity:.8}