@font-face{font-family:'Inter';src:local('Inter'),url('/inter.ttf') format('truetype');font-weight:100 900}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Inter',-apple-system,system-ui,sans-serif;background:#fff;color:#0A0A0A;-webkit-font-smoothing:antialiased}
.wrap{max-width:1180px;margin:0 auto;padding:48px 24px 72px}
h1{font-size:clamp(34px,6vw,64px);font-weight:900;letter-spacing:-.035em;line-height:1.03}
h1 .o{color:#F2530B}h1 .v{color:#7C5CFF}
.lead{margin-top:18px;font-size:clamp(18px,2.4vw,26px);font-weight:600;line-height:1.35;max-width:820px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:40px}
@media(max-width:820px){.split{grid-template-columns:1fr}}
.card{border:2px solid #F2530B;border-radius:22px;padding:28px;display:flex;flex-direction:column;gap:14px;
  text-decoration:none;color:inherit}
.card.v{border-color:#7C5CFF}
.card h2{font-size:clamp(26px,3.4vw,40px);font-weight:900;letter-spacing:-.03em;color:#F2530B}
.card.v h2{color:#7C5CFF}
.card p{font-size:clamp(16px,2vw,21px);font-weight:600;line-height:1.35}
.card .go{margin-top:auto;font-size:19px;font-weight:800;color:#0A0A0A}
video{width:100%;border-radius:18px;border:1px solid #E4E4E4;margin-top:28px;background:#000}
.chapters{margin-top:26px;display:flex;flex-direction:column;gap:8px}
.ch{display:flex;align-items:center;gap:16px;border:1px solid #E4E4E4;border-radius:14px;padding:14px 18px;
  font-size:19px;font-weight:700;cursor:pointer;background:#fff}
.ch:hover{background:#FFF6F1}
.ch .t{font-variant-numeric:tabular-nums;color:#F2530B;font-weight:800;min-width:64px}
.v .ch .t{color:#7C5CFF}
.v .ch:hover{background:#F5F2FF}
.back{display:inline-block;margin-top:34px;font-size:18px;font-weight:700;color:#0A0A0A;text-decoration:none;
  border-bottom:2px solid #F2530B}
.note{margin-top:26px;background:#FFF1E9;border-radius:16px;padding:20px 24px;font-size:19px;font-weight:600;line-height:1.4}
.v .note{background:#F1EDFF}