.tp-courses{--tc-orange:#ff9800;--tc-green:#36d17c;--tc-bg:rgba(10,12,15,.72);--tc-card:rgba(19,20,24,.72);--tc-line:rgba(255,255,255,.12);--tc-text:#fff;--tc-muted:#b8bcc6;max-width:1400px;margin:18px auto 70px;padding:0 16px;color:var(--tc-text)}
.tp-courses-hero{text-align:center;padding:46px 16px 24px}.tp-courses-hero>span{color:var(--tc-orange);font-size:13px;font-weight:800}.tp-courses-hero h1{font-size:clamp(34px,6vw,64px);margin:10px 0}.tp-courses-hero p{color:var(--tc-muted);font-size:15px}.tp-course-shell{padding:18px;border:1px solid var(--tc-line);border-radius:24px;background:var(--tc-bg);backdrop-filter:blur(18px);box-shadow:0 20px 70px rgba(0,0,0,.38)}
.tp-course-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:22px}.tp-course-tab{min-height:88px;padding:14px;border:1px solid var(--tc-line);border-radius:18px;background:rgba(255,255,255,.035);color:var(--tc-text);font-family:inherit;text-align:right;cursor:pointer;transition:.2s}.tp-course-tab strong{display:block;font-size:15px;margin-bottom:6px}.tp-course-tab small{display:block;color:var(--tc-muted);font-size:12px;line-height:1.7}.tp-course-tab.on{border-color:rgba(255,152,0,.7);background:linear-gradient(145deg,rgba(255,152,0,.18),rgba(255,255,255,.04));box-shadow:0 0 28px rgba(255,152,0,.12)}
.tp-course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.tp-course-card{overflow:hidden;border:1px solid var(--tc-line);border-radius:18px;background:var(--tc-card);color:var(--tc-text);cursor:pointer;text-align:right;transition:.22s}.tp-course-card:hover{transform:translateY(-3px);border-color:rgba(255,152,0,.55);box-shadow:0 18px 38px rgba(0,0,0,.3)}.tp-course-card img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#050505}.tp-course-card-body{padding:14px}.tp-course-card strong{display:block;font-size:15px;line-height:1.8}.tp-course-card span{display:block;margin-top:5px;color:var(--tc-muted);font-size:12px;line-height:1.7}.tp-course-empty,.tp-course-loading{padding:46px;text-align:center;color:var(--tc-muted)}
.tp-course-back{margin:0 0 14px;padding:10px 18px;border:1px solid rgba(255,152,0,.42);border-radius:999px;background:rgba(255,152,0,.08);color:var(--tc-orange);font:700 13px inherit;cursor:pointer}.tp-course-player{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border:1px solid var(--tc-line);border-radius:22px;background:#030303;box-shadow:0 24px 70px rgba(0,0,0,.38)}.tp-course-player video{display:block;width:100%;height:100%;object-fit:contain;background:#000}.tp-course-bigplay{position:absolute;inset:50% auto auto 50%;width:72px;height:72px;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.2);border-radius:50%;background:rgba(17,17,17,.6);backdrop-filter:blur(12px);cursor:pointer}.tp-course-bigplay:after{content:"";position:absolute;left:29px;top:23px;border-style:solid;border-width:13px 0 13px 20px;border-color:transparent transparent transparent #fff}.tp-course-player.playing .tp-course-bigplay{opacity:0;pointer-events:none}
.tp-course-controls{position:absolute;z-index:4;left:50%;bottom:12px;width:min(760px,calc(100% - 24px));transform:translate(-50%,16px);padding:12px;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:rgba(17,17,17,.72);backdrop-filter:blur(18px);opacity:0;pointer-events:none;transition:.3s}.tp-course-player:hover .tp-course-controls,.tp-course-player.controls .tp-course-controls,.tp-course-player:focus-within .tp-course-controls{opacity:1;transform:translate(-50%,0);pointer-events:auto}.tp-course-timeline,.tp-course-actions,.tp-course-left,.tp-course-right,.tp-course-speeds{display:flex;align-items:center}.tp-course-timeline{gap:9px;font-size:12px;direction:ltr}.tp-course-timeline input{flex:1}.tp-course-actions{justify-content:space-between;gap:10px;margin-top:10px;direction:ltr}.tp-course-left,.tp-course-right,.tp-course-speeds{gap:7px}.tp-course-controls button,.tp-course-controls a{display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:10px;background:transparent;color:#fff;text-decoration:none;cursor:pointer}.tp-course-controls button:hover,.tp-course-controls button.on,.tp-course-controls a:hover{background:rgba(255,255,255,.12)}.tp-course-controls svg{width:20px;height:20px}.tp-course-left input{width:90px}.tp-course-controls input[type=range]{accent-color:#fff;cursor:pointer}.tp-course-speeds button{width:auto;min-width:40px;font-size:12px}.tp-course-copy{padding:22px 6px}.tp-course-copy>span{color:var(--tc-orange);font-size:12px;font-weight:800}.tp-course-copy h2{margin:7px 0;font-size:clamp(22px,4vw,34px)}.tp-course-caption{font-weight:700;font-size:15px}.tp-course-description{white-space:pre-line;color:var(--tc-muted);line-height:2;font-size:14px}
.tp-course-player:fullscreen,.tp-course-player:-webkit-full-screen{width:100vw;height:100vh;max-width:none;aspect-ratio:auto;border:0;border-radius:0;background:#000}.tp-course-player:fullscreen video,.tp-course-player:-webkit-full-screen video{width:100vw;height:100vh;object-fit:contain}.tp-course-player:fullscreen .tp-course-controls,.tp-course-player:-webkit-full-screen .tp-course-controls{bottom:22px;width:min(900px,calc(100% - 30px))}
body.tp-light .tp-courses{--tc-bg:rgba(255,255,255,.8);--tc-card:rgba(255,255,255,.82);--tc-line:rgba(0,0,0,.13);--tc-text:#171717;--tc-muted:#5b6069}body.tp-light .tp-course-shell{box-shadow:none}
@media(max-width:800px){.tp-course-tabs{grid-template-columns:1fr}.tp-course-grid{grid-template-columns:1fr 1fr}.tp-course-shell{padding:12px}.tp-course-speeds{display:none}.tp-course-controls{bottom:8px;padding:9px}.tp-course-left input{width:64px}}
@media(max-width:520px){.tp-courses{padding:0 10px}.tp-course-grid{grid-template-columns:1fr}.tp-course-player{border-radius:15px}.tp-course-controls{width:calc(100% - 14px)}.tp-course-copy{padding:18px 2px}}

/* v1.0.1 — elastic lesson rail + glass controls */
.tp-course-grid{display:flex;direction:rtl;gap:10px;width:100%;height:480px}
.tp-course-card{position:relative;isolation:isolate;flex:1 1 0;min-width:68px;height:100%;padding:0;overflow:hidden;filter:saturate(.55) brightness(.67);transition:flex .68s cubic-bezier(.25,1,.5,1),filter .55s ease,border-color .3s,box-shadow .3s}
.tp-course-card.is-active{flex:4.8 1 0;filter:none;border-color:rgba(255,152,0,.6);box-shadow:0 24px 60px rgba(0,0,0,.42),0 0 34px rgba(255,152,0,.13)}
.tp-course-media,.tp-course-media img,.tp-course-shade{position:absolute;inset:0;width:100%;height:100%}.tp-course-media img{aspect-ratio:auto;object-fit:cover;transition:transform .7s cubic-bezier(.25,1,.5,1)}.tp-course-card.is-active .tp-course-media img{transform:scale(1.035)}
.tp-course-shade{z-index:1;background:linear-gradient(180deg,rgba(4,4,4,.08) 24%,rgba(4,4,4,.4) 58%,rgba(4,4,4,.96) 100%)}
.tp-course-index{position:absolute;z-index:3;top:14px;right:14px;display:grid!important;place-items:center;width:32px;height:32px;margin:0!important;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:rgba(5,5,5,.54);color:#fff!important;font-size:11px!important;font-weight:800;backdrop-filter:blur(8px)}
.tp-course-rail{position:absolute;z-index:2;inset:52px 0 18px;display:flex!important;align-items:center;justify-content:center;margin:0!important;color:#fff!important;font-size:13px!important;font-weight:850;writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap;text-shadow:0 2px 10px #000;transition:opacity .2s}.tp-course-card.is-active .tp-course-rail{opacity:0}
.tp-course-card-body{position:absolute;z-index:2;right:24px;left:24px;bottom:24px;padding:0;opacity:0;transform:translateY(18px);transition:opacity .3s ease .15s,transform .42s cubic-bezier(.22,1,.36,1) .12s}.tp-course-card.is-active .tp-course-card-body{opacity:1;transform:none}.tp-course-card strong,.tp-course-copy h2{color:var(--tc-text)!important}.tp-course-card-body>span{color:#d2d4da!important}.tp-course-card-body em{display:inline-flex;margin-top:13px;padding:8px 14px;border:1px solid rgba(255,255,255,.25);border-radius:999px;background:rgba(8,8,8,.48);color:#fff;font-size:12px;font-style:normal;font-weight:800;backdrop-filter:blur(10px)}
body.tp-light .tp-course-card strong,body.tp-light .tp-course-copy h2{color:#171717!important}
/* Controls are visible only while moving over the player or hovering the controls. */
.tp-course-player:hover .tp-course-controls{opacity:0;transform:translate(-50%,16px);pointer-events:none}.tp-course-player.controls .tp-course-controls,.tp-course-player.controls-hover .tp-course-controls,.tp-course-player:focus-within .tp-course-controls{opacity:1;transform:translate(-50%,0);pointer-events:auto}
.tp-course-controls button,.tp-course-controls a{display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;line-height:0!important;text-align:center!important}.tp-course-controls button svg,.tp-course-controls a svg{display:block!important;margin:auto!important;flex:none!important}
.tp-course-controls input[type=range]{--range-progress:0%;-webkit-appearance:none;appearance:none;height:12px;padding:3px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(255,255,255,.07);box-shadow:inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(10px);outline:none;accent-color:transparent}
.tp-course-controls input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:linear-gradient(90deg,rgba(255,152,0,.95) 0 var(--range-progress),rgba(255,255,255,.13) var(--range-progress) 100%)}.tp-course-controls input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;margin-top:-5px;border:1px solid rgba(255,255,255,.42);border-radius:50%;background:rgba(22,22,24,.88);box-shadow:0 0 0 3px rgba(255,152,0,.16)}
.tp-course-controls input[type=range]::-moz-range-track{height:4px;border-radius:999px;background:rgba(255,255,255,.13)}.tp-course-controls input[type=range]::-moz-range-progress{height:4px;border-radius:999px;background:rgba(255,152,0,.95)}.tp-course-controls input[type=range]::-moz-range-thumb{width:14px;height:14px;border:1px solid rgba(255,255,255,.42);border-radius:50%;background:rgba(22,22,24,.88)}
@media(max-width:800px){.tp-course-grid{height:610px;flex-direction:column}.tp-course-card{min-width:0;min-height:64px}.tp-course-card.is-active{flex:5 1 0;min-height:280px}.tp-course-rail{inset:0 52px 0 16px;justify-content:flex-start;writing-mode:horizontal-tb;transform:none;overflow:hidden;text-overflow:ellipsis}.tp-course-card-body{right:16px;left:16px;bottom:16px}.tp-course-index{top:50%;transform:translateY(-50%)}.tp-course-card.is-active .tp-course-index{top:13px;transform:none}}

/* v1.0.2 — theme contrast and fullscreen control visibility */
.tp-courses-hero h1{color:var(--tc-text)!important}
body:not(.tp-light) .tp-courses-hero h1{color:#fff!important}
body.tp-light .tp-courses-hero h1{color:#151515!important}
.tp-course-player:focus-within .tp-course-controls{opacity:0!important;transform:translate(-50%,16px)!important;pointer-events:none!important}
.tp-course-player.controls .tp-course-controls,.tp-course-player.controls-hover .tp-course-controls{opacity:1!important;transform:translate(-50%,0)!important;pointer-events:auto!important}