:root{interpolate-size:allow-keywords;--red: #a31f34;--red-hover: #8c162a;--red-bg: #faf1f1;--red-bg-alt: #efa6a6;--green: #00590d;--green-border: #8ee29b;--green-bg: #e6fde2;--black: #000;--white: #fff;--grayF: #f6f7f9;--grayD: #ddd;--gray9: #9c9d9e;--gray5: #555}html{height:100%;font-size:62.5%;font-family:Helvetica,Arial,sans-serif}*{box-sizing:border-box}body{height:100%;margin:0}.page-grid{display:flex;flex-direction:column;min-height:100dvh}.page-grid main{flex:1}.main__contain{width:min(104.8rem,100% - 2.4rem * 2);margin-inline:auto}.main__contain.blog-width{width:min(64rem,100% - 2.4rem * 2)}.main__contain.sm-padding{width:min(104.8rem,100% - 1.6rem * 2)}.main__contain.no-padding{width:min(104.8rem,100%)}.course-content-width .main__contain.sm-padding{width:min(1363px,100% - 1.6rem * 2)}.section-padding{padding-block:4.8rem}@media screen and (min-width: 636px){.section-padding{padding-block:7.2rem}}.bg--black{background-color:var(--black);overflow:hidden}.bg--gray{background-color:var(--grayF);overflow:hidden}.bg--red{background-color:var(--red-bg);overflow:hidden}a,a:visited{color:inherit;text-decoration:none}a:hover{text-decoration:underline}:focus:not(:focus-visible){outline:none}.flex{display:flex}.wrap{flex-wrap:wrap}.space-between{justify-content:space-between}.flex-end{justify-content:flex-end}.justify-center{justify-content:center}.align-center{align-items:center}.gap-2{gap:.2rem}.gap-8{gap:.8rem}.gap-12{gap:1.2rem}.gap-16{gap:1.6rem}.gap-24{gap:2.4rem}.flex-1{flex:1}.align-end{align-items:flex-end}.flex-column{flex-direction:column}.u-all-caps{text-transform:uppercase}.u-text-center{text-align:center}.u-mt-8{margin-block-start:.8rem!important}.u-mt-12{margin-block-start:1.2rem!important}.u-mt-16,.u-mt-20{margin-block-start:2rem!important}.u-mt-24{margin-block-start:2.4rem!important}.u-mt-48{margin-block-start:4.8rem!important}.u-mb-0{margin-block-end:0!important}.u-mb-4{margin-block-end:.4rem!important}.u-mb-8{margin-block-end:.8rem!important}.u-pb-72{padding-block-end:7.2rem!important}.u-pi-12{padding-inline:1.2rem!important}.u-pb-8{padding-block:.8rem!important}.u-min-300{min-width:300px}.u-br-4{border-radius:4px}.flat-card{background-color:var(--white);border-radius:10px;padding:1.2rem;display:flex;align-items:center;gap:1.6rem;justify-content:space-between;flex-wrap:wrap;margin-block-start:1.6rem}.flat-card svg{flex:0 0 2.4rem;width:2.4rem;height:2.4rem;fill:var(--red)}.flat-card .text{margin:0;font-size:1.6rem;color:var(--red)}.card{background-color:var(--white);border-radius:10px;padding:1.6rem 2.4rem}.card.is-empty{border:1px solid var(--gray9)}.card.is-empty .h3{font-size:1.6rem}.card.is-empty .text{font-size:1.4rem;color:var(--gray5);margin-block-start:.8rem;margin-block-end:0}@media screen and (max-width: 500px){.flat-card .btn{width:100%}}@keyframes rotate{to{rotate:360deg}}.btn{background:none;border:none;padding:.6rem 1.6rem;font-size:1.4rem;font-weight:700;border-radius:.5rem;cursor:pointer;transition:background-color .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:1.2rem;min-height:4rem}.btn svg{width:2.4rem;height:2.4rem;fill:var(--white)}.btn.has-icon{padding-inline:.8rem 1.6rem;gap:.8rem}.btn.is-downloading svg{animation:rotate 1s linear infinite}.btn:hover{background-color:rgba(0,0,0,.05);text-decoration:none;cursor:pointer}.btn:focus{outline:2px solid var(--black);outline-offset:2px}.btn--primary,a.btn--primary{background-color:var(--red);color:var(--white)}.btn--primary:hover,a.btn--primary:hover{background-color:var(--red-hover)}.btn--primary-outlined,a.btn--primary-outlined{border:1px solid var(--red);color:var(--red)}.btn--primary-outlined:hover,a.btn--primary-outlined:hover{background-color:var(--red-bg)}.btn--primary-black,a.btn--primary-black{background-color:var(--black);color:var(--white)}.btn--primary-black:hover,a.btn--primary-black:hover{background-color:rgba(0,0,0,.8)}.btn--primary-black-outlined{background-color:var(--white);color:var(--black);border:1px solid var(--black)}.btn--primary-black-outlined svg{fill:var(--black)}.btn--primary-black-outlined:hover{background-color:var(--grayF)}.btn--compact{min-height:3.2rem}.btn--manage,a.btn--manage{background-color:var(--white);color:var(--gray5);border:1px solid var(--gray9);padding:.3rem 1.6rem;justify-content:space-between}.btn--manage svg,a.btn--manage svg{fill:var(--gray5)}.btn--manage p,a.btn--manage p{font-size:1.2rem;margin-block:0;font-weight:400;line-height:1.2}.btn--manage:hover,a.btn--manage:hover{background-color:var(--grayF)}.btn--primary-white,a.btn--primary-white{background-color:rgba(255,255,255,.9);backdrop-filter:blur(4px);color:var(--black);border:1px solid var(--grayD);min-height:3.2rem;padding:.6rem 1.2rem .6rem .8rem;font-size:1.2rem;gap:.6rem}.btn--primary-white svg,a.btn--primary-white svg{width:1.8rem;height:1.8rem;fill:var(--black)}.btn--primary-white:hover,a.btn--primary-white:hover{background-color:#fff}.btn--primary-white:focus,a.btn--primary-white:focus{outline-offset:-4px}.btn--tertiary{padding:.8rem 0;position:relative}.btn--tertiary svg{fill:var(--black)}.btn--tertiary:hover{background:none}.btn--tertiary:hover:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background-color:var(--red)}.icon-btn{border:1px solid var(--grayD);background-color:rgba(255,255,255,.85);backdrop-filter:blur(4px);border-radius:.5rem;height:3.2rem;width:3.2rem;padding:0;display:grid;place-content:center;transition:background-color .1s ease}.icon-btn svg{width:1.8rem;height:1.8rem;fill:var(--black)}.icon-btn:hover{background-color:#fff;cursor:pointer}.icon-btn:focus{outline:2px solid var(--black);outline-offset:-4px}.icon-btn--clear{background:none;border:none;height:4.8rem;width:4.8rem}.icon-btn--clear svg{width:2.4rem;height:2.4rem;fill:var(--white)}.icon-btn--clear:hover{background-color:rgba(255,255,255,.2);cursor:pointer}.icon-btn--clear.is-black svg{fill:var(--black)}.icon-btn--clear.is-black:hover{background-color:var(--grayF)}.icon-btn--outlined{background:none;border:1px solid var(--black);height:4rem;width:4rem}.icon-btn--outlined svg{width:2.4rem;height:2.4rem;fill:var(--black)}.icon-btn--outlined:hover{background-color:var(--grayF);cursor:pointer}.icon-btn--outlined.is-red{border-color:var(--red)}.icon-btn--outlined.is-red svg{fill:var(--red)}.icon-btn--outlined.is-red:hover{background-color:var(--red-bg)}.chip{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem 1.2rem;font-size:1.2rem;font-weight:700;border-radius:1.6rem;background-color:rgba(255,255,255,.85);backdrop-filter:blur(4px);color:#000;letter-spacing:.02em;text-transform:uppercase;border:1px solid var(--grayD);min-height:2.4rem}.chip--downloaded{background-color:var(--green-bg);color:var(--green);border-color:var(--green-border);text-transform:none;padding-left:.8rem;letter-spacing:0}.chip--downloaded svg{width:1.6rem;height:1.6rem}.text{font-size:1.8rem;line-height:1.5;margin-block-end:1em}.h1{font-size:3.2rem;line-height:1.1;margin-block:0 1em}.h1 span{color:var(--red)}.h2{font-size:3.2rem;line-height:1.1;margin-block:0 1em;font-weight:700}.h2.is-red{color:var(--red)}.h3{font-size:2.4rem;line-height:1.1;margin-block:0 .5em}.h4{font-size:1.4rem;line-height:1.1;margin-block:0 .8rem;font-weight:700;color:var(--gray5);text-transform:uppercase;letter-spacing:.04em}.course-video-back,a.course-video-back{display:inline-flex;align-items:center;gap:.8rem;color:inherit;line-height:1.2}.course-video-back svg,a.course-video-back svg{width:1.8rem;height:1.8rem;fill:var(--black);rotate:180deg}.course-video-back:hover,a.course-video-back:hover{cursor:pointer;text-decoration:underline}.header-container{position:sticky;top:0;z-index:1000}header{display:flex;align-items:center;min-height:5.6rem;background-color:#000}header img{display:inline-block;width:100%;max-width:19.5rem;margin-top:.5em}.mobile-nav{display:flex;flex-direction:column;margin-inline-start:auto}.mobile-nav__drawer{position:fixed;top:0;right:0;bottom:0;width:32rem;height:100%;background-color:#fff;z-index:1000;display:flex;flex-direction:column;box-shadow:0 0 24px rgba(0,0,0,.3);visibility:hidden;transform:translate(32rem);transition:transform .2s ease,visibility .2s ease}.mobile-nav__drawer.is-open{visibility:visible;transform:translate(0)}.mobile-nav__drawer-top{display:flex;align-items:center;justify-content:space-between;padding:.4rem 1.2rem .4rem 2.4rem;min-height:5.6rem}.mobile-nav__drawer ul{flex:1;padding:0;margin:0;list-style-type:none}.mobile-nav__drawer ul a{display:flex;align-items:center;gap:.6rem;padding:1.1rem 2.4rem;min-height:4.4rem;color:#000;font-size:1.6rem;text-decoration:none}.mobile-nav__drawer ul a svg{width:1.6rem;height:1.6rem;fill:var(--black)}.mobile-nav__drawer ul a:hover,.mobile-nav__drawer ul a.is-active{background-color:#f6f7f9}.mobile-nav__drawer-bottom{padding:1.6rem 2.4rem;margin:0;font-size:1.2rem;color:#000}.mobile-nav__drawer-bottom span{color:#595959}.desktop-nav{display:none;align-items:center;margin-inline-start:auto}.desktop-nav a{display:inline-flex;align-items:center;gap:.6rem;padding:1.1rem 1.6rem;min-height:4rem;color:#fff;font-size:1.4rem;font-weight:700;border-radius:.5rem}.desktop-nav a:hover{background-color:rgba(255,255,255,.2);text-decoration:none}.desktop-nav a.is-primary{background-color:var(--red);color:var(--white)}.desktop-nav a.is-primary:hover{background-color:var(--red-hover)}.desktop-nav a svg{width:1.6rem;height:1.6rem;fill:var(--white)}@media screen and (min-width: 950px){.desktop-nav{display:flex}.mobile-nav{display:none}}.hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(27rem,1fr));gap:4.8rem;padding-block:4.8rem 0}.hero .h1{font-size:2.4rem;margin-block-end:1.6rem}.hero .btn--primary,.hero .btn--primary-outlined{width:100%}.steps-feature{display:flex;align-items:center;justify-content:center;gap:1.6rem;background-color:var(--red-bg);padding-block:3.2rem;padding-inline:2.4rem;margin-inline:-2.4rem}.steps-feature p{font-size:3.2rem;font-weight:700;color:var(--red);line-height:1.1;margin-block:0}.steps-feature>div:last-of-type{min-width:16.5rem}.steps-hero svg{width:100%}@media screen and (min-width: 370px) and (max-width: 635px){.hero .btn--primary,.hero .btn--primary-outlined{width:auto}}@media screen and (min-width: 750px){.hero .btn--primary,.hero .btn--primary-outlined{width:auto}}@media screen and (min-width: 385px){.hero .h1{font-size:min(calc(2.4rem + 1.5vw),4.4rem)}.h1{font-size:min(calc(2.4rem + 1.5vw),4.4rem)}}@media screen and (min-width: 636px){.hero{padding-block:7.2rem 0}.hero__col{align-self:stretch}.steps-feature{margin-inline:0;border-radius:5px;height:100%;flex-wrap:wrap}.steps-feature>div{flex:1 1 100px}}.course-grid{margin:0;padding:0;list-style-type:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:1.6rem}.course-grid.has-padding{padding:1.6rem}@media screen and (min-width: 1080px){.course-grid.no-inline-padding{padding-inline:0}}.course-card{border:1px solid var(--gray9);border-radius:1rem;background-color:#fff;display:flex;flex-direction:column}.course-card--fake{height:1px;overflow:hidden;visibility:hidden}.course-card__top{height:7.2rem;object-fit:cover;position:relative;border-radius:.9rem .9rem 0 0}.course-card__top:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.25);z-index:2;border-radius:.9rem .9rem 0 0}.course-card__top-content{position:absolute;top:1.2rem;left:1.2rem;right:1.2rem;display:flex;align-items:center;justify-content:space-between;z-index:3}.course-card__img{object-fit:cover;object-position:center;display:block;background-color:#eaeaea;position:relative;width:100%;height:100%;border-radius:.9rem .9rem 0 0}.course-card__content{flex:1;padding:1.2rem 2.4rem 2.4rem}.course-card__content h3{font-size:1.8rem;margin-block:0 .4em;text-wrap:pretty;color:var(--red)}.course-card__content p:first-of-type{font-size:1.2rem;margin-block:0;color:var(--gray5)}.course-card__description{--_font-size: 1.4rem;--_line-height: calc(var(--_font-size) * 1.5);margin-block-end:0;font-size:1.4rem;line-height:var(--_line-height);height:calc(var(--_line-height) * 3);position:relative;overflow:hidden;transition:height .3s ease}.course-card__description.is-open{height:auto;padding-block-end:var(--_line-height)}.course-card__description button{position:absolute;bottom:0;right:0;border:none;background:var(--white);height:var(--_line-height);padding:0 0 0 .8rem;text-decoration:underline;font-size:inherit;line-height:inherit}.course-card__description button:before{content:"";position:absolute;top:0;right:100%;display:inline-block;height:var(--_line-height);width:4.8rem;background:linear-gradient(to right,transparent,var(--white))}.course-card__description button:after{content:"";position:absolute}.course-card__description button:hover{cursor:pointer;color:var(--red)}.course-card__actions{padding:0 2.4rem 2.4rem;display:flex;flex-direction:column;gap:.8rem}.menu-container{position:relative;display:inline-block}.course-card-menu{position:absolute;top:100%;right:0;background-color:#fff;border-radius:.5rem;box-shadow:0 5px 15px rgba(0,0,0,.2);z-index:10;padding:.8rem 0;list-style-type:none}.course-card-menu a,.course-card-menu button{display:block;border:none;background:none;padding:.8rem 1.6rem;font-size:1.4rem;white-space:nowrap;color:var(--black);text-decoration:none;transition:background-color .2s ease}.course-card-menu a:hover,.course-card-menu button:hover{background-color:var(--grayF);cursor:pointer}.course-card-menu button{color:var(--red)}.how-to-use-list{padding-inline:4.4rem 0;margin:0;list-style-type:none;display:flex;flex-direction:column;gap:3rem}.how-to-use-list li{position:relative}.how-to-use-list li h3 span{display:block;font-size:1.4rem;letter-spacing:.1em;text-transform:uppercase;color:var(--red);margin-block-end:.4em}.how-to-use-list svg{height:3rem;position:absolute;top:0;left:-2.6rem;translate:-50% 0}@media screen and (min-width: 500px){.how-to-use-list{padding-inline:6.4rem 0}.how-to-use-list svg{height:4rem;left:-4rem}}.tabs{display:flex;align-items:center}.tabs a{display:inline-block;padding:1.2rem;font-size:1.6rem;text-align:center;color:var(--gray5);position:relative;flex:1}.tabs a.active{font-weight:700;color:var(--red)}.tabs a.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:4px;background-color:var(--red)}.tabs a:hover{background-color:var(--grayF);text-decoration:none;cursor:pointer}@media screen and (min-width: 600px){.tabs{width:min(104.8rem,100%);margin-inline:auto}.tabs a{flex:0 1 auto;padding-inline:2.4rem}}.accordion{display:flex;flex-direction:column;border-radius:0;height:5.6rem;overflow:hidden;transition:height .5s ease}.accordion .course-grid{visibility:hidden;transition:visibility .5s ease}.accordion.is-open{height:auto}.accordion.is-open .accordion-toggle svg{rotate:-90deg}.accordion.is-open .course-grid{visibility:visible}.accordion+.accordion{border-top:1px solid var(--grayD)}.accordion-toggle{background:none;border:none;display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:1.6rem;transition:background-color .1s ease}.accordion-toggle:hover{background-color:rgba(0,0,0,.03);cursor:pointer}.accordion-toggle h2{font-size:1.6rem;font-weight:400;margin-block:0}.accordion-toggle svg{rotate:90deg;transition:rotate .2s ease}@media screen and (min-width: 1000px){.accordion-container{margin-block:1.6rem;border:1px solid var(--grayD);border-radius:.5rem;overflow:hidden}}.video-header{font-size:1.4rem;margin-block:3.2rem 0}.video-list{border:1px solid #ddd;border-radius:.5rem;background-color:var(--white)}.video-list__item{display:flex;align-items:center;gap:1.2rem;padding:1.2rem}.video-list__item+.video-list__item{border-block-start:1px solid #ddd}.video-list__item__content{flex:1}.video-list__item__content h3{font-size:1.4rem;font-weight:400;margin-block:0}.video-list__item__content p{font-size:1.2rem;margin-block:.4rem 0;color:#555}.combo-btn{display:flex;align-items:center}.combo-btn .icon-btn{border-radius:0 .5rem .5rem 0}.combo-btn .btn{border-radius:.5rem 0 0 .5rem;border-inline-end:none}@media screen and (max-width: 500px){.video-list__item{flex-wrap:wrap}.video-list__item .video-actions{width:100%}.video-list__item .combo-btn,.video-list__item .btn{width:100%}}@media screen and (max-width: 1070px){.video-header{padding-inline-start:1.6rem}}.video-list__graphic{border-radius:5px;background-color:#f5f5f5;box-shadow:0 2px rgba(0,0,0,.15);overflow:hidden}.video-list__graphic div{padding:.2rem .4rem;font-size:1rem;font-weight:700;color:#fff;background-color:#333}.video-list__graphic span{display:grid;width:100%;padding:.4rem;place-content:center}.video-list__graphic svg{width:1.8rem;height:1.8rem}.video-list__graphic.is-red svg{fill:#a31f34}.video-list__graphic.is-green{background-color:#e6fde2}.video-list__graphic.is-green svg{fill:#007c13}.video-list__graphic.is-loading svg{animation:rotate 1s linear infinite}.footer-container{grid-column:full;background-color:#f6f7f9;border-block-start:1px solid #d2d2d2}footer{width:min(104.8rem,100% - 2.4rem * 2);margin-inline:auto;padding-block:3.2rem}footer p,footer li{font-size:1.6rem;line-height:1.5;max-width:68ch;margin-block:0}footer a{text-decoration:underline}footer a:hover{color:#555}.footer-logo{display:block;width:100%;max-width:12.8rem}.oeg-logo{display:block;width:100%;max-width:10rem}.footer-social-icon{display:block;width:auto;height:2.4rem}.inline-icon{display:flex;align-items:center;gap:.8rem}.inline-icon svg{height:1.6rem;width:1.6rem}.inline-list{margin:0;padding:0;list-style-type:none;display:flex;align-items:center;flex-wrap:wrap}.error-message{color:#a31f34;font-size:1.4rem;font-weight:700;margin-block:0}.text-block h2{font-size:2.4rem;margin-block:2.5em 1em}.text-block p{font-size:1.8rem;margin-block:1.5em 0;line-height:1.5}.text-block p a{text-decoration:underline}.text-block p a:hover{color:#555}.text-block ul li p{margin-block:1em 0}.text-block ol li::marker,.text-block ul li::marker{font-size:1.8rem}.secret-link{text-decoration:none;cursor:default}.secret-link:hover{text-decoration:none;color:inherit}.checkbox{display:block}.checkbox .checkmark{display:inline-block;cursor:pointer;position:relative;font-size:1.8rem;line-height:1.4;color:var(--black);padding-left:32px}.checkbox .checkmark:before{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;box-sizing:border-box;border:2px solid var(--gray9)}.checkbox .checkmark:after{content:"";position:absolute;display:none}.checkbox input[type=checkbox]+.checkmark:before{border-radius:5px}.checkbox input[type=checkbox]:checked~.checkmark:before{background-color:var(--red);border-color:var(--red)}.checkbox input[type=checkbox]:checked~.checkmark:after{display:block;top:5px;left:9px;width:4px;height:9px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox input:disabled~.checkmark{cursor:auto;color:var(--gray9)}.checkbox input:disabled~.checkmark:before{border-color:var(--grayD)}.checkbox input[type=checkbox]:checked:disabled~.checkmark:before{border-color:var(--grayD);background-color:var(--grayD)}.checkbox :is(input):focus-visible~.checkmark:before{outline:2px solid var(--black);outline-offset:2px}.checkbox :is(input):focus:not(:focus-visible){outline:none}.checkbox input{opacity:0;margin:0;height:.01rem;width:.01rem;position:absolute}.dialog{background-color:var(--white);border-radius:1rem;border:none;box-shadow:0 10px 40px rgba(0,0,0,.3);padding:2.4rem;max-width:50rem;width:min(50rem,100% - 1.2rem * 2)}.dialog::backdrop{background-color:rgba(0,0,0,.5)}.alert-banner{background-color:var(--red-bg);border-bottom:1px solid var(--red-bg-alt)}.alert-banner .alert-banner__content{padding:8px 0}.alert-banner svg{flex:0 0 18px;width:18px;height:18px;fill:#a31f34}.alert-banner span{margin-block:0;font-size:14px;color:#a31f34}