.learning-product-page{--baseline-font: calc((12.5px + (100vw - 400px)/400*3)/20) ;--lesson-unit: var(--baseline-font);--u: var(--baseline-font);--legacy-unit: calc((12.5px + (100vw - 400px) / 400) / 15.1);width:100%;min-height:100%;height:100vh;overflow:scroll;background:#000;color:#fff;font-family:Gilroy-Medium;font-size:var(--u);line-height:1.5}.learning-product-page *{box-sizing:border-box}.learning-product-header{position:sticky;top:0;display:flex;align-items:center;gap:calc(14 * var(--u));height:calc(62 * var(--u));padding:0 calc(20 * var(--u));border-bottom:1px solid #ffffff14;box-shadow:0 4px 12px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:3}.learning-product-header .lesson-breadcrumb{min-width:0}.learning-product-header .learning-product-back{display:none}.learning-product-invite{display:flex;align-items:center;gap:8px;flex-shrink:0;color:#ccc;font-family:Gilroy-Bold;font-size:calc(12.8 * var(--u));text-decoration:none}.learning-product-invite svg{width:12px;height:12px;color:#999}.learning-product-body{padding:calc(86 * var(--u)) calc(86 * var(--u)) 16px}.learning-product-hero{display:flex;align-items:center;gap:calc(32 * var(--u));flex-wrap:wrap}.learning-product-hero.is-enrolled{background:#fff;margin:calc(16 * var(--u)) 0 calc(32 * var(--u));padding:calc(32 * var(--u));border-radius:calc(24 * var(--u));color:#000}.learning-product-detail{flex:1;width:50%}.learning-product-detail h1{font-family:Gilroy-Bold;font-size:calc(48 * var(--u));line-height:1.5}.learning-product-access-message{font-family:Gilroy-SemiBold;font-size:calc(12 * var(--u));color:#c8deff}.is-enrolled .learning-product-access-message{color:#343434}.learning-product-intro{color:#999;font-family:Gilroy-SemiBold;font-size:calc(13.5 * var(--u));line-height:2;width:67%}.learning-product-taught{text-transform:uppercase;font-size:calc(9.6 * var(--u));padding:calc(12 * var(--legacy-unit)) 0}.learning-product-authors{display:flex;gap:calc(20 * var(--u));align-items:center}.learning-product-authors>div{display:flex;gap:calc(16 * var(--u))}.learning-product-authors img{width:calc(50 * var(--u));height:calc(50 * var(--u));border-radius:50%;border:calc(.5 * var(--u)) solid #272727;object-fit:cover}.learning-product-authors strong{display:block;font-family:Gilroy-Bold;font-size:calc(13.8 * var(--u))}.learning-product-authors p{font-family:Gilroy-SemiBold;font-size:calc(10 * var(--u));color:#ccc}.is-enrolled .learning-product-authors p{color:#000}.learning-product-actions{padding-top:calc(32 * var(--u));display:flex;gap:calc(40 * var(--u));align-items:center}.learning-product-actions>a,.learning-product-actions>button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:30px;padding:8px 16px;height:auto;background:#fff;color:#000;font-family:Gilroy-Bold;font-size:calc(12.64 * var(--u));line-height:1.75;min-width:64px;gap:8px}.learning-product-actions>a:hover,.learning-product-actions>button:hover{background:#e5e5e5}.is-enrolled .learning-product-actions>a,.is-enrolled .learning-product-actions>button{background:#000;color:#fff}.is-enrolled .learning-product-actions>a:hover,.is-enrolled .learning-product-actions>button:hover{background:#303030}.is-enrolled .learning-product-actions>button:disabled{background:#fff;border:1px solid black;color:#000;opacity:1}.learning-product-actions>.learning-product-opt-out{background:none;color:#ccc;border-radius:0;font-family:Gilroy-SemiBold;font-size:calc(12 * var(--u))}.learning-product-completed-icon{display:flex;align-items:center;justify-content:center;width:calc(16 * var(--u));height:calc(16 * var(--u));border-radius:50%;background:#3e721d}.learning-product-completed-icon svg{width:calc(12.8 * var(--u));height:calc(12.8 * var(--u));color:#fff}.learning-product-trailer{width:calc(576 * var(--u));padding-top:calc(32 * var(--u))}.learning-product-trailer>img,.learning-product-trailer>div{margin-top:calc(35.2 * var(--legacy-unit));position:relative}.learning-product-trailer>img{width:100%;aspect-ratio:16/9;border-radius:calc(20 * var(--u));object-fit:cover;display:block}.learning-product-trailer video{width:100%;height:auto;border-radius:calc(20 * var(--u))}.learning-product-trailer button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:calc(16 * var(--u)) calc(32 * var(--u));width:auto;height:auto;background:transparent;border:0}.learning-product-statistics{flex:1;min-width:50%;display:flex;justify-content:end;padding-right:28px;color:#000}.learning-product-welcome{position:relative;background:#e8e8e8;border-radius:calc(22 * var(--u));padding:calc(24 * var(--u));width:calc(400 * var(--u))}.learning-product-welcome h2{font-family:Gilroy-Bold;font-size:calc(14 * var(--u))}.learning-product-welcome p{font-size:calc(12.8 * var(--u))}.learning-product-welcome strong{display:block;font-family:Gilroy-Bold;font-size:calc(11.5 * var(--u));margin-top:calc(12 * var(--u))}.learning-product-welcome img{width:150px;position:absolute;bottom:-30%;right:-10%}.learning-product-stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;width:calc(400 * var(--u))}.learning-product-stat{border:var(--u) solid #0000001a;border-radius:calc(16 * var(--u));padding:calc(24 * var(--u));overflow:hidden}.learning-product-stat h2{font-family:Gilroy-Bold;font-size:calc(28 * var(--u));line-height:1.5}.learning-product-stat h2 small{font-size:calc(12 * var(--u))}.learning-product-stat p{font-family:Gilroy-SemiBold;font-size:calc(12 * var(--u))}.learning-product-foundations{display:flex;gap:calc(8 * var(--u));align-items:center;height:100%}.learning-product-foundations img{width:30%;object-fit:contain}.learning-product-progress{grid-column:span 2}.learning-product-progress>div:first-child{display:flex;justify-content:space-between;align-items:center}.learning-product-progress strong{font-family:Gilroy-Bold;font-size:calc(11.5 * var(--u))}.learning-product-progress>div:first-child>span{font-family:Gilroy-SemiBold;font-size:calc(11 * var(--u));background:#86868626;border-radius:16px;padding:0 12px;height:32px;display:flex;align-items:center}.learning-product-progress-track{height:calc(4 * var(--u));margin-top:16px;border-radius:calc(25.12 * var(--u));background:#0000001f;overflow:hidden;position:relative}.learning-product-progress-track>span{display:block;width:100%;height:100%;border-radius:inherit;transition:transform .4s linear}.learning-product-welcome .learning-product-progress-track{margin-top:calc(12 * var(--u))}.learning-product-tabs{position:sticky;top:calc(61 * var(--u));background:#060606;z-index:2;padding:16px 0;display:flex;gap:16px}.learning-product-tabs [role=tab]{padding:calc(6.25 * var(--u)) calc(20 * var(--u));background:#000;color:#fff;border:1px solid #ffffff1a;border-radius:calc(8 * var(--u));font-family:Gilroy-Bold;font-weight:500;font-size:calc(12.5 * var(--u));line-height:1.75;height:auto;gap:8px}.learning-product-tabs [role=tab][aria-selected=true]{background:#fff;color:#000;font-family:Gilroy-Medium}.learning-product-tabs [role=tab]:hover{background:#e5e5e5;color:#000}.learning-product-tabs svg{width:14px;height:14px}.learning-product-body>hr{padding:16px 0;margin:0;border:0;border-bottom:1px solid #ffffff1f}.learning-product-lessons{padding-top:24px;display:flex;flex-direction:column;gap:16px}.learning-product-lessons>h2{font-family:Gilroy-Bold;font-size:calc(24 * var(--u));font-weight:400;line-height:2}.learning-product-lessons>p{margin-top:-16px;font-family:Gilroy-SemiBold;font-size:calc(12.8 * var(--u));line-height:1.5;color:#747474;width:70%}.learning-product-lessons .lesson-list{overflow:visible;padding:0;height:auto}.learning-product-lessons .lesson-list-heading{background:#060606;color:#fff}.learning-product-lessons .lesson-list-row{border-color:#ffffff14}.learning-product-lessons .lesson-list-row:hover{background:#ffffff03}.learning-product-projects,.learning-product-others{padding-top:24px}.learning-product-projects>h2{font-family:Gilroy-SemiBold;font-size:calc(16 * var(--u))}.learning-product-coming-soon{display:inline-flex;align-items:center;justify-content:center;border:1px solid #272727;border-radius:20px;font-size:10.992px;color:#fff;margin-left:9.6px;width:107px;height:30px}.learning-product-project-grid{--project-unit: var(--legacy-unit);padding-top:16px;display:flex;flex-wrap:wrap;gap:16px}.learning-product-project{height:calc(192 * var(--project-unit));width:calc(361.6 * var(--project-unit));border-radius:calc(16 * var(--project-unit));background:#121212;padding:calc(24 * var(--project-unit));border:1px solid #00000014;color:#fff;display:flex;flex-direction:column;align-items:stretch;gap:0;text-align:left}.learning-product-project-top{display:flex;justify-content:space-between;align-items:center}.learning-product-project-top p{color:#999;font-family:Gilroy-SemiBold;font-size:calc(10.24 * var(--project-unit));letter-spacing:calc(1.024 * var(--project-unit))}.learning-project-status{border-radius:8px;font-size:10.24px;margin-bottom:8px;font-family:Gilroy-Bold;height:calc(25 * var(--project-unit));padding:0 15.2px;display:flex;align-items:center;gap:4px;flex-shrink:0;background:#fff;color:#000;border:1px solid black}.learning-project-status svg{width:14px;height:14px;fill:#3e721d;color:#fff}.learning-project-status.status-coming-up{background:#353535;color:#fff;border:0}.learning-project-status.status-pending{background:#ffa726;color:#fff;border:0}.learning-product-project h3{font-family:Gilroy-Bold;font-size:calc(21 * var(--project-unit));line-height:1.5}.learning-product-project-action{margin-top:auto}.learning-product-project-action>span{display:flex;align-items:center;gap:8px;color:#000;font-family:Gilroy-SemiBold;font-size:calc(12.4 * var(--project-unit))}.learning-product-project-action svg{width:16px;height:16px;color:#fff}.learning-product-project-action .learning-product-project-complete{border-radius:calc(8.8 * var(--project-unit));color:#fff;font-family:Gilroy-Bold;font-size:calc(12 * var(--project-unit));line-height:calc(24.292 * var(--project-unit));padding:calc(6.4 * var(--project-unit)) calc(11.2 * var(--project-unit));width:fit-content;background:#0064ff}.learning-product-project-action .learning-product-project-submission{font-family:Gilroy-Bold;line-height:calc(24.292 * var(--project-unit));border-bottom:2px dotted #0006;width:fit-content}.learning-product-others h2{font-family:Gilroy-Bold;font-size:20px;margin-bottom:36.8px}.learning-product-others>div{display:flex;gap:112px}.learning-product-others a{display:block;padding:0;width:250px;flex-shrink:0;background:transparent;border:0;text-align:left}.learning-product-others img{width:100%;display:block;border-radius:16px;border:1px solid #ffffff2e}.learning-product-others a:hover img{border-color:#fff}.learning-product-others p{font-family:Gilroy-Medium;font-size:12.8px;color:#747474;margin:12px 0;line-height:1.5}.learning-product-resources{margin-top:0!important;padding:0!important}.learning-product-resources .title{padding-top:calc(24 * var(--u));font-size:calc(24 * var(--u));color:#fff}.learning-product-resources .subtitle{padding-top:calc(10 * var(--u));font-family:Gilroy-SemiBold;font-size:calc(12.8 * var(--u));color:#747474}.learning-product-resources .search-input{margin-top:calc(20 * var(--u))}.learning-product-resource-panel{--baseline-font: calc((12.5px + (100vw - 400px)/400*3)/20) ;--lesson-unit: var(--baseline-font);width:calc(800 * var(--baseline-font))!important;border-left:1px solid #383838;background:#191919!important;color:#fff;font-family:Gilroy-Medium}.learning-product-resource-panel header{display:flex;justify-content:space-between;padding:24px 24px 16px;border-bottom:1px solid #ffffff1f}.learning-product-resource-panel h2{font-size:calc(24 * var(--baseline-font))}.learning-product-resource-content{padding:40px 24px 24px;overflow:auto;flex:1}.learning-product-resource-content .lesson-text-title{display:none}.learning-product-resource-content .lesson-text{padding:0 calc(30 * var(--baseline-font))}@media(min-width:900px)and (max-width:1199.95px){.learning-product-stat{padding:calc(16 * var(--u))}}@media(min-width:1536px){.learning-product-body{padding:3% 12% 16px}}@media(max-width:899.95px){.learning-product-page{height:calc(100vh - 64px)}.learning-product-body{padding:16px}.learning-product-header .lesson-breadcrumb [aria-current=page]{padding-left:0;padding-right:0}.learning-product-header .learning-product-back{color:#fff;display:flex;width:calc(35 * var(--u));height:calc(35 * var(--u));border:1px solid #313131;border-radius:calc(8 * var(--u));background:transparent;flex-shrink:0}.learning-product-back svg{width:calc(19 * var(--u));height:calc(19 * var(--u))}.learning-product-header .learning-product-parent{display:none}.learning-product-trailer,.learning-product-detail{width:100%}.learning-product-statistics{padding-right:28px}.learning-product-welcome,.learning-product-stats-grid{width:100%}.learning-product-stat h2{font-size:calc(20 * var(--u))}.learning-product-tabs svg{display:none}.learning-product-project-grid{justify-content:center}.learning-product-project{width:100%}}@media(max-width:599.95px){.learning-product-page,.learning-product-resource-panel{--baseline-font: calc((16px + (100vw - 360px) * 4/360) / 16);--legacy-unit: var(--baseline-font)}.learning-product-statistics{min-width:100%}.learning-product-resource-panel{width:100%!important}}.learning-product-page strong{font-weight:400}.learning-product-stats-grid{padding-left:24px}@media(max-width:599.95px){.learning-product-taught{padding:calc(12 * var(--u)) 0}.learning-product-trailer>img,.learning-product-trailer>div{margin-top:calc(35.2 * var(--u))}}.learning-product-actions>.learning-product-opt-out{padding:6px 8px}.learning-product-projects>h2{font-size:16px}.learning-product-mentors>p{color:#000;font-family:Gilroy-SemiBold;font-size:calc(10 * var(--baseline-font));margin-bottom:calc(3 * var(--baseline-font))}.learning-product-mentors>div{display:flex;align-items:center;gap:calc(10 * var(--baseline-font));margin-bottom:calc(16 * var(--baseline-font))}.learning-product-mentor{display:block;position:relative;width:40px;height:40px}.learning-product-mentor>img{width:40px;height:40px;border-radius:50%;object-fit:cover}.learning-product-mentor>img+img{position:absolute;right:-5px;bottom:-5px;width:22px;height:22px}@media(max-width:599.95px){.learning-product-project-grid{--project-unit: var(--u)}}.learning-product-shell>.learning-product-page{flex:1;min-height:0;height:100%}