:root {
  --bg: #070b14;
  --card: #0f1728;
  --line: #223155;
  --text: #ebefff;
  --muted: #a7b2d9;
  --mint: #50e3c2;
  --violet: #7f8cff;
  --up: #52e7a3;
  --flat: #ffcf6a;
  --down: #ff7a95;
}
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(circle at 10% -10%,#243d72 0,transparent 35%),radial-gradient(circle at 100% 0,#173c3f 0,transparent 45%),var(--bg);color:var(--text);font-family:ui-sans-serif,-apple-system,"PingFang SC",sans-serif}
.wrap{max-width:1060px;margin:0 auto;padding:34px 18px 40px}
.hero h1{font-size:clamp(32px,6vw,58px);margin:.2rem 0}
.kicker{letter-spacing:.13em;color:var(--violet);font-size:12px}
.sub{color:var(--muted);max-width:620px}
.cta-row{display:flex;gap:12px;align-items:center;margin-top:14px;flex-wrap:wrap}
.btn{background:var(--mint);color:#08231d;padding:10px 16px;border-radius:999px;text-decoration:none;font-weight:700}
.controls{margin:26px 0 14px;display:flex;gap:10px;flex-wrap:wrap}
.chips{display:flex;gap:8px;flex-wrap:wrap}
.chip{border:1px solid var(--line);background:#121c34;color:#d8dff9;padding:7px 11px;border-radius:999px;cursor:pointer}
.chip.active{background:var(--mint);border-color:transparent;color:#06231a;font-weight:700}
#q{flex:1;min-width:240px;background:#0d1529;color:var(--text);border:1px solid var(--line);border-radius:10px;padding:10px 12px}
.list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px}
.row{display:flex;justify-content:space-between;color:var(--muted);font-size:12px}
h3{font-size:17px;line-height:1.35;margin:10px 0}
p{margin:0}
.summary{margin-top:8px;color:#d9def8;font-size:13px;line-height:1.5;min-height:56px}
.tags{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}
.tag{font-size:11px;border-radius:999px;padding:4px 8px}
.score{border:1px solid var(--line);background:#161f38}
.up{background:var(--up);color:#0b2a1d}.flat{background:var(--flat);color:#3d2f06}.down{background:var(--down);color:#3b0b1a}
.subscribe{margin-top:24px;background:linear-gradient(145deg,#101a30,#121a3f);border:1px solid #2a3b67;padding:16px;border-radius:16px}
.subscribe h2{margin:0 0 6px}
.subscribe p{color:var(--muted)}
.sub-row{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}
#email{flex:1;min-width:220px;background:#0b1327;color:var(--text);border:1px solid var(--line);border-radius:10px;padding:10px 12px}
#subBtn{background:var(--violet);color:white;border:none;border-radius:10px;padding:10px 14px;cursor:pointer}
.msg{margin-top:10px;color:#c7ffef;font-size:12px}