:root{--navy:#121827;--ink:#151928;--muted:#737887;--paper:#f7f8f5;--card:#fff;--lime:#d9f56c;--green:#147669;--line:#e8e9e5;--shadow:0 14px 32px rgba(18,24,39,.08)}*{box-sizing:border-box}body{min-width:320px;margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif}button,input,select{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}.dash-header{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 4.5vw;background:var(--navy);color:#fff}.dash-logo{display:flex;align-items:center;gap:9px;min-width:0}.dash-mark{display:grid;width:38px;height:38px;place-items:center;border:3px solid #2fd1bd;border-top-color:#2895db;border-radius:8px;font-size:1.1rem;font-weight:900;font-style:italic;transform:skew(-7deg)}.dash-logo>span:last-child{display:grid;line-height:1}.dash-logo b{font-size:1.1rem;letter-spacing:.02em}.dash-logo small{max-width:200px;margin-top:4px;color:#b9c0cb;font-size:.52rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.dash-links{display:flex;gap:42px;margin-left:auto}.dash-links a{color:#c3c9d0;font-size:.92rem;font-weight:700}.dash-links a:hover{color:var(--lime)}.profile-actions{display:flex;align-items:center;gap:14px}.avatar-button{width:42px;height:42px;padding:0;border:2px solid rgba(255,255,255,.5);border-radius:50%;color:#fff;background:linear-gradient(135deg,#177b6d,#c5ed74);font-size:.7rem;font-weight:800}.drawer-toggle,.drawer-close{display:none;border:0;color:#fff;background:transparent}.dash-shell{display:grid;grid-template-columns:330px minmax(0,1fr);min-height:calc(100vh - 76px);padding:18px;gap:26px}.dash-sidebar{position:sticky;top:18px;display:flex;height:calc(100vh - 112px);flex-direction:column;padding:20px 15px 15px;border-radius:24px;background:#1d1d32;color:#d9dce7}.side-nav{display:grid;gap:5px;overflow:auto;padding:0 3px}.side-nav a{display:flex;min-height:48px;align-items:center;gap:15px;padding:0 15px;border-radius:15px;color:#b8becb;font-size:.93rem;font-weight:800}.side-nav a svg,.logout-link svg{width:19px;height:19px}.side-nav a.active,.side-nav a:hover{color:var(--ink);background:#fff}.side-nav a.active svg{padding:5px;box-sizing:content-box;border-radius:10px;background:var(--lime)}.freelancer-card{position:relative;overflow:hidden;margin:18px 0 13px;padding:22px 20px 20px;border-radius:18px;background:var(--lime);color:var(--ink)}.freelancer-card h2{max-width:170px;margin:54px 0 5px;font-size:1.2rem;line-height:1.1}.freelancer-card p{max-width:190px;margin:0 0 15px;font-size:.78rem;line-height:1.45}.mini-orbit{position:absolute;right:16px;top:16px;width:94px;height:94px;border:3px solid rgba(20,118,105,.18);border-radius:50%}.mini-orbit span,.mini-orbit i,.mini-orbit b{position:absolute;display:block;border-radius:50%;background:#fff}.mini-orbit span{width:34px;height:34px;top:11px;left:26px}.mini-orbit i{width:18px;height:18px;bottom:14px;left:17px}.mini-orbit b{width:22px;height:22px;right:10px;bottom:20px}.light-button,.dark-button{min-height:42px;padding:0 18px;border:0;border-radius:10px;font-size:.78rem;font-weight:800}.light-button{width:100%;color:var(--ink);background:#fff}.logout-link{display:flex;min-height:48px;align-items:center;gap:14px;padding:0 15px;border-radius:15px;background:#fff;color:var(--ink);font-size:.88rem;font-weight:800}.sidebar-mobile-head{display:none}.dash-main{min-width:0;padding:8px 4vw 30px 0}.welcome-row{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:5px 0 34px}.welcome-row h1{margin:0;font-size:clamp(1.9rem,3.1vw,3.1rem);line-height:1.1;letter-spacing:0}.welcome-row h1 span:not(.wave){font-weight:900}.welcome-row p{margin:9px 0 0;color:var(--muted);font-size:.95rem}.wave{display:inline-block;transform-origin:75% 75%;animation:wave 4s ease-in-out infinite}@keyframes wave{0%,20%,100%{transform:rotate(0)}3%,9%,15%{transform:rotate(15deg)}6%,12%,18%{transform:rotate(-11deg)}}.discover-controls{display:flex;gap:12px}.search-box,.language-select{display:flex;align-items:center;gap:8px;height:48px;padding:0 14px;border:1px solid #e6e9df;border-radius:14px;background:#fff}.search-box{width:230px}.search-box svg,.language-select svg{width:18px;color:#596173}.search-box input{width:100%;border:0;outline:0;background:transparent;font-size:.86rem}.language-select{order:-1;background:var(--lime);border-color:#a2bd44}.language-select select{min-width:125px;border:0;outline:0;background:transparent;font-size:.8rem}.dashboard-grid{display:grid;gap:26px}.top-grid{grid-template-columns:minmax(0,1fr) 360px}.middle-grid{grid-template-columns:minmax(0,1fr) 360px;margin-top:26px}.content-block,.focus-block,.spark-block,.trend-card,.motivation-card{background:var(--card);box-shadow:var(--shadow)}.content-block,.focus-block,.spark-block{border-radius:21px;padding:28px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:14px}.section-title h2,.focus-block h2,.spark-block h2{margin:0;font-size:1.55rem;letter-spacing:0}.section-title h2 span{color:#8a9099}.text-link{border:0;border-bottom:1px solid currentColor;padding:0;color:#1b6170;background:transparent;font-size:.8rem}.package-rail,.trending-rail{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:23px 1px 5px;scrollbar-width:none}.package-rail::-webkit-scrollbar,.trending-rail::-webkit-scrollbar{display:none}.mini-course{position:relative;display:grid;min-width:190px;flex:1;scroll-snap-align:start;gap:10px}.mini-course h3{margin:0;font-size:.88rem}.mini-course p{margin:4px 0 0;color:var(--muted);font-size:.7rem}.course-art,.trend-art{position:relative;overflow:hidden;display:flex;align-items:flex-end;min-height:144px;padding:14px;border-radius:15px;color:#fff}.course-art::before,.trend-art::before{position:absolute;width:110px;height:110px;border:1px solid rgba(255,255,255,.45);border-radius:50%;content:"";right:-34px;top:-28px}.course-art span,.trend-art span{position:absolute;top:12px;right:14px;color:rgba(255,255,255,.86);font-size:.75rem;font-weight:900}.course-art b,.trend-art b{position:relative;font-size:1.45rem;line-height:.92}.art-ai{background:#263e55}.art-social{background:#836653}.art-brand{background:#457f78}.art-career{background:#4d9b7e}.art-store{background:#204962}.art-video{background:#7452a4}.art-freelance{background:#c27945}.heart-button{position:absolute;z-index:1;top:9px;right:9px;display:grid;width:35px;height:35px;place-items:center;border:0;border-radius:50%;color:#fff;background:rgba(17,25,35,.3);backdrop-filter:blur(8px)}.heart-button svg{width:17px}.heart-button.is-favourite{color:#f24f70;background:#fff}.focus-block{padding:28px}.focus-block p{margin:5px 0 22px;color:var(--muted);font-family:Georgia,serif;font-style:italic}.focus-chart{display:flex;align-items:end;justify-content:space-between;gap:10px;height:182px;padding:14px 8px 0;border-radius:14px;background:#fafbf9}.focus-chart div{display:grid;flex:1;align-items:end;gap:9px;text-align:center}.focus-chart i{display:block;width:100%;max-width:31px;margin:auto;border-radius:6px;background:#3d4050}.focus-chart .highlight i{background:var(--lime);box-shadow:0 8px 15px rgba(186,215,84,.35)}.focus-chart span{font-size:.68rem;font-weight:700}.watch-list{display:grid;margin-top:21px}.watch-item{display:grid;grid-template-columns:80px minmax(0,1fr) auto 82px;align-items:center;gap:15px;padding:12px 0;border-top:1px solid var(--line)}.watch-thumb{height:54px;border-radius:9px}.watch-thumb span{font-size:.65rem}.watch-copy h3{margin:0;font-size:.93rem}.watch-copy p{margin:4px 0 0;color:var(--muted);font-size:.7rem}.progress-label{font-family:Georgia,serif;font-style:italic;font-size:.78rem}.play-button{display:grid;width:72px;height:38px;place-items:center;border:0;border-radius:11px;color:var(--lime);background:#202036}.play-button svg{width:18px;fill:currentColor}.spark-block{background:#fff}.spark-block blockquote{position:relative;min-height:143px;margin:18px 0 12px;padding:22px;border-radius:17px;color:#fff;background:#202036;font-family:Georgia,serif;font-size:1.1rem;font-style:italic;line-height:1.4}.spark-block blockquote::after{position:absolute;right:18px;bottom:-11px;width:24px;height:24px;border-radius:0 0 17px 0;background:#202036;content:"";transform:skewY(30deg)}.spark-block p{color:var(--muted);font-size:.75rem;line-height:1.5}.trending-section{margin-top:29px}.trending-rail{padding-top:18px}.trend-card{position:relative;display:flex;min-width:245px;flex:1 1 0;flex-direction:column;padding:11px;border:1px solid #e1e4e0;border-radius:18px;scroll-snap-align:start;box-shadow:none}.trend-art{min-height:150px;border-radius:12px}.trend-card>h3{margin:14px 0 4px;font-size:1rem}.duration{display:flex;align-items:center;gap:4px;color:#222; font-size:.7rem}.duration svg,.card-footer svg{width:14px}.trend-card>p{min-height:54px;margin:15px 0;color:#515865;font-size:.75rem;line-height:1.5}.card-footer{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-top:auto}.card-footer span{display:flex;align-items:center;gap:5px;max-width:135px;padding:8px;border-radius:999px;background:#f7f8f5;font-size:.65rem;line-height:1.3}.card-footer button{min-width:70px;height:33px;border:0;border-radius:10px;color:#fff;background:#202036;font-size:.7rem;font-weight:800}.motivation-card{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:270px;margin-top:35px;padding:34px 48px;border-radius:22px;overflow:hidden}.motivation-card p{margin:0;color:var(--green);font-size:.8rem;font-weight:800;text-transform:uppercase}.motivation-card h2{margin:9px 0 20px;font-size:clamp(2rem,4.2vw,4.3rem);line-height:.94;letter-spacing:0}.motivation-card h2 span{color:var(--green)}.dark-button{display:inline-flex;align-items:center;gap:8px;color:#fff;background:var(--navy)}.dark-button svg{width:15px}.growth-illustration{position:relative;width:min(360px,40%);height:200px;flex:0 0 auto;border:1px solid #dce6d3;border-radius:20px;background:#f2f7ee}.growth-line{position:absolute;left:12%;right:12%;bottom:35%;height:3px;background:var(--green);transform:rotate(-25deg);transform-origin:left}.growth-line::after{position:absolute;right:-3px;top:-5px;border-bottom:7px solid transparent;border-left:12px solid var(--green);border-top:7px solid transparent;content:""}.growth-dot{position:absolute;width:24px;height:24px;border:5px solid #fff;border-radius:50%;background:var(--lime);box-shadow:0 4px 12px rgba(0,0,0,.12)}.dot-one{left:18%;bottom:27%}.dot-two{left:46%;bottom:43%}.dot-three{right:15%;bottom:62%}.growth-card{position:absolute;right:10%;top:23px;padding:14px;border-radius:12px;color:#fff;background:#1d5350;font-size:.9rem;font-weight:900}.growth-card small{display:block;margin-top:4px;color:#c8e7d4;font-size:.6rem;font-weight:600}.drawer-scrim{display:none}.profile-modal{width:min(500px,calc(100% - 32px));max-height:calc(100vh - 30px);padding:34px;border:0;border-radius:28px;color:var(--ink);box-shadow:0 28px 80px rgba(0,0,0,.28)}.profile-modal::backdrop{background:rgba(10,13,24,.7)}.profile-modal form{display:grid;justify-items:center;text-align:center}.modal-close{position:absolute;right:18px;top:18px;display:grid;width:35px;height:35px;place-items:center;border:0;border-radius:50%;background:#f2f3ef}.modal-close svg{width:18px}.profile-photo{position:relative;display:grid;width:90px;height:90px;place-items:center;margin:5px 0 14px;border-radius:50%;border:3px solid var(--lime);background:linear-gradient(140deg,#135c57,#a5d950);color:#fff;font-size:1.4rem;font-weight:900}.profile-photo button{position:absolute;right:-4px;bottom:1px;display:grid;width:29px;height:29px;place-items:center;border:2px solid #fff;border-radius:50%;background:var(--navy);color:#fff}.profile-photo svg{width:14px}.profile-modal h2{margin:0;font-size:1.5rem}.profile-modal p{margin:5px 0;color:#596170;font-size:.86rem}.profile-referred{margin-top:14px!important}.invoice-link{display:flex;align-items:center;gap:6px;margin:7px 0 16px;padding:0;border:0;color:#126a87;background:transparent;font-weight:700}.invoice-link svg{width:15px}.profile-package{display:grid;width:100%;justify-items:center;gap:9px;padding:10px 20px 16px;border-radius:15px;background:#f3f7ee}.profile-package img{height:120px;object-fit:contain}.profile-package strong{width:100%;padding:12px;border-radius:9px;color:#fff;background:#202036;font-size:.85rem}.change-password,.upgrade-package{width:100%;min-height:46px;margin-top:12px;border:0;border-radius:9px;font-weight:800}.change-password{background:var(--lime)}.upgrade-package{color:#fff;background:var(--green)}.toast{position:fixed;z-index:8;left:50%;bottom:24px;max-width:calc(100% - 32px);padding:12px 17px;border-radius:10px;color:#fff;background:#202036;font-size:.82rem;font-weight:700;opacity:0;transform:translate(-50%,15px);transition:.2s;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1100px){.dash-shell{grid-template-columns:260px minmax(0,1fr)}.dash-main{padding-right:1vw}.top-grid,.middle-grid{grid-template-columns:minmax(0,1fr) 285px}.dash-sidebar{padding:16px 12px}.side-nav a{padding:0 11px}.freelancer-card{padding:17px}.freelancer-card h2{font-size:1.05rem}.watch-item{grid-template-columns:65px minmax(0,1fr) auto 60px}.play-button{width:55px}.discover-controls{flex-wrap:wrap;justify-content:flex-end}.language-select{order:0}.motivation-card{padding:34px}.growth-illustration{width:300px}}
@media(max-width:760px){body.drawer-open{overflow:hidden}.dash-header{position:sticky;top:0;z-index:12;height:72px;padding:0 22px}.dash-logo b{font-size:1rem}.dash-logo small{max-width:140px;font-size:.42rem}.dash-links{display:none}.drawer-toggle{display:grid;place-items:center;width:38px;height:38px}.drawer-toggle svg{width:27px;height:27px}.dash-shell{display:block;min-height:calc(100vh - 72px);padding:0}.dash-sidebar{position:fixed;z-index:14;top:0;bottom:0;left:0;width:min(84vw,335px);height:100vh;padding:18px 15px 16px;border-radius:0 22px 22px 0;transform:translateX(-105%);transition:transform .25s ease}.drawer-open .dash-sidebar{transform:translateX(0)}.drawer-scrim{position:fixed;z-index:13;inset:0;background:rgba(7,10,18,.64);opacity:0;visibility:hidden;transition:.25s}.drawer-open .drawer-scrim{display:block;opacity:1;visibility:visible}.sidebar-mobile-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding:0 8px}.drawer-close{display:grid;place-items:center;width:36px;height:36px}.side-nav{gap:8px}.side-nav a{min-height:49px;font-size:.94rem}.freelancer-card{margin-top:auto}.dash-main{padding:27px 16px 28px}.welcome-row{display:block;padding:0 8px 25px}.welcome-row h1{font-size:2rem}.welcome-row p{font-size:.88rem}.discover-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;margin-top:24px}.search-box{grid-column:1/-1;order:-2;width:auto}.language-select{justify-self:start}.top-grid,.middle-grid{grid-template-columns:1fr;gap:20px}.middle-grid{margin-top:20px}.content-block,.focus-block,.spark-block{padding:20px;border-radius:18px}.section-title h2,.focus-block h2,.spark-block h2{font-size:1.22rem}.package-block{padding-right:0}.package-block .section-title{padding-right:20px}.package-rail{padding:17px 20px 4px 0}.mini-course{min-width:174px}.focus-block{order:2}.focus-chart{height:192px;padding:14px}.watching-block{padding-right:0}.watching-block .section-title{padding-right:20px}.watch-list{padding-right:20px}.watch-item{grid-template-columns:75px minmax(0,1fr) 55px;gap:10px}.watch-item .progress-label{grid-column:3;grid-row:1}.watch-item .play-button{grid-column:3;grid-row:2;justify-self:end;width:50px;height:32px}.watch-thumb{height:54px}.spark-block blockquote{min-height:128px;font-size:1rem}.trending-section{margin-top:25px}.trending-rail{margin-right:-16px;padding-right:16px}.trend-card{min-width:280px}.motivation-card{min-height:235px;margin-top:27px;padding:27px 24px}.motivation-card h2{font-size:2.45rem}.growth-illustration{width:145px;height:165px}.growth-card{right:8px;top:15px;font-size:.7rem}.growth-line{bottom:30%}.profile-modal{padding:28px 22px}.profile-package img{height:106px}}
@media(max-width:390px){.dash-header{padding:0 17px}.dash-logo small{display:none}.dash-main{padding-left:12px;padding-right:12px}.welcome-row{padding-left:3px;padding-right:3px}.discover-controls{gap:9px}.search-box{height:45px}.language-select{height:43px}.content-block,.focus-block,.spark-block{padding:17px}.trend-card{min-width:262px}.motivation-card{padding:24px 18px}.motivation-card h2{font-size:2.1rem}.growth-illustration{width:125px;height:148px}.growth-dot{width:18px;height:18px;border-width:3px}}
.focus-chart div{height:100%;grid-template-rows:1fr auto}.focus-chart i{align-self:end}.dashboard-grid>*{min-width:0}.dashboard-auth-pending .dash-header,.dashboard-auth-pending .dash-shell{visibility:hidden}

/* Student profile system */
.avatar-button{overflow:hidden}.avatar-button img{width:100%;height:100%;object-fit:cover}.profile-modal{overflow-y:auto}.profile-modal [hidden],.upgrade-modal [hidden]{display:none!important}.profile-photo{overflow:visible}.profile-photo>img{width:100%;height:100%;border-radius:50%;object-fit:cover}.profile-photo>button:disabled{cursor:wait;opacity:.65}.profile-detail-row{display:grid;width:100%;max-width:420px;grid-template-columns:62px minmax(0,1fr) 32px;align-items:center;gap:9px;margin-top:9px;padding:10px 11px;border:1px solid #e3e7df;border-radius:10px;background:#fafbf8;text-align:left}.profile-detail-row>span{color:#737887;font-size:.72rem;font-weight:700;text-transform:uppercase}.profile-detail-row>strong{min-width:0;overflow-wrap:anywhere;color:#252b39;font-size:.84rem;font-weight:600}.profile-detail-row>button{display:grid;width:32px;height:32px;place-items:center;border:0;border-radius:8px;color:#126a62;background:#e7f4ed}.profile-detail-row>button svg{width:14px}.profile-editor{width:100%;max-width:420px;margin-top:8px;padding:12px;border:1px solid #dce5d7;border-radius:10px;background:#f3f7ee;text-align:left}.profile-editor label{display:block;margin-bottom:7px;color:#384151;font-size:.75rem;font-weight:700}.profile-editor input{width:100%;height:42px;padding:0 12px;border:1px solid #cfd8ca;border-radius:8px;outline:0;background:#fff}.profile-editor input:focus{border-color:#147669;box-shadow:0 0 0 3px rgba(20,118,105,.12)}.profile-editor>div{display:flex;justify-content:flex-end;gap:8px;margin-top:9px}.profile-editor button{min-height:36px;padding:0 13px;border-radius:8px;font-size:.75rem;font-weight:800}.editor-cancel{border:1px solid #ccd3ca;color:#4b5360;background:#fff}.editor-save{border:1px solid #147669;color:#fff;background:#147669}.profile-message{width:100%;min-height:18px;margin:9px 0 0!important;color:#4f5968!important;font-size:.75rem!important;line-height:1.4}.profile-message.success{color:#08705c!important}.profile-message.error{color:#b3261e!important}.profile-message.loading{color:#126a87!important}.invoice-link{margin-top:3px}.profile-package{margin-top:2px}.change-password:disabled,.upgrade-package:disabled,.editor-save:disabled{cursor:wait;opacity:.68}.highest-plan-message{width:100%;margin-top:11px!important;padding:12px;border-radius:10px;color:#126a62!important;background:#ecf8e0;font-weight:800}.upgrade-modal{width:min(760px,calc(100% - 32px));max-height:calc(100vh - 30px);overflow-y:auto;padding:28px;border:0;border-radius:22px;color:var(--ink);box-shadow:0 28px 80px rgba(0,0,0,.28)}.upgrade-modal::backdrop{background:rgba(10,13,24,.72)}.upgrade-modal-head{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-right:42px}.upgrade-modal-head>div>span{color:#147669;font-size:.72rem;font-weight:800;text-transform:uppercase}.upgrade-modal h2{margin:4px 0 0;font-size:1.55rem}.upgrade-modal .modal-close{right:0;top:0}.upgrade-options{display:grid;gap:11px;margin-top:20px}.upgrade-option{display:grid;grid-template-columns:82px minmax(0,1fr) auto;align-items:center;gap:16px;padding:13px;border:1px solid #e1e5dd;border-radius:12px;background:#f8faf5}.upgrade-option img{width:72px;height:88px;object-fit:contain}.upgrade-option h3{margin:0;font-size:1rem}.upgrade-option p{margin:5px 0;color:#626a76;font-size:.76rem;line-height:1.4}.upgrade-option span{color:#147669;font-size:.72rem;font-weight:800}.upgrade-option button{min-height:40px;padding:0 16px;border:0;border-radius:9px;color:#fff;background:#147669;font-size:.76rem;font-weight:800}.upgrade-message{min-height:20px;margin:13px 0 0;color:#126a62;font-size:.8rem;font-weight:700;text-align:center}

@media (max-width:600px){.profile-modal{width:calc(100% - 20px);max-height:calc(100vh - 20px);padding:25px 16px;border-radius:22px}.profile-photo{width:82px;height:82px}.profile-modal h2{font-size:1.32rem}.profile-detail-row{grid-template-columns:54px minmax(0,1fr) 32px}.profile-package{padding-inline:12px}.profile-package img{height:100px}.upgrade-modal{width:calc(100% - 20px);max-height:calc(100vh - 20px);padding:23px 16px;border-radius:18px}.upgrade-modal h2{font-size:1.25rem}.upgrade-option{grid-template-columns:64px minmax(0,1fr);gap:12px}.upgrade-option img{width:58px;height:74px}.upgrade-option button{grid-column:1/-1;width:100%}}

/* Firestore-backed My Courses and All Courses listings */
.course-category-filters{display:flex;gap:9px;overflow-x:auto;margin:-10px 0 24px;padding:3px 1px 8px;scrollbar-width:none}.course-category-filters::-webkit-scrollbar{display:none}.course-category-filter{flex:0 0 auto;min-height:38px;padding:0 16px;border:1px solid #202036;border-radius:999px;color:#202036;background:#fff;font-size:.76rem;font-weight:700}.course-category-filter:hover,.course-category-filter.active{border-color:#147669;color:#fff;background:#147669}.course-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;margin-top:18px}.course-card-grid-compact{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));max-height:650px;overflow:auto;padding-right:3px}.course-list-card{position:relative;display:flex;min-width:0;flex-direction:column;padding:11px;border:1px solid #e1e4e0;border-radius:18px;background:#fff;box-shadow:0 8px 20px rgba(18,24,39,.04)}.course-list-art{position:relative;display:flex;min-height:132px;align-items:flex-end;overflow:hidden;padding:13px;border-radius:12px;color:#fff;background:linear-gradient(140deg,#147669,#263e55)}.course-list-art::before{position:absolute;right:-22px;top:-35px;width:138px;height:138px;border:1px solid rgba(255,255,255,.36);border-radius:50%;content:""}.course-list-art>span:not(.course-package-badge):not(.course-lock){position:relative;align-self:flex-start;padding:6px 8px;border-radius:8px;background:rgba(10,20,32,.27);font-size:.65rem;font-weight:800}.course-list-art b{position:relative;max-width:82%;font-size:1.25rem;line-height:1.04}.course-list-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.course-list-art:has(img)::after{position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(10,15,27,.36));content:"";pointer-events:none}.course-package-badge{position:absolute;z-index:2;right:9px;top:9px;padding:5px 7px;border-radius:999px;color:#202036;background:rgba(255,255,255,.88);font-size:.58rem;font-weight:800}.course-category{margin:12px 0 0;color:#147669;font-size:.68rem;font-weight:800;text-transform:uppercase}.course-list-card h3{margin:5px 0 0;font-size:1rem;line-height:1.2}.course-instructor{margin:5px 0 0;color:#656d79;font-size:.72rem}.course-duration{display:flex;align-items:center;gap:4px;margin:7px 0 0;color:#252a39;font-size:.68rem;font-weight:700}.course-duration svg,.course-languages svg{width:14px;height:14px}.course-description{display:-webkit-box;min-height:50px;margin:12px 0;color:#596170;font-size:.74rem;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.course-list-footer{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-top:auto;padding-top:10px}.course-languages{display:flex;min-width:0;align-items:center;gap:5px;overflow:hidden;padding:7px 8px;border-radius:999px;background:#f6f8f3;font-size:.64rem;line-height:1.2;white-space:nowrap;text-overflow:ellipsis}.course-view-button,.course-upgrade-button{min-height:34px;flex:0 0 auto;padding:0 11px;border:0;border-radius:9px;color:#fff;background:#202036;font-size:.68rem;font-weight:800}.course-upgrade-button{background:#147669}.course-progress{display:grid;gap:6px;margin-top:12px;color:#596170;font-size:.67rem;font-weight:800}.course-progress i{display:block;position:relative;height:5px;overflow:hidden;border-radius:999px;background:#e7ece2}.course-progress i::after{display:block;width:var(--course-progress);height:100%;border-radius:inherit;background:#147669;content:""}.course-lock{position:absolute;z-index:3;left:50%;top:50%;display:grid;width:42px;height:42px;place-items:center;border:2px solid #fff;border-radius:50%;color:#fff;background:rgba(20,118,105,.88);box-shadow:0 5px 15px rgba(0,0,0,.16);transform:translate(-50%,-50%)}.course-lock svg{width:18px}.course-list-card.is-locked .course-list-art::after{position:absolute;inset:0;background:rgba(18,24,39,.18);content:""}.course-lock-message{margin:11px 0 0;color:#147669;font-size:.72rem;font-weight:800}.course-empty-state,.course-loading{grid-column:1/-1;margin:0;padding:25px 16px;border:1px dashed #cdd7c8;border-radius:14px;color:#657080;background:#fafcf7;font-size:.82rem;text-align:center}.course-count{color:#727984;font-size:.78rem;font-weight:700}
@media(max-width:760px){.course-category-filters{margin:-6px 0 19px}.course-card-grid{grid-auto-flow:column;grid-auto-columns:minmax(254px,84%);grid-template-columns:none;overflow-x:auto;padding:2px 2px 9px;scroll-snap-type:x mandatory;scrollbar-width:none}.course-card-grid::-webkit-scrollbar{display:none}.course-card-grid-compact{max-height:none}.course-list-card{scroll-snap-align:start}.course-list-art{min-height:145px}.course-empty-state,.course-loading{grid-column:auto}.course-count{font-size:.7rem}}

/* Student dashboard navigation and branding. */
.dash-logo{width:clamp(150px,16vw,226px)}.dash-logo img{display:block;width:100%;height:48px;object-fit:contain;object-position:left center}.dash-header{height:80px;padding:0 clamp(20px,4.5vw,72px)}.dash-links{gap:34px}.dash-links a{font-size:.86rem}.avatar-button{width:46px;height:46px}.dash-shell{grid-template-columns:310px minmax(0,1fr);gap:22px;padding:16px}.dash-sidebar{top:16px;height:calc(100vh - 112px);padding:16px 13px 13px;border-radius:22px}.side-nav{gap:4px;scrollbar-width:thin;scrollbar-color:#4d4d70 transparent}.side-nav a,.student-nav-profile{display:flex;width:100%;min-height:52px;align-items:center;gap:14px;padding:0 14px;border:0;border-radius:14px;color:#b8becb;background:transparent;font:inherit;font-size:.9rem;font-weight:800;text-align:left}.side-nav a svg,.student-nav-profile svg{width:20px;height:20px}.side-nav a.active,.side-nav a:hover,.student-nav-profile:hover{color:var(--ink);background:#fff}.side-nav a.active svg{padding:5px;box-sizing:content-box;border-radius:10px;background:var(--lime)}.dash-main{padding:10px clamp(18px,3vw,54px) 32px 0}.welcome-row{padding-bottom:26px}.welcome-row h1{font-size:clamp(2rem,3vw,3.2rem)}.freelancer-card.freelancer-promo{height:245px!important}.dashboard-sidebar .freelancer-robot,#dashSidebar.dashboard-sidebar .freelancer-robot{width:clamp(86px,8vw,110px)!important;max-width:110px!important}.dashboard-sidebar .freelancer-card.freelancer-promo{width:88%;height:245px!important;padding:72px 16px 14px!important}.dashboard-sidebar .freelancer-card.freelancer-promo h2{font-size:1.3rem!important}.dashboard-sidebar .freelancer-card.freelancer-promo p{font-size:.82rem!important;margin:0 0 13px}.dashboard-sidebar .freelancer-promo-button{min-height:43px;height:43px}.course-category-filters{margin-top:-4px}
@media(max-width:760px){.dash-header{height:72px;padding:0 18px}.dash-logo{width:164px}.dash-logo img{height:42px}.profile-actions{gap:9px}.avatar-button{width:42px;height:42px}.dash-sidebar{width:min(86vw,330px);padding:16px 13px}.sidebar-mobile-head .dash-logo{width:170px}.side-nav a,.student-nav-profile{min-height:50px;font-size:.88rem}.dashboard-sidebar .freelancer-card.freelancer-promo{width:88%;height:220px!important;padding:62px 15px 12px!important}.dashboard-sidebar .freelancer-robot,#dashSidebar.dashboard-sidebar .freelancer-robot{width:clamp(72px,22vw,90px)!important;max-width:90px!important}.dashboard-sidebar .freelancer-card.freelancer-promo h2{font-size:1.16rem!important}.dashboard-sidebar .freelancer-card.freelancer-promo p{font-size:.75rem!important}.dashboard-sidebar .freelancer-promo-button{min-height:40px;height:40px}.dash-main{padding:26px 16px 28px}.welcome-row h1{font-size:clamp(1.8rem,8vw,2.15rem)}}