:root { --bg:#fff4ee; --ink:#1c1210; --muted:#7c645c; --acc:#e10600; }
* { box-sizing:border-box; }
body { margin:0; font-family:ui-sans-serif,system-ui,sans-serif; background:
  radial-gradient(700px 280px at 90% -40px, #ffd0c2, transparent 70%), var(--bg); color:var(--ink); }
a { color:inherit; }
header, footer, main { width:min(920px,calc(100% - 28px)); margin:0 auto; }
header { display:flex; justify-content:space-between; align-items:center; min-height:64px; }
.logo { text-decoration:none; font-weight:900; letter-spacing:.12em; font-size:18px; background:var(--ink); color:#fff; padding:8px 12px; border-radius:10px; }
header span, footer { color:var(--muted); font-size:13px; }
.eye { margin:0; color:var(--acc); font-weight:800; font-size:12px; letter-spacing:.12em; text-transform:uppercase; }
h1 { font-size:clamp(30px,5vw,46px); line-height:1.02; letter-spacing:-.045em; margin:6px 0 14px; max-width:16ch; }
.must { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }
.must article { background:#fff; border-radius:16px; padding:12px 14px; box-shadow:0 8px 20px rgba(225,6,0,.06); }
.must span { display:block; font-size:11px; font-weight:800; letter-spacing:.04em; text-transform:uppercase; color:var(--muted); }
.must strong { display:block; font-size:clamp(22px,3vw,32px); margin:4px 0; letter-spacing:-.03em; }
.must p { margin:0; font-size:13px; line-height:1.35; }
.must .rate { background:var(--acc); color:#fff; }
.must .rate span, .must .rate p { color:#ffe4e0; }
.list { display:grid; gap:10px; padding:14px 0 28px; }
.card { display:grid; grid-template-columns:132px 1fr auto; gap:12px; align-items:center; background:#fff; border-radius:18px; padding:10px 10px 10px 14px; box-shadow:0 10px 24px rgba(28,18,16,.06); }
.card img { width:132px; height:48px; object-fit:contain; }
.card h2 { margin:0; font-size:18px; }
.card ul { display:flex; flex-wrap:wrap; gap:6px; list-style:none; margin:8px 0 0; padding:0; }
.card li { background:#fff1ec; color:#9a1c16; border-radius:999px; padding:4px 8px; font-size:12px; font-weight:700; }
.go { display:inline-flex; align-items:center; justify-content:center; min-width:112px; background:var(--acc); color:#fff; text-decoration:none; font-weight:800; border-radius:999px; padding:14px 18px; font-size:16px; }
.go:hover { background:#b80500; }
footer { padding-bottom:24px; }
@media (max-width:760px) {
  h1 { font-size:28px; margin-bottom:10px; }
  .must { grid-template-columns:1fr; gap:6px; }
  .must article { padding:10px 12px; }
  .must strong { font-size:24px; }
  .card { grid-template-columns:96px 1fr; padding:12px; }
  .card img { width:96px; height:40px; }
  .go { grid-column:1 / -1; min-height:48px; }
}