.courses{max-width:1180px;margin:0 auto;padding:clamp(1.2rem,4vw,2.4rem) clamp(1rem,4vw,2rem) 4rem}.courses__head{margin-bottom:1.8rem}.courses__head h1{font-size:clamp(1.9rem,4vw,2.6rem);margin:0 0 .5rem}.courses__head p{color:var(--fg-dim);max-width:60ch;line-height:1.6}.courses__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));grid-gap:1.2rem;gap:1.2rem}.course-card{display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.course-card:hover{transform:translateY(-3px);border-color:var(--border-strong);box-shadow:var(--shadow);text-decoration:none}.course-card__cover{width:100%;aspect-ratio:16/9;object-fit:cover;background:var(--panel-strong);display:block}.course-card__cover--ph{display:flex;align-items:center;justify-content:center;color:var(--muted);font-family:Sora,sans-serif;font-weight:700;font-size:1.4rem;letter-spacing:-.02em}.course-card__body{display:flex;flex-direction:column;gap:.5rem;padding:.95rem 1.05rem 1.1rem;flex:1 1}.course-card__title{font-family:Sora,sans-serif;font-size:1.08rem;font-weight:700;color:var(--fg);letter-spacing:-.01em;margin:0;line-height:1.3}.course-card__summary{color:var(--fg-dim);font-size:.9rem;line-height:1.5;margin:0;flex:1 1}.course-card__meta{display:flex;flex-wrap:wrap;gap:.45rem .7rem;align-items:center;color:var(--muted);font-size:.8rem;margin-top:.4rem}.course-card__chips{display:flex;flex-wrap:wrap;gap:.4rem}.access-badge{display:inline-flex;align-items:center;gap:.3rem;font-size:.72rem;font-weight:600;letter-spacing:.01em;padding:.18rem .55rem;border-radius:999px;border:1px solid var(--chip-border);background:var(--chip);color:var(--fg-dim);white-space:nowrap}.access-badge--free{border-color:rgba(34,197,94,.4);background:rgba(34,197,94,.12);color:#22c55e}.access-badge--supporter{border-color:rgba(245,158,11,.4);background:rgba(245,158,11,.12);color:#f59e0b}.access-badge--pro{border-color:var(--chip-border);background:var(--chip);color:var(--accent)}.access-badge--purchase{border-color:rgba(236,72,153,.4);background:rgba(236,72,153,.12);color:#ec4899}.level-chip{font-size:.72rem;text-transform:capitalize;padding:.16rem .5rem;border-radius:999px;border:1px solid var(--border);color:var(--fg-dim);background:var(--panel-strong)}.level-chip,.preview-badge{display:inline-flex;align-items:center}.preview-badge{font-size:.7rem;font-weight:600;padding:.12rem .45rem;border-radius:999px;background:rgba(34,197,94,.14);color:#22c55e;border:1px solid rgba(34,197,94,.35)}.courses__empty{border:1px dashed var(--border-strong);border-radius:var(--radius);padding:2.4rem 1.4rem;text-align:center;color:var(--muted);background:var(--panel)}.course-about{max-width:1080px;margin:0 auto;padding:clamp(1.2rem,4vw,2.4rem) clamp(1rem,4vw,2rem) 4rem}.course-about__back{display:inline-block;color:var(--muted);font-size:.85rem;margin-bottom:1rem}.course-hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);grid-gap:1.6rem;gap:1.6rem;align-items:start;margin-bottom:2rem}@media (max-width:760px){.course-hero{grid-template-columns:1fr}}.course-hero__cover{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius);border:1px solid var(--border);background:var(--panel-strong)}.course-hero__title{font-size:clamp(1.7rem,4vw,2.4rem);margin:.4rem 0 .6rem;line-height:1.15}.course-hero__summary{color:var(--fg-dim);font-size:1.02rem;line-height:1.6;margin:0 0 1rem}.course-hero__meta{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-bottom:1rem}.course-hero__instructor{color:var(--muted);font-size:.9rem}.course-section{margin:2.2rem 0}.course-section h2{font-size:1.3rem;margin:0 0 .9rem}.course-desc{color:var(--fg-dim);line-height:1.7}.course-desc p{margin:0 0 .9rem}.syllabus{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.syllabus__row{display:flex;align-items:center;gap:.8rem;padding:.85rem 1rem;background:var(--panel);text-align:left;width:100%;border:none;border-bottom:1px solid var(--border);color:var(--fg);cursor:pointer;font:inherit}.syllabus__row:last-child{border-bottom:none}.syllabus__row:hover{background:var(--panel-strong)}.syllabus__row[aria-current=true]{background:var(--chip)}.syllabus__num{flex:0 0 auto;width:1.7rem;height:1.7rem;display:grid;place-items:center;border-radius:50%;background:var(--panel-strong);color:var(--muted);font-size:.8rem;font-weight:600}.syllabus__title{flex:1 1;font-size:.95rem;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.syllabus__dur{flex:0 0 auto;color:var(--muted);font-size:.82rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.syllabus__soon{color:var(--muted);font-size:.74rem;font-style:italic}.syllabus-modules{display:flex;flex-direction:column;gap:1rem}.syllabus-module{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--panel)}.syllabus-module__head{display:flex;align-items:center;gap:.8rem;padding:.9rem 1rem;background:var(--panel-strong);border-bottom:1px solid var(--border)}.syllabus-module__num{flex:0 0 auto;width:1.9rem;height:1.9rem;display:grid;place-items:center;border-radius:50%;background:var(--chip);color:var(--accent);font-family:Sora,sans-serif;font-weight:700;font-size:.9rem}.syllabus-module__head>div{flex:1 1;min-width:0}.syllabus-module__title{margin:0;font-size:1.02rem;font-family:Sora,sans-serif;font-weight:700;line-height:1.3}.syllabus-module__summary{margin:.2rem 0 0;color:var(--muted);font-size:.85rem;line-height:1.4}.syllabus-module__count{flex:0 0 auto;color:var(--muted);font-size:.8rem;white-space:nowrap}.syllabus-module__list{list-style:none;margin:0;padding:0}.syllabus-module__row{display:flex;align-items:center;gap:.8rem;padding:.8rem 1rem;border-bottom:1px solid var(--border)}.syllabus-module__row:last-child{border-bottom:none}.course-cta-box{position:-webkit-sticky;position:sticky;top:5rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);padding:1.2rem;display:flex;flex-direction:column;gap:.7rem}.course-cta-box__price{font-family:Sora,sans-serif;font-size:1.5rem;font-weight:800;color:var(--fg)}.course-cta-box__note{color:var(--muted);font-size:.82rem;line-height:1.45}.course-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.7rem 1.1rem;border-radius:999px;border:1px solid var(--border-strong);background:var(--panel-strong);color:var(--fg);font-weight:600;font-size:.95rem;cursor:pointer;text-align:center}.course-btn:hover{text-decoration:none;border-color:var(--accent)}.course-btn--primary{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.course-btn--primary:hover{filter:brightness(1.05)}.course-btn:disabled{opacity:.55;cursor:not-allowed}.lesson-player{margin-top:1rem}.lesson-player__frame{position:relative;width:100%;aspect-ratio:16/9;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);background:#000}.lesson-player__frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.lesson-player__overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.7rem;text-align:center;padding:1.4rem;background:linear-gradient(180deg,rgba(10,10,12,.7),rgba(10,10,12,.92));color:#f4f4f5}.lesson-player__overlay h3{margin:0;font-size:1.15rem}.lesson-player__overlay p{margin:0;color:#c9c9d2;font-size:.9rem;max-width:36ch}.lesson-player__placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;text-align:center;color:var(--fg-dim);width:100%;height:100%}.lesson-player__placeholder .big{font-family:Sora,sans-serif;font-size:1.2rem;font-weight:700;color:#f4f4f5}.lesson-player__loading{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--muted);font-size:.9rem}.lesson-player__title{margin:.8rem 0 .2rem;font-size:1.1rem;font-family:Sora,sans-serif}