:root{--ground:#0F1430;--surface:rgba(24,30,69,.55);--border:rgba(167,175,217,.18);--text:#F2F4FF;--muted:#A7AFD9;--dim:#7A83B8;--accent:#5EE1C8;--star:#FFC56B}
*{box-sizing:border-box}
html,body{margin:0;background:var(--ground);color:var(--text);font-family:Nunito,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.55}
body{background:radial-gradient(ellipse 640px 460px at 80% 10%,rgba(94,225,200,.10),rgba(15,20,48,0) 70%),var(--ground);min-height:100vh}
a{color:var(--accent)}a:hover{color:var(--text)}
.wrap{max-width:760px;margin:0 auto;padding:48px 20px 80px}
header.top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:56px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--text);font-family:"Space Grotesk",system-ui,sans-serif;font-weight:700;font-size:22px;letter-spacing:-.01em}
.brand svg{width:34px;height:34px}
nav a{color:var(--muted);text-decoration:none;font-weight:700;font-size:15px;margin-left:18px}
nav a:hover{color:var(--text)}
h1{font-family:"Space Grotesk",system-ui,sans-serif;font-weight:700;font-size:clamp(36px,6vw,56px);line-height:1.05;letter-spacing:-.02em;margin:0 0 18px}
h2{font-family:"Space Grotesk",system-ui,sans-serif;font-weight:700;font-size:24px;margin:40px 0 10px}
p,li{font-size:18px;color:var(--muted);font-weight:600}
strong{color:var(--text)}
.lede{font-size:21px}
.eyebrow{color:var(--accent);font-size:14px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin:0 0 10px}
.card{background:var(--surface);border:1px solid var(--border);border-radius:24px;padding:28px 30px;margin:28px 0}
.pill{display:inline-flex;align-items:center;gap:10px;background:var(--accent);color:var(--ground);text-decoration:none;font-weight:800;font-size:18px;padding:16px 26px;border-radius:999px;box-shadow:0 14px 36px rgba(94,225,200,.25)}
.pill:hover{color:var(--ground);filter:brightness(1.05)}
.meta{color:var(--dim);font-size:15px}
footer{margin-top:72px;border-top:1px solid var(--border);padding-top:24px;color:var(--dim);font-size:15px;font-weight:600;display:flex;flex-wrap:wrap;gap:8px 20px}
footer a{color:var(--dim)}
ul{padding-left:22px}
.stars{display:flex;gap:10px;margin:14px 0 24px}
.stars span{width:12px;height:12px;border-radius:50%;background:var(--star);box-shadow:0 0 10px var(--star)}
.stars span.off{background:#4A5390;box-shadow:none;width:8px;height:8px;margin:2px}
.stars span.hollow{background:transparent;border:1.5px solid var(--star);box-shadow:none}