.learn-page{color:#162033;background:#f4f6f8;min-height:calc(100vh - 72px);padding:2rem clamp(1rem,4vw,4rem) 4rem}.learn-heading{justify-content:space-between;align-items:flex-end;gap:2rem;max-width:1500px;margin:0 auto 1.5rem;display:flex}.learn-heading a{color:#d97706;margin-bottom:1.1rem;font-size:.85rem;font-weight:800;text-decoration:none;display:inline-block}.learn-heading>div>span{color:#7c8799;letter-spacing:.14em;text-transform:uppercase;margin-bottom:.4rem;font-size:.75rem;font-weight:900;display:block}.learn-heading h1{max-width:850px;margin:0;font-size:clamp(1.7rem,3vw,2.8rem);line-height:1.1}.learn-heading p{color:#667085;margin:.7rem 0 0}.learn-progress{background:#fff;border:1px solid #e2e6eb;border-radius:1rem;min-width:150px;padding:1rem 1.25rem;box-shadow:0 10px 25px #0f172a0d}.learn-progress strong{font-size:1.6rem;display:block}.learn-progress span{font-size:.8rem}.learn-layout{grid-template-columns:minmax(0,1fr) 380px;align-items:start;gap:1.5rem;max-width:1500px;margin:auto;display:grid}.learn-content,.learn-curriculum{background:#fff;border:1px solid #e2e6eb;border-radius:1.25rem;overflow:hidden;box-shadow:0 18px 45px #0f172a12}.learn-player{background:#0b1019;padding:1rem}.learn-player .course-video-player,.learn-player .course-video-state{border-radius:.75rem}.learn-lesson-info{grid-template-columns:1fr auto;gap:.75rem 1.5rem;padding:1.5rem 1.75rem;display:grid}.learn-lesson-info span{color:#d97706;letter-spacing:.1em;text-transform:uppercase;font-size:.75rem;font-weight:900}.learn-lesson-info h2{margin:.35rem 0 0;font-size:1.45rem}.learn-lesson-info>small{color:#b45309;background:#fff5e5;border-radius:2rem;align-self:center;padding:.4rem .7rem;font-weight:800}.learn-lesson-info p{color:#667085;grid-column:1/-1;margin:.5rem 0 0;line-height:1.8}.learn-curriculum{max-height:calc(100vh - 110px);position:sticky;top:88px;overflow-y:auto}.learn-curriculum-head{border-bottom:1px solid #e8ebef;justify-content:space-between;align-items:center;padding:1.25rem 1.35rem;display:flex}.learn-curriculum-head span{font-size:1.05rem;font-weight:900}.learn-curriculum-head b{color:#7c8799;font-size:.75rem}.learn-curriculum details{border-bottom:1px solid #edf0f3}.learn-curriculum summary{cursor:pointer;grid-template-columns:34px 1fr auto;align-items:center;gap:.7rem;padding:1rem 1.2rem;list-style:none;display:grid}.learn-curriculum summary::-webkit-details-marker{display:none}.learn-curriculum summary>span{color:#b45309;background:#fff2dc;border-radius:.55rem;place-items:center;width:30px;height:30px;font-size:.7rem;font-weight:900;display:grid}.learn-curriculum summary>b{font-size:.9rem}.learn-curriculum summary>small{color:#98a2b3}.learn-lessons{padding:0 .65rem .75rem}.learn-lessons button{text-align:start;cursor:pointer;background:0 0;border:0;border-radius:.75rem;grid-template-columns:34px 1fr;align-items:center;gap:.7rem;width:100%;padding:.75rem;display:grid}.learn-lessons button:hover{background:#f7f8fa}.learn-lessons button.active{background:#fff5e6}.learn-lessons i{color:#667085;background:#edf0f3;border-radius:50%;place-items:center;width:30px;height:30px;font-size:.65rem;font-style:normal;font-weight:900;display:grid}.learn-lessons button.active i{color:#fff;background:#f59e0b}.learn-lessons span{min-width:0}.learn-lessons b{text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;display:block;overflow:hidden}.learn-lessons small{color:#98a2b3;margin-top:.2rem;font-size:.7rem;display:block}.learn-lessons p{color:#98a2b3;padding:.75rem;font-size:.8rem}.learn-empty{text-align:center;padding:5rem 2rem}.learn-empty strong{font-size:1.2rem;display:block}.learn-empty p{color:#7c8799;margin:.6rem 0}.learn-empty.compact{color:#7c8799;padding:2rem;font-size:.85rem}@media (width<=980px){.learn-layout{grid-template-columns:1fr}.learn-curriculum{max-height:none;position:static}.learn-heading{align-items:flex-start}.learn-progress{display:none}}@media (width<=640px){.learn-page{padding:1rem .75rem 3rem}.learn-heading{margin-bottom:1rem}.learn-content,.learn-curriculum{border-radius:.85rem}.learn-player{padding:.5rem}.learn-lesson-info{grid-template-columns:1fr;padding:1.1rem}.learn-lesson-info>small{justify-self:start}.learn-lesson-info h2{font-size:1.15rem}}.learn-lessons button{grid-template-columns:34px minmax(0,1fr) auto}.learn-lessons button>em{color:#b45309;direction:ltr;font-size:.7rem;font-style:normal;font-weight:800}[dir=rtl] .learn-heading,[dir=rtl] .learn-lesson-info,[dir=rtl] .learn-curriculum{text-align:right}[dir=rtl] .course-video-playback-error{text-align:center;direction:rtl}