.free-course{margin:-76px -1px 0}.course-hero{isolation:isolate;background:linear-gradient(90deg,#0000 32.95%,#ffffff0a 33%,#0000 33.1% 65.95%,#ffffff0a 66%,#0000 66.1%);align-items:flex-end;height:100svh;min-height:800px;padding:64px 16px;display:flex;position:relative;box-shadow:inset 0 -1px #ffffff1a}.course-intro{width:432px;max-width:100%}.has-youtube .course-intro{width:507px}.course-intro h1{margin-bottom:20px;font-size:48px;font-weight:700;line-height:1.24}.has-youtube .course-intro h1,.has-youtube .course-description{max-width:499px}.course-description{max-width:409px}.course-description p{color:#aaa;font-size:24px;line-height:33px}.free-badges{align-items:center;gap:27px;min-height:40px;margin-bottom:24px;padding:10px 0;font-size:16px;font-weight:800;line-height:1.2;display:flex}.free-badges span{white-space:nowrap;align-items:center;gap:8px;display:flex}.course-actions{align-items:center;gap:38px;margin-top:54px;display:flex}.has-youtube .course-actions{flex-wrap:wrap;gap:38px 29px;margin-top:64px}.free-course .button{white-space:nowrap;background:#2144dd;border:0;gap:10px;min-height:54px;padding:16px 32px;font-size:16px;font-weight:800;line-height:1.2}.free-course .button.outline{background:0 0;box-shadow:inset 0 0 0 1px #3154df}.free-course .button.video-button{box-shadow:inset 0 0 0 1px #c60101}.free-course .button img,.assessment-link img{width:17px;height:17px;padding:3px 3.5px}.free-course .button .youtube-icon{width:24px;height:24px;padding:0}.assessment-link{white-space:nowrap;justify-content:space-between;align-items:center;gap:16px;width:198px;max-width:100%;min-height:33px;padding-bottom:8px;font-size:16px;font-weight:800;line-height:1.2;display:flex;box-shadow:inset 0 -1px #777}.course-art{z-index:-1;object-fit:contain;object-position:center bottom;width:871px;height:571px;position:absolute;top:107px;left:32.95%;mask-image:linear-gradient(189deg,#000000f7 40%,#0000 95%)}.has-youtube .course-art{width:874px;height:577px;top:128.875px;left:34.12%}.created-by{background:linear-gradient(15deg,#123095,#0b0b0b 70%);border-radius:20px;grid-template-columns:132px 1fr;gap:37px;width:496px;padding:18px 27px 18px 36px;display:grid;position:absolute;bottom:64px;right:28px;box-shadow:inset 0 0 0 1px #333}.created-by h2{font-size:20px;font-weight:800;line-height:28px}.created-by p{color:#bbb;font-size:16px;line-height:27px}.created-by h2+p{margin-top:14px}.creator-photos{align-items:center;gap:8px;margin-top:16px;display:flex}.creator-photos img{object-fit:contain;width:auto;height:60px}.course-body{grid-template-columns:33% minmax(0,1fr);display:grid}.course-nav{padding:128px 32px 64px 16px;box-shadow:inset -1px 0 #ffffff1a}.course-nav nav{flex-direction:column;gap:16px;display:flex;position:sticky;top:100px}.course-nav a{color:#aaa;padding-bottom:20px;font-size:20px;line-height:28px;box-shadow:inset 0 -1px #ffffff1a}.course-nav a[aria-current],.course-nav a:hover{color:#fff;box-shadow:inset 0 -1px #3154df}.course-nav a[aria-current]>span{font-weight:800}.course-nav p{color:#aaa;margin-top:20px;font-size:16px;line-height:27px;display:none}.course-nav a[aria-current] p{display:block}.course-content{min-width:0}.course-content section{scroll-margin-top:100px;position:relative}.course-anchor{scroll-margin-top:100px;position:absolute;top:0}.course-content h2{font-size:32px;font-weight:600;line-height:1.2}.course-content p{color:#aaa;font-size:16px;line-height:27px}.chapters{padding:128px 0}.course-content .chapters>h2{margin-bottom:32px;padding:0 0 16px 16px;scroll-margin-top:100px;font-size:38px;line-height:1.24}.chapter-table-heading,.chapter-row{grid-template-columns:7% 93%;align-items:center;display:grid;position:relative;box-shadow:inset 0 -1px #ffffff1a}.chapter-table-heading{color:#aaa;grid-template-columns:7% 46.5% 46.5%;font:300 14px/19.6px DM Mono,monospace}.chapter-table-heading span{padding:24px 16px}.chapter-number{color:#aaa;padding:0 16px;font:300 18px/25.2px DM Mono,monospace}.chapter-copy{grid-template-columns:1fr 1fr;align-items:center;display:grid}.chapter-copy h3{padding:24px 16px;font-size:20px;font-weight:800;line-height:28px}.chapter-copy p{padding:24px 28% 24px 16px}.chapter-arrow{width:26px;height:26px;padding:5px;position:absolute;top:calc(50% - 13px);right:16px}.chapter-row:hover{background:#ffffff08}.chapter-row:hover h3{color:#8eacff}.chapter-table details{flex-direction:column;display:flex}.chapter-table summary{cursor:pointer;border:1px solid #3154df;border-radius:99px;align-items:center;gap:16px;width:max-content;min-height:50px;margin:74px 32px 0 auto;padding:14px 24px;font-size:16px;font-weight:800;line-height:20px;list-style:none;display:flex}.chapter-table summary::-webkit-details-marker{display:none}.chapter-table summary img{width:12px;height:12px}.chapter-table .when-open,.chapter-table details[open] .when-closed{display:none}.chapter-table details[open] .when-open{display:inline}.chapter-table details[open] summary{margin-bottom:32px}.chapter-table details[open] summary img{transform:rotate(180deg)}.course-bonus{padding:64px 0}.course-bonus>h2{max-width:365px;margin-bottom:32px;padding-left:16px}.bonus-content{grid-template-columns:44.2% minmax(0,1fr);align-items:center;gap:64px;display:grid}.bonus-art{width:100%;height:auto}.course-bonus p{margin-bottom:52px;font-size:24px;line-height:33px}.course-bonus .button{padding-inline:24px}.free-instructors,.course-certification{margin-top:128px}.course-section-heading{grid-template-columns:1fr 1fr;gap:10px;padding:0 0 32px 16px;display:grid}.course-section-heading h2{max-width:340px}.free-instructor-grid{grid-template-columns:1fr 1fr;display:grid}.free-instructor{flex-direction:column;justify-content:flex-end;min-height:443px;display:flex;position:relative;box-shadow:inset 0 0 0 1px #ffffff1a}.free-instructor picture{position:absolute;inset:0}.free-instructor picture img{object-fit:cover;width:100%;height:100%}.free-instructor-overlay{background:linear-gradient(#0000,#000000b5);padding:64px 32px 32px;position:relative}.free-instructor.expanded .free-instructor-overlay{background:linear-gradient(#0000,#2144dd 65%)}.free-instructor h3{font-size:20px;font-weight:800;line-height:28px}.free-instructor .instructor-role{color:#ddd;margin-top:0;font-size:16px;line-height:32px}.free-instructor .instructor-bio{color:#eee;margin:16px 0 8px;font-size:14px;line-height:24px}.instructor-controls{gap:16px;margin-top:16px;display:flex}.instructor-controls a,.instructor-controls button{color:#fff;cursor:pointer;background:#0037ad;border:0;border-radius:50%;place-items:center;width:31px;height:31px;font-size:16px;font-weight:800;display:grid}.instructor-controls button{color:#2144dd;background:#fff;font-size:25px;font-weight:400}.course-certification .button{min-height:50px;margin-top:64px;padding:14px 24px}.certificate-art{width:100%;height:auto;display:block}@media (width<=1439px){.course-hero{height:681px;min-height:0}.course-intro,.has-youtube .course-intro{width:429px}.course-intro h1{font-size:32px}.course-description p{font-size:16px;line-height:26px}.course-description{max-width:429px}.free-badges{margin-bottom:24px;font-size:14px}.has-youtube .free-badges{flex-direction:column;align-items:flex-start;gap:10px;min-height:70px}.course-actions{gap:32px;margin-top:38px}.has-youtube .course-actions{row-gap:23px;margin-top:38px}.free-course .button{font-size:14px}.assessment-link{width:175px;font-size:14px}.course-art{width:584px;height:443px;top:-1.5px;left:32.74%}.has-youtube .course-art{width:522px;height:396px;top:88.992px;left:40.47%}.created-by{width:318px;padding:18px 27px;display:block}.created-by>div:first-child{align-items:flex-start;gap:16px;height:60px;margin-bottom:16px;display:flex}.created-by>div:first-child>p{flex:1}.creator-photos{gap:8px;margin-top:0}.created-by h2{font-size:18px;line-height:25.2px}.created-by p{line-height:24px}.created-by h2+p{margin-top:14px}.course-nav{padding-right:16px}.course-nav a{font-size:18px}.course-nav p,.course-content p{line-height:24px}.course-content h2,.course-content .chapters>h2{font-size:26px;line-height:1.2}.chapter-table-heading{display:none}.chapter-row{grid-template-columns:41.6px 1fr;align-items:start}.chapter-number{padding:36px 0 0 16px;font-size:13px;line-height:18.2px}.chapter-copy{padding:32px 42px 32px 16px;display:block}.chapter-copy h3{padding:0;font-size:18px;line-height:25.2px}.chapter-copy p{width:90%;margin-top:2px;padding:0}.chapter-table summary{margin:42px auto 0;font-size:14px}.bonus-content{display:block}.course-bonus>h2{max-width:100%}.course-bonus p{margin:32px 16px;font-size:16px;line-height:24px}.course-bonus .button{margin-left:16px}.course-section-heading{padding-right:16px;display:block}.course-section-heading h2{max-width:none;margin-bottom:16px}.free-instructor{min-height:515px}.course-certification .course-section-heading{grid-template-columns:1fr 1fr;display:grid}.course-certification .button{white-space:normal;margin-top:32px;font-size:12px}.is-openclaw .course-intro h1{font-size:48px}.is-openclaw .course-description p{font-size:24px;line-height:33px}.is-openclaw .free-badges{font-size:16px}}@media (width<=999px){.course-hero{align-items:flex-start;height:895px;padding:158px 16px 64px}.course-intro,.has-youtube .course-intro{width:calc(85.47% - 55.5296px);max-width:560px}.has-youtube .free-badges{flex-direction:row;gap:27px;min-height:40px}.course-actions,.has-youtube .course-actions{gap:28px;margin-top:31px}.free-course .course-hero .button{min-height:48px;padding:14px 20px}.created-by{display:none}.course-art{width:98%;height:448px;top:448px;left:.51%}.has-youtube .course-art{width:89.6%;height:410px;top:483.99px;left:4.7%}.is-openclaw .course-art{width:100%;height:389px;top:505.99px;left:0}.course-body{display:block}.course-nav{z-index:10;box-shadow:none;background:#000;padding:90px 16px 0;position:sticky;top:-26px}.course-nav nav{display:none}.free-course .course-nav .section-select select[data-section-select]{appearance:none;background:#000 url(/assets/down.svg) right 8px top 8px/12px no-repeat;height:42.2px;padding:0 28px 16px 0;font-size:18px;line-height:1.4}.chapters{padding:64px 0 32px}.course-content section,.course-anchor,.course-content .chapters>h2{scroll-margin-top:132px}.course-content .chapters>h2{font-size:32px;line-height:1.24}.bonus-content{grid-template-columns:1fr 1fr;gap:64px;display:grid}.course-bonus p{margin:0 0 32px}.course-bonus .button{white-space:normal;margin:0}.free-instructors,.course-certification{margin-top:32px}.free-instructor-grid{display:block}.free-instructor{min-height:610px}.course-section-heading{padding-inline:16px}}@media (width<=809px){.course-hero{background:0 0;height:auto;padding:104px 16px 0;display:block}.course-intro,.has-youtube .course-intro{width:100%;max-width:none}.free-badges{margin-bottom:14px}.has-youtube .free-badges{flex-direction:column;align-items:flex-start;gap:10px;min-height:69px;margin-bottom:15px}.course-description{width:84%}.has-youtube .course-description{width:100%}.course-actions,.has-youtube .course-actions{flex-direction:column;align-items:stretch;gap:17px;margin-top:31px}.has-youtube .course-actions{gap:18px}.free-course .course-hero .button{width:100%;height:40px;min-height:40px;padding:10px 20px}.assessment-link{width:100%}.has-youtube .assessment-link{margin-top:-2px}.course-art,.has-youtube .course-art,.is-openclaw .course-art{width:calc(100% + 45px);max-width:none;height:265px;margin:14.5px -22.5px .5px;display:block;position:relative;top:auto;left:auto}.has-youtube .course-art{width:calc(100% + 14px);height:270px;margin:1px -7px}.course-nav{padding-top:74px;top:-10px}.course-content .chapters>h2{font-size:26px;line-height:1.2}.bonus-content{display:block}.course-bonus p{margin:32px 16px}.course-bonus .button{max-width:calc(100% - 32px);margin-left:16px}.course-bonus>h2{max-width:300px}.course-section-heading,.course-certification .course-section-heading{display:block}.free-instructor{min-height:443px}.free-instructor-overlay{padding-inline:32px}.free-instructor .instructor-role{margin-top:8px;line-height:24px}.free-instructor.expanded{min-height:550px}.course-certification .button{margin-top:32px;font-size:14px}}.creator-photos img{object-fit:cover;background:linear-gradient(#0037ad,#3154df);border-radius:50%;width:60px}@media (width>=1000px) and (width<=1439px){.has-youtube .course-actions{width:507px}}@media (width>=810px) and (width<=999px){.has-youtube .course-actions{width:426px}}@media (width>=1440px){.has-youtube .course-actions{row-gap:36px}.free-course:not(.has-youtube):not(.is-openclaw) .course-intro h1{width:364px}}.course-art{object-fit:cover;object-position:center}.created-by h2{text-wrap:balance}@media (width<=1439px){.free-instructor h3{font-size:18px;line-height:25.2px}.course-bonus p{line-height:26px}.course-certification .button{font-size:14px}}@media (width>=1000px) and (width<=1439px){.free-instructors .course-section-heading{padding-bottom:64px;padding-right:0;display:grid}.free-instructors .course-section-heading h2{margin:0}.course-certification .course-section-heading{padding-right:0;display:block}.course-certification .certificate-art{max-width:581px;margin-inline:auto}.course-bonus p{margin-top:64px}}@media (width<=999px){.free-instructors .course-section-heading h2{margin-bottom:34px}}@media (width>=810px) and (width<=999px){.free-instructors .course-section-heading h2{max-width:71%}.course-certification .course-section-heading{padding-inline:32px}}@media (width<=809px){.course-certification .course-section-heading{padding:0 0 0 16px}.course-certification .course-section-heading h2{margin-bottom:32px}.course-certification .button{max-width:100%;min-height:40px;padding-block:10px}}.free-course:not(.has-youtube) .free-instructors{margin-top:0;padding-bottom:32px}@media (width<=1439px){.free-course:not(.has-youtube) .free-instructors .course-section-heading{padding-bottom:64px;padding-right:0;display:block}.free-course:not(.has-youtube) .free-instructors .course-section-heading h2{width:83%;margin-bottom:32px}.free-course:not(.has-youtube) .free-instructor{min-height:514px}.is-openclaw .free-instructors h2,.is-openclaw .course-certification h2{font-size:32px;line-height:1.2}.is-openclaw .course-section-heading p{line-height:27px}}@media (width>=810px) and (width<=1439px){.is-openclaw .chapter-table-heading{display:grid}.is-openclaw .chapter-row{grid-template-columns:7% 93%;align-items:center}.is-openclaw .chapter-copy{grid-template-columns:1fr 1fr;padding:0;display:grid}.is-openclaw .chapter-copy h3{padding:24px 16px}.is-openclaw .chapter-copy p{width:auto;margin:0;padding:24px 28% 24px 16px}.is-openclaw .chapter-number{overflow-wrap:anywhere;padding:0 16px}.is-openclaw .chapter-table-heading span:first-child{overflow-wrap:anywhere}.is-openclaw .chapter-table summary{margin:74px 32px 0 auto}}@media (width<=999px){.free-course:not(.has-youtube) .chapters{padding-bottom:128px}.free-course:not(.has-youtube) .course-certification{margin-top:128px}.free-course:not(.has-youtube) .free-instructors .course-section-heading{padding-inline:16px;padding-bottom:32px}.free-course:not(.has-youtube) .free-instructor{min-height:610px}.free-course:not(.has-youtube) .course-certification .course-section-heading{padding-inline:16px}.is-openclaw .course-nav{position:relative;top:auto}.is-openclaw .course-nav nav{display:flex;position:static}.is-openclaw .course-nav .section-select{display:none}.is-openclaw .course-nav a{padding-bottom:21px;line-height:25.2px}}@media (width>=810px) and (width<=999px){.free-course:not(.has-youtube) .free-instructors .course-section-heading h2{width:71%}.free-course:not(.has-youtube) .free-instructors .course-section-heading p{width:82%}.is-openclaw .course-content .chapters>h2{font-size:38px}}@media (width<=809px){.free-course:not(.has-youtube) .chapters{padding-top:83px;padding-bottom:64px}.free-course:not(.has-youtube) .chapters>h2{margin-bottom:16px}.free-course:not(.has-youtube) .free-instructors .course-section-heading h2{width:100%;margin-bottom:34px}.free-course:not(.has-youtube) .free-instructor{min-height:443px}.free-course:not(.has-youtube) .free-instructor.expanded{min-height:550px}.free-course:not(.has-youtube) .course-certification{margin-top:32px}.free-course:not(.has-youtube) .course-certification .course-section-heading{padding:0 0 16px 16px}}@media (width>=1000px) and (width<=1439px){.free-course:not(.has-youtube) .free-instructors{padding-bottom:0}.is-openclaw .chapter-table-heading span:first-child{padding-block:0}}@media (width<=809px){.course-bonus .button{min-height:40px;padding-block:10px}}
