.course-cover{width:100%;max-width:360px;aspect-ratio:2/3;border-radius:3px 8px 8px 3px;background:#130911;box-shadow:0 1px 0 rgba(0,0,0,.25),0 26px 50px -24px rgba(20,16,15,.55),0 10px 20px -12px rgba(20,16,15,.35);overflow:hidden}.course-cover img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.course-page{padding-block:clamp(56px,7vw,96px) clamp(80px,9vw,124px)}.course-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:clamp(40px,6vw,88px);align-items:center}.course-hero h1{font-size:clamp(2.5rem,4.7vw,4.2rem);line-height:1.06}.course-hero h1>span{display:block;color:var(--accent)}.course-lede{margin-top:24px;max-width:600px;color:var(--muted);font-size:clamp(1rem,1.3vw,1.08rem);line-height:1.75}.course-facts{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0 0;padding:0;list-style:none}.course-facts li{padding:6px 11px;border:1px solid var(--line);border-radius:999px;font-size:11px;font-weight:600;color:var(--muted)}.course-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px;margin-top:32px}.course-note{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:16px;font-size:12px;color:var(--muted)}.course-count{color:var(--ink);font-weight:700}.course-credential{display:inline-flex;align-items:center;gap:6px;color:var(--muted);text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:3px}.course-credential svg{color:var(--accent)}.course-credential:hover{color:var(--ink);text-decoration-color:currentColor}.course-hero-cover{display:flex;justify-content:center}.course-hero-cover .course-cover{transform:rotate(2.2deg);transition:transform .6s var(--ease)}.course-hero-cover:hover .course-cover{transform:rotate(0deg) translateY(-4px)}.course-section{margin-top:clamp(80px,9vw,120px)}.course-highlights{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.course-highlight{padding:26px 26px 24px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.course-highlight h3{font-size:17px}.course-highlight p{margin-top:10px;color:var(--muted);font-size:13.5px;line-height:1.75}.course-exercises{margin-top:22px;color:var(--muted);font-size:13.5px}.course-chapters{-moz-columns:2;column-count:2;-moz-column-gap:56px;column-gap:56px;margin:0;padding:0;list-style:none;border-bottom:1px solid var(--line);counter-reset:chapter}.course-chapters li{display:flex;align-items:baseline;gap:18px;padding:15px 0;border-top:1px solid var(--line);font-size:15px;font-weight:550;-moz-column-break-inside:avoid;break-inside:avoid}.course-chapters li:before{counter-increment:chapter;content:counter(chapter,decimal-leading-zero);min-width:22px;color:var(--accent);font-size:11px;font-weight:700;font-variant-numeric:tabular-nums}.course-cta{display:flex;justify-content:space-between;align-items:center;gap:32px;margin-top:clamp(80px,9vw,120px);padding:clamp(28px,4vw,48px);border-radius:16px;background:var(--accent-soft)}.course-cta h2{font-size:clamp(1.6rem,2.6vw,2.2rem)}.course-cta p{max-width:520px;margin-top:10px;color:var(--muted);font-size:14px;line-height:1.7}.course-cta-actions{display:flex;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:14px 22px}.course-spotlight{display:grid;grid-template-columns:132px minmax(0,1fr);align-items:center;gap:clamp(24px,4vw,44px);margin-top:40px;padding:clamp(22px,3vw,32px);border:1px solid var(--line);border-radius:16px;background:var(--surface)}.course-spotlight .course-cover{max-width:132px;transform:rotate(-2deg);transition:transform .5s var(--ease)}.course-spotlight:hover .course-cover{transform:rotate(0deg)}.course-spotlight .section-label{margin-bottom:8px;color:var(--accent)}.course-spotlight h3{font-size:clamp(1.25rem,2vw,1.6rem);line-height:1.25}.course-spotlight-text{max-width:580px;margin-top:8px;color:var(--muted);font-size:13.5px;line-height:1.7}.course-spotlight-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px 24px;margin-top:18px}@media (max-width:850px){.course-hero{grid-template-columns:minmax(0,1fr);gap:36px}.course-hero-cover{justify-content:flex-start}.course-hero-cover .course-cover{max-width:230px}.course-highlights{grid-template-columns:minmax(0,1fr)}.course-chapters{-moz-columns:1;column-count:1}.course-cta{flex-direction:column;align-items:flex-start}}@media (max-width:560px){.course-spotlight{grid-template-columns:72px minmax(0,1fr);align-items:start;gap:20px}.course-spotlight .course-cover{max-width:72px}}@media (prefers-reduced-motion:reduce){.course-hero-cover .course-cover,.course-spotlight .course-cover{transition:none}}