/* Только страница «Курсы» (хаб) */
.hub .t1{font-size:12cqw}
.hub .t2{font-size:21cqw}
.hub-hero{padding-bottom:3rem}
.hub-hero .hero-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}
.hub-stat{display:grid;gap:.8rem;margin:0;padding:0;list-style:none}
.hub-stat li{display:flex;align-items:baseline;gap:1rem;border-top:1.5px solid var(--line);padding-top:.9rem}
.hub-stat b{font-family:var(--display);font-weight:900;font-size:clamp(2rem,5vw,3.4rem);letter-spacing:-.09em;line-height:1;color:var(--lime);min-width:2.4ch}
.hub-stat span{font-size:.95rem;color:var(--muted)}

/* Карточки курсов */
.courses{display:grid;gap:1.4rem;margin-top:2rem}
.course{--cc:var(--pink);--ca:var(--lime);position:relative;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);border-radius:28px;overflow:hidden;border:1.5px solid var(--cc);background:linear-gradient(160deg,rgba(255,246,240,.08),rgba(255,246,240,.03));transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s}
.course:hover{transform:translateY(-4px);box-shadow:0 30px 60px -34px var(--cc)}
.course.c-start{--cc:#ee6a5b;--ca:#e8c58a}
.course.c-muz{--cc:#ff3479;--ca:#d9ff57}
.course .ph{position:relative;min-height:20rem;background:var(--plum)}
.course .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.course .ph::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 60%,rgba(var(--ink-rgb),.55))}
.course .bd{container-type:inline-size;padding:clamp(1.4rem,3vw,2.5rem);display:flex;flex-direction:column;gap:.9rem;min-width:0}
.st{align-self:flex-start;display:inline-flex;align-items:center;gap:.5rem;font-size:.7rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;padding:.4rem .8rem;border-radius:999px;background:var(--cc);color:#150a0f}
.st::before{content:"";width:.5rem;height:.5rem;border-radius:50%;background:currentColor;animation:pulse 1.6s ease-in-out infinite}
.st.done{background:rgba(255,246,240,.1);color:var(--muted);border:1px solid var(--line)}
.st.done::before{animation:none;opacity:.6}
@keyframes pulse{50%{opacity:.25}}
.course h3{margin:0;font-family:var(--display);font-weight:900;text-transform:uppercase;letter-spacing:-.07em;line-height:1;font-size:min(3.4rem,8.2cqw)}
.course h3 small{display:block;margin-top:.55rem;font-weight:700;letter-spacing:-.04em;font-size:.4em;color:var(--ca)}
.course p{margin:0;color:var(--soft);max-width:34rem}
.cfacts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin:.4rem 0 0;padding:0;list-style:none}
.cfacts li{border-top:1.5px solid var(--line);padding-top:.6rem;font-size:.8rem;color:var(--muted)}
.cfacts b{display:block;font-family:var(--display);font-weight:800;font-size:clamp(.9rem,1.5vw,1.1rem);letter-spacing:-.05em;color:var(--fg);text-transform:uppercase;margin-bottom:.1rem}
.course .row{margin-top:auto;padding-top:.6rem}

/* Как выбрать */
.pick{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:2rem}
.pick a{display:flex;flex-direction:column;gap:.4rem;text-decoration:none;padding:1.4rem 1.5rem;border-radius:22px;border:1.5px solid var(--line);background:rgba(255,246,240,.05);transition:border-color .2s,background .2s,transform .25s}
.pick a:hover{border-color:var(--blue-hi);background:rgba(56,139,253,.08);transform:translateY(-3px)}
.pick small{font-size:.7rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--lime)}
.pick b{font-family:var(--display);font-weight:800;letter-spacing:-.05em;text-transform:uppercase;font-size:clamp(1.05rem,2.4vw,1.5rem);line-height:1.1}
.pick span{color:var(--muted);font-size:.92rem}

/* Завершённые курсы */
.done-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.5rem,4vw,3rem);margin-top:2rem}
.done-item{display:grid;gap:1rem;justify-items:center;align-content:start}
.done-item .vidcard{max-width:360px}
.done-txt{max-width:360px;width:100%}
.done-txt h3{margin:.6rem 0 .5rem;font-family:var(--display);font-weight:800;text-transform:uppercase;letter-spacing:-.06em;font-size:clamp(1.3rem,3vw,1.8rem);line-height:1.05}
.done-txt p{margin:0;color:var(--muted);font-size:.95rem}

/* Разделы проекта */
.eco{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem;margin-top:2rem}
.eco a{display:flex;flex-direction:column;gap:.3rem;text-decoration:none;padding:1.2rem 1.3rem;border-radius:18px;border:1.5px solid var(--line);background:rgba(255,246,240,.04);transition:border-color .2s,transform .25s}
.eco a:hover{border-color:var(--blue-hi);transform:translateY(-3px)}
.eco b{font-family:var(--display);font-weight:800;letter-spacing:-.05em;text-transform:uppercase;font-size:1.05rem}
.eco span{font-size:.85rem;color:var(--muted)}
.eco i{font-style:normal;margin-top:auto;padding-top:.5rem;font-size:.78rem;font-weight:700;color:var(--blue-hi)}

@media (max-width:1180px){.eco{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){.eco{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){
  .hub-hero .hero-grid{grid-template-columns:minmax(0,1fr)}
  .course{grid-template-columns:minmax(0,1fr)}
  .course .ph{min-height:0;aspect-ratio:4/3}
  .course .ph::after{background:linear-gradient(180deg,transparent 55%,rgba(var(--ink-rgb),.6))}
  .cfacts{grid-template-columns:minmax(0,1fr)}
  .cfacts li{display:flex;gap:.8rem;align-items:baseline}
  .cfacts b{min-width:9.5rem;margin:0}
  .pick,.done-grid,.eco{grid-template-columns:minmax(0,1fr)}
}
@media (prefers-reduced-motion:reduce){.st::before{animation:none}}