@font-face{font-family:Unbounded;src:url('assets/fonts/Unbounded.ttf') format('truetype');font-weight:200 900;font-style:normal;font-display:swap}
/* One coordinated animation system for learning and management screens. */
.motion-enter{opacity:0;transform:translate3d(0,22px,0);transition:opacity .6s ease,transform .65s cubic-bezier(.16,1,.3,1),border-color .25s,box-shadow .3s;transition-delay:var(--enter-delay,0ms)}.motion-enter.motion-visible{opacity:1;transform:translate3d(0,0,0)}
.card{transition:background .3s,border-color .3s,box-shadow .3s}.card:hover{border-color:#536543;box-shadow:0 12px 35px #0002}.card.motion-enter{transition:opacity .6s ease,transform .65s cubic-bezier(.16,1,.3,1),border-color .3s,box-shadow .3s;transition-delay:var(--enter-delay,0ms)}.card-header>svg,.stat-card .row>svg{transition:transform .35s,color .35s}.card:hover .card-header>svg,.stat-card:hover .row>svg{transform:translateY(-3px);color:#ddf6c8}.stat-card strong,.ring-inner b,.dashboard-progress h3{font-variant-numeric:tabular-nums}.stat-card strong{font-size:38px;font-weight:650;letter-spacing:-1px}.stat-card>.row{font-size:13px}.stat-card>p{font-size:11px}.dashboard-hero h2{font-size:40px;line-height:1.13;max-width:520px}.dashboard-hero>p{font-size:14px}.dashboard-hero .eyebrow{font-size:11px}.dashboard-hero .btn{min-height:52px;font-size:14px}.card-header h3{font-size:19px}.dashboard-progress h3{font-size:23px}.dashboard-progress p{font-size:13px}.dashboard-progress .accent{font-size:15px!important}.ring{width:143px;height:143px;position:relative}.ring-inner{width:123px;height:123px}.ring b{font-size:35px}.ring small{font-size:10px}.progress{height:6px}.progress>span{transform-origin:left center;will-change:transform;transition:transform 1.3s cubic-bezier(.16,1,.3,1)!important}.ring{will-change:background}.progress[data-motion-done]>span{will-change:auto}.ring[data-motion-done]{will-change:auto}.list-item{transition:background .25s,transform .25s,border-color .25s}.list-item:hover{transform:translateX(4px)}.text-link svg,.btn svg{transition:transform .25s}.text-link:hover svg,.btn:hover svg{transform:translateX(3px)}.homework-card .task-num{transition:transform .3s,background .3s}.homework-card:hover .task-num{transform:rotate(-5deg);background:#323d28}.achieve-card .achieve-icon{transition:transform .4s}.achieve-card:hover .achieve-icon{transform:rotate(4deg) translateY(-4px)}
.sidebar{overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#414f35 transparent}.sidebar>.brand,.sidebar>a:first-child,.sidebar nav,.side-user,.demo-label{flex-shrink:0}.sidebar .sidebar-promo{flex-shrink:0;min-height:140px;margin-bottom:19px}.sidebar-spacer{min-height:22px}.nav-link{font-size:15px;padding:14px 15px;line-height:1.4;position:relative;transition:background .28s,color .28s,transform .28s,box-shadow .28s;animation:menu-arrive .45s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--nav-order,0)*45ms)}.nav-link>svg{width:23px;height:23px;transition:transform .3s,color .3s}.nav-link:hover{transform:translateX(5px);color:#fff;background:#2a3322}.nav-link:hover>svg{transform:rotate(-7deg) scale(1.08);color:#d6f4bc}.nav-link.active{box-shadow:0 6px 20px #63795024}.nav-link.active>svg{color:white}.nav-link.active:after{box-shadow:0 0 12px #dff6ca;animation:active-mark .4s ease both}.side-user .icon-btn:hover>svg{transform:translateX(3px)}@keyframes menu-arrive{from{opacity:0;transform:translateX(-15px)}to{opacity:1;transform:translateX(0)}}@keyframes active-mark{from{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}
/* Course hierarchy and proportions follow the supplied learning-platform reference. */
.course-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin:0 0 34px}.course-heading h1{font-family:Cakra,'Golos Text',sans-serif;font-size:60px;font-weight:400;line-height:1;letter-spacing:-.025em;text-transform:uppercase}.course-heading>div>p{font-size:17px;margin-top:14px}.course-overall{width:30%;min-width:230px;max-width:400px;padding-bottom:4px}.course-overall .row{margin-bottom:15px;font-size:12px;font-weight:650;letter-spacing:.8px;color:var(--muted)}.course-overall b{color:var(--text);font-size:18px;letter-spacing:-.5px}.course-overall .progress{height:9px}.course-view .module-list{gap:18px}.course-view .module{border-radius:23px;transition:border-color .3s,background .3s,box-shadow .3s;overflow:hidden}.course-view .module:hover{border-color:#596d48;background:#1e2419}.course-view .module>summary{padding:26px 28px;gap:22px;min-height:116px}.course-view .mod-number{width:62px;height:62px;min-width:62px;display:grid;place-items:center;border-radius:20px;background:#ece9eb;color:#151a11;font-size:26px;font-weight:750}.course-view .mod-number svg{width:28px;height:28px;stroke-width:2.1}.course-view .module-complete .mod-number{background:#a5e76c;color:white}.course-view .module-title{min-width:0}.course-view summary h3{font-family:Cakra,'Golos Text',sans-serif;font-size:26px;font-weight:400;line-height:1.05;letter-spacing:-.025em;text-transform:uppercase}.course-view summary p{font-size:16px;line-height:1.5;margin-top:10px}.course-view .module-right{font-size:14px;gap:18px;align-items:center}.course-view .module-right .progress{display:block;width:140px;height:6px}.course-view .module-right>span{font-weight:650;min-width:30px}.course-view .module summary .chevron{width:20px;height:20px;transition:transform .4s}.course-view .lesson-row{padding:23px 29px;gap:20px;min-height:100px;transition:background .25s,color .25s}.course-view .lesson-row>div{min-width:0}.course-view .lesson-row h4{font-size:19px;font-weight:650;line-height:1.4;margin-bottom:8px}.course-view .lesson-row small{font-size:14px;line-height:1.5;gap:10px;flex-wrap:wrap}.course-view .lesson-row small svg{width:18px;height:18px}.course-view .lesson-icon{height:42px;width:42px;min-width:42px}.course-view .lesson-icon svg{width:18px;height:18px}.course-view .lesson-row.done .lesson-icon{background:#99de5d;color:#fff}.course-view .lesson-row>svg{width:20px;height:20px;transition:transform .3s,color .3s}.course-view .lesson-row:hover{background:#293222}.course-view .lesson-row:hover>svg{transform:translateX(7px);color:#def6c9}.course-view .module[open] .lesson-row{animation:lesson-unfold .4s cubic-bezier(.16,1,.3,1) both}.course-view .module[open] .lesson-row:nth-of-type(2){animation-delay:50ms}.course-view .module[open] .lesson-row:nth-of-type(3){animation-delay:100ms}.module>summary:hover{background:#2e382640}.module .mod-number{transition:background .3s,transform .3s}.module>summary:hover .mod-number{transform:rotate(-4deg)}@keyframes lesson-unfold{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1250px){.course-view summary h3{font-size:23px}.course-view summary p{font-size:15px}.course-view .module>summary{padding:25px 23px;gap:19px}.course-view .module-right .progress{width:95px}.course-view .module-right{gap:13px}.course-view .mod-number{width:56px;height:56px;min-width:56px;border-radius:17px}.course-view .lesson-row h4{font-size:18px}.dashboard-hero h2{font-size:35px}.ring{width:132px;height:132px}.ring-inner{width:114px;height:114px}}
@media(max-width:980px){.course-heading{align-items:flex-start;gap:23px;flex-direction:column}.course-overall{width:100%;max-width:none;min-width:0}.course-heading h1{font-size:54px}.course-view .module-right .progress{width:70px}.course-view summary h3{font-size:21px}.course-view summary p{font-size:14px}.course-view .mod-number{width:48px;height:48px;min-width:48px;border-radius:15px;font-size:23px}.course-view .module>summary{gap:16px;padding:22px;min-height:108px}.nav-link{font-size:14px}.stat-card strong{font-size:34px}}
@media(max-width:760px){.dashboard-hero h2{font-size:33px}.course-heading h1{font-size:54px}.course-heading>div>p{font-size:15px}.course-view .module-list{gap:14px}.course-view .module>summary{padding:22px 18px;gap:15px;min-height:104px}.course-view summary h3{font-size:22px}.course-view summary p{font-size:14px;margin-top:9px}.course-view .module-right{gap:12px;font-size:12px}.course-view .module-right .progress{display:none}.course-view .mod-number{width:49px;height:49px;min-width:49px;font-size:22px}.course-view .lesson-row{padding:21px 19px;gap:15px;min-height:100px}.course-view .lesson-row h4{font-size:18px}.course-view .lesson-row small{font-size:13px;gap:7px}.course-view .lesson-icon{width:37px;height:37px;min-width:37px}.course-view .module{border-radius:18px}.course-view .module>summary .chevron{width:18px}.card-header h3{font-size:18px}.stat-card>.row{font-size:12px}.stat-card strong{font-size:33px}.nav-link{font-size:15px}.sidebar .sidebar-promo{min-height:145px}.sidebar.open .nav-link{animation-name:menu-arrive}}
@media(max-width:480px){.course-view .module>summary{padding:20px 15px;gap:12px}.course-view .mod-number{width:42px;height:46px;min-width:42px;border-radius:13px;font-size:21px}.course-view summary h3{font-size:19px;line-height:1.12}.course-view summary p{font-size:13px;line-height:1.5}.course-view .module-right{gap:8px;font-size:11px}.course-view .module-right>span{min-width:23px}.course-view .lesson-row h4{font-size:16px}.course-view .lesson-row small{font-size:12px}.course-view .lesson-row{gap:12px;padding:19px 16px}.course-view .lesson-icon{width:33px;height:33px;min-width:33px}.course-heading h1{font-size:49px}.dashboard-progress{gap:18px}.dashboard-hero h2{font-size:30px}.dashboard-hero .btn{font-size:12px}.dashboard-progress h3{font-size:21px}.ring{width:125px;height:125px}.ring-inner{width:107px;height:107px}.ring b{font-size:32px}}
.nav-link{animation-fill-mode:backwards}.skill-card.motion-visible:hover,.skill-card.motion-visible:focus-visible{transform:translateY(-8px)}
.page-header h1,.course-heading h1,.course-view summary h3,.dashboard-hero h2{font-family:Unbounded,'Golos Text',sans-serif;font-weight:700;letter-spacing:-.04em}.course-heading h1{font-size:54px;line-height:1.15}.course-view summary h3{font-size:23px;line-height:1.35}.stat-card strong,.ring b{font-family:Unbounded,'Golos Text',sans-serif;font-weight:600;letter-spacing:-.06em}.course-view .mod-number{color:#1e2518}.course-view .module-complete .mod-number{color:white}.page-header h1{font-size:35px;line-height:1.3}.dashboard-hero h2{font-size:32px;line-height:1.35}
@media(max-width:1250px){.course-view summary h3{font-size:20px}.dashboard-hero h2{font-size:29px}.page-header h1{font-size:31px}}
@media(max-width:760px){.course-heading h1{font-size:43px}.course-view summary h3{font-size:18px}.page-header h1{font-size:25px}.dashboard-hero h2{font-size:25px}.ring b{font-size:29px}.stat-card strong{font-size:29px}}
@media(max-width:480px){.course-view summary h3{font-size:15px;line-height:1.4}.course-heading h1{font-size:39px}.page-header h1{font-size:23px}.dashboard-hero h2{font-size:23px}}
.course-view .module summary .mod-number{color:#1e2518}.course-view .module-complete summary .mod-number{color:white}
@media(hover:none){.skill-card.motion-visible:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.motion-enter{opacity:1;transform:none;transition:none!important}.nav-link,.course-view .module[open] .lesson-row,.nav-link.active:after{animation:none}.nav-link:hover,.module>summary:hover .mod-number,.list-item:hover,.achieve-card:hover .achieve-icon,.skill-card.motion-visible:hover,.skill-card.motion-visible:focus-visible{transform:none}.progress>span{transition:none!important;will-change:auto}.ring{will-change:auto}}
