.course-hero{margin-bottom:var(--space-6);background:var(--color-peach);position:relative}.course-hero .scroller.is-overflowing{padding-inline:0}.course-hero-slides{scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;scrollbar-width:none;grid-auto-columns:100%;grid-auto-flow:column;margin:0;padding:0;list-style:none;display:grid;overflow-x:auto}.course-hero-slides::-webkit-scrollbar{display:none}.course-hero-slide{scroll-snap-align:start;min-width:0;position:relative}.course-hero-slide img{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto;display:block}.course-hero-text{padding:var(--space-4) var(--space-4) var(--space-8);background:var(--color-surface)}.course-hero-label{margin:0 0 var(--space-2);padding:2px var(--space-2);border-radius:var(--radius-pill);background:var(--color-pink);color:var(--color-link);font-size:var(--font-xs);text-transform:uppercase;letter-spacing:.04em;font-weight:600;display:inline-block}.course-hero-title{margin:0 0 var(--space-2);font-size:var(--font-xl);line-height:1.2}.course-hero-desc{margin:0 0 var(--space-4);color:var(--color-text-muted)}@media (width>=768px){.course-hero-slide img{aspect-ratio:8/3}.course-hero-text{top:50%;left:max(var(--space-6), calc((100% - var(--content-max)) / 2 + var(--page-padding)));width:min(28rem,45%);padding:var(--space-5);border-radius:var(--radius-lg);background:#ffffffed;position:absolute;transform:translateY(-50%);box-shadow:0 10px 30px #0000001f}.course-hero-title{font-size:1.75rem}}@media (hover:hover) and (pointer:fine){.course-hero .scroller-arrow{background:#ffffffe6;width:2.75rem;height:2.75rem;top:50%}.course-hero .scroller-arrow.is-prev{left:var(--space-4)}.course-hero .scroller-arrow.is-next{right:var(--space-4)}}.course-hero .scroller-dots{right:0;bottom:var(--space-3);pointer-events:none;padding:0;position:absolute;left:0}.course-hero .scroller-dot{pointer-events:auto;background:#ffffffd9;box-shadow:0 0 0 1px #0003}.course-hero .scroller-dot.is-current{background:var(--color-primary)}.courses-intro{padding-block:var(--space-6) var(--space-4);text-align:center}.courses-intro p{max-width:40rem;margin:var(--space-2) auto 0;color:var(--color-text-muted)}.course-section{padding-block:var(--space-6)}.course-section-alt{background:var(--color-surface-muted)}.course-section-head{max-width:42rem;margin:0 auto var(--space-5);text-align:center}.course-section-head h2{margin:0}.course-section-head p{margin:var(--space-2) 0 0;color:var(--color-text-muted)}.course-highlights{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}@media (width>=900px){.course-highlights{grid-template-columns:repeat(4,minmax(0,1fr))}}.course-highlights li{align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);font-size:var(--font-sm);font-weight:500;display:flex}.course-icon{border-radius:var(--radius-pill);background:var(--color-pink);width:2.5rem;height:2.5rem;color:var(--color-link);flex:none;justify-content:center;align-items:center;display:inline-flex}.course-cards{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,17rem),1fr));margin:0;padding:0;list-style:none;display:grid}.course-card-v2{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);flex-direction:column;display:flex;overflow:hidden}.course-card-media{aspect-ratio:16/10;background:var(--color-peach);display:block;overflow:hidden}.course-card-media img,.course-card-media .illustration{object-fit:cover;width:100%;height:100%}.course-card-body{gap:var(--space-2);padding:var(--space-3) var(--space-4) var(--space-4);flex-direction:column;flex:1;display:flex}.course-card-type{color:var(--color-link);font-size:var(--font-xs);text-transform:uppercase;letter-spacing:.04em;margin:0;font-weight:600}.course-card-title{font-size:var(--font-md);margin:0;line-height:1.3}.course-card-title a{min-height:var(--tap-min);color:var(--color-text);align-items:center;display:inline-flex}.course-card-title a:hover{color:var(--color-link)}.course-card-text{color:var(--color-text-muted);font-size:var(--font-sm);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.course-facts{gap:var(--space-1) var(--space-3);color:var(--color-text-muted);font-size:var(--font-sm);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.course-facts li{align-items:center;gap:var(--space-1);display:inline-flex}.course-card-mine{padding:2px var(--space-2);border-radius:var(--radius-pill);background:var(--color-green);color:var(--color-success);font-size:var(--font-xs);align-self:flex-start;margin:0;font-weight:600}.course-card-foot{justify-content:space-between;align-items:center;gap:var(--space-2);padding-top:var(--space-2);flex-wrap:wrap;margin-top:auto;display:flex}.course-card-price{font-size:var(--font-lg);margin:0;font-weight:600}.course-points{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(min(100%,15rem),1fr));margin:0;padding:0;list-style:none;display:grid}.course-points li{gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);display:flex}.course-points h3{margin:0 0 var(--space-1);font-size:var(--font-md)}.course-points p{color:var(--color-text-muted);font-size:var(--font-sm);margin:0}.course-steps{counter-reset:step}.course-step-number{border-radius:var(--radius-pill);background:var(--color-primary);width:2.25rem;height:2.25rem;color:var(--color-on-primary);flex:none;justify-content:center;align-items:center;font-weight:600;display:inline-flex}.course-cta{padding:var(--space-6) var(--space-4);border-radius:var(--radius-lg);background:var(--color-peach);text-align:center}.course-cta h2{margin:0}.course-cta p{margin:var(--space-2) auto var(--space-4);max-width:34rem;color:var(--color-text-muted)}.course-empty{padding:var(--space-6);border:1px dashed var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-text-muted);text-align:center}.course-page-top{gap:var(--space-5);align-items:start;display:grid}@media (width>=960px){.course-page-top{grid-template-columns:minmax(0,1fr) 21rem}.course-buy{top:calc(var(--header-height) + var(--space-4));position:sticky}}.course-intro-media{border-radius:var(--radius-lg);aspect-ratio:16/9;background:var(--color-peach);overflow:hidden}.course-intro-media img,.course-intro-media .illustration{object-fit:cover;width:100%;height:100%}.course-intro h1{margin:var(--space-3) 0 var(--space-2)}.course-intro-lead{margin:0 0 var(--space-3);color:var(--color-text-muted);font-size:var(--font-md)}.course-preview-note{margin:0 0 var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--color-yellow);font-weight:500}.course-buy{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:0 6px 20px #0000000d}.course-buy-price{margin:0;font-size:1.75rem;font-weight:600}.course-buy-facts{gap:var(--space-2);margin:var(--space-3) 0;font-size:var(--font-sm);padding:0;list-style:none;display:grid}.course-buy-facts li{align-items:center;gap:var(--space-2);display:flex}.course-buy .btn{width:100%}.course-buy-note{margin:var(--space-3) 0 0;color:var(--color-text-muted);font-size:var(--font-sm)}.course-block{margin-top:var(--space-6)}.course-block h2{margin:0 0 var(--space-3);font-size:var(--font-lg)}.course-text p{margin:0 0 var(--space-3)}.course-list{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.course-list li{gap:var(--space-2);display:flex}.course-list svg{color:var(--color-success);flex:none;margin-top:2px}.curriculum{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.curriculum details{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}.curriculum summary{align-items:center;gap:var(--space-1) var(--space-3);min-height:var(--tap-min);padding:var(--space-3) var(--space-4);cursor:pointer;grid-template-columns:minmax(0,1fr) auto;list-style:none;display:grid}.curriculum summary::-webkit-details-marker{display:none}.curriculum summary:after{content:"";width:.55rem;height:.55rem;color:var(--color-text-muted);border-bottom:2px solid;border-right:2px solid;grid-area:1/2/span 2;transition:transform .2s;transform:translateY(-25%)rotate(45deg)}.curriculum details[open] summary:after{transform:translateY(25%)rotate(-135deg)}.curriculum-title{font-weight:600}.curriculum-meta{color:var(--color-text-muted);font-size:var(--font-sm);grid-column:1}.curriculum-body{padding:0 var(--space-4) var(--space-4)}.curriculum-body p{margin:0 0 var(--space-2);color:var(--color-text-muted);font-size:var(--font-sm)}.curriculum-lessons{gap:var(--space-1);font-size:var(--font-sm);margin:0;padding:0;list-style:none;display:grid}.curriculum-lessons li{align-items:center;gap:var(--space-2);display:flex}.curriculum-lessons svg{color:var(--color-text-muted);flex:none}.course-progress-track{border-radius:var(--radius-pill);background:var(--color-border);height:.5rem;overflow:hidden}.course-progress-track span{border-radius:inherit;background:var(--color-primary);height:100%;transition:width .3s;display:block}.course-progress-text{margin:var(--space-1) 0 0;color:var(--color-text-muted);font-size:var(--font-sm)}.course-access{font-size:var(--font-sm);margin:0}.course-access.is-ended{color:var(--color-danger);font-weight:500}@media (prefers-reduced-motion:reduce){.course-progress-track span{transition:none}}.learning-cards{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.learning-card{align-items:start;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);grid-template-columns:5.5rem minmax(0,1fr);display:grid}@media (width>=640px){.learning-card{grid-template-columns:12rem minmax(0,1fr)}}.learning-card-media{border-radius:var(--radius);aspect-ratio:1;background:var(--color-peach);overflow:hidden}@media (width>=640px){.learning-card-media{aspect-ratio:16/10}}.learning-card-media img,.learning-card-media .illustration{object-fit:cover;width:100%;height:100%}.learning-card-body{gap:var(--space-2);justify-items:start;display:grid}.learning-card-body .course-progress{width:100%;max-width:24rem}.learning-card-title{font-size:var(--font-md);margin:0}.learning-state{padding:2px var(--space-2);border-radius:var(--radius-pill);background:var(--color-blue);font-size:var(--font-xs);margin:0;font-weight:600}.learning-state.is-completed{background:var(--color-green);color:var(--color-success)}.learning-state.is-expired,.learning-state.is-revoked{background:var(--color-danger-bg);color:var(--color-danger)}.learning-table-wrap{overflow-x:auto}.learning-purchases{border-collapse:collapse;width:100%;font-size:var(--font-sm)}.learning-purchases a{min-height:var(--tap-min);align-items:center;display:inline-flex}.learning-purchases th,.learning-purchases td{padding:var(--space-2);border-bottom:1px solid var(--color-border);text-align:left;white-space:nowrap}.course-checkout-sum{gap:var(--space-1);margin:0;display:grid}.course-checkout-sum div{justify-content:space-between;gap:var(--space-3);display:flex}.course-checkout-sum dt,.course-checkout-sum dd{margin:0}.course-checkout-sum .is-total{padding-top:var(--space-2);border-top:1px solid var(--color-border);font-size:var(--font-lg);font-weight:600}.course-coupon-row{gap:var(--space-2);display:flex}.course-coupon-row .field-input{flex:1;min-width:0}.course-buy .course-coupon-row .btn{width:auto}.course-buy .field{margin-top:var(--space-3)}.course-paid{text-align:center}.course-icon-large{width:4rem;height:4rem;margin-bottom:var(--space-3);background:var(--color-green);color:var(--color-success)}.learn-head h1{margin:0 0 var(--space-2)}.learn-head .course-progress{max-width:28rem}.learn-head .form-alert{align-items:center;gap:var(--space-3);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.learn-head .form-alert p{margin:0}.learn-done{align-items:center;gap:var(--space-2);margin:var(--space-3) 0 0;padding:var(--space-3);border-radius:var(--radius);background:var(--color-success-bg);color:var(--color-success);flex-wrap:wrap;font-weight:500;display:flex}.learn-layout{gap:var(--space-4);margin-top:var(--space-4);align-items:start;display:grid}@media (width>=960px){.learn-layout{grid-template-columns:19rem minmax(0,1fr)}.learn-contents{top:calc(var(--header-height) + var(--space-4));max-height:calc(100vh - var(--header-height) - var(--space-8));position:sticky;overflow-y:auto}.learn-contents-toggle{display:none}}.learn-modules{gap:var(--space-2);margin:var(--space-2) 0 0;padding:0;list-style:none;display:none}.learn-modules.is-open{display:grid}@media (width>=960px){.learn-modules{margin-top:0;display:grid}}.learn-module{padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}.learn-module.is-locked{background:var(--color-surface-muted)}.learn-module-head{gap:var(--space-2);margin:0 0 var(--space-2);display:flex}.learn-module-icon{border-radius:var(--radius-pill);background:var(--color-pink);width:1.75rem;height:1.75rem;color:var(--color-link);font-size:var(--font-sm);flex:none;justify-content:center;align-items:center;font-weight:600;display:inline-flex}.learn-module.is-completed .learn-module-icon{background:var(--color-green);color:var(--color-success)}.learn-module.is-locked .learn-module-icon{background:var(--color-border);color:var(--color-text-muted)}.learn-module-title{font-weight:600;line-height:1.3;display:block}.learn-module-state{color:var(--color-text-muted);font-size:var(--font-xs);display:block}.learn-lessons{gap:2px;margin:0;padding:0;list-style:none;display:grid}.learn-lessons button{align-items:center;gap:var(--space-2);width:100%;min-height:var(--tap-min);padding:var(--space-1) var(--space-2);border-radius:var(--radius);color:var(--color-text);font:inherit;font-size:var(--font-sm);text-align:left;cursor:pointer;background:0 0;border:0;display:flex}.learn-lessons button:hover:not(:disabled),.learn-lessons button.is-current{background:var(--color-pink)}.learn-lessons button.is-current{font-weight:600}.learn-lessons button:disabled{color:var(--color-text-muted);cursor:not-allowed}.learn-lessons svg{flex:none}.learn-main{min-width:0;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}.learn-main:focus{outline:none}.learn-lesson-title{margin:0 0 var(--space-3)}.learn-media{margin-bottom:var(--space-4);border-radius:var(--radius);aspect-ratio:16/9;background:#000;overflow:hidden}.learn-media video,.learn-media iframe{border:0;width:100%;height:100%;display:block}.learn-body{margin-bottom:var(--space-4);white-space:pre-line}.learn-resources h3{margin:0 0 var(--space-2);font-size:var(--font-md)}.learn-resources ul{gap:var(--space-1);margin:0 0 var(--space-4);padding:0;list-style:none;display:grid}.learn-resources a{align-items:center;gap:var(--space-2);min-height:var(--tap-min);font-weight:500;display:inline-flex}.learn-file-size{color:var(--color-text-muted);font-weight:400}.learn-actions{justify-content:space-between;align-items:flex-start;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--color-border);flex-wrap:wrap;display:flex}.learn-complete{gap:var(--space-2);justify-items:start;margin-left:auto;display:grid}.learn-module-done{align-items:center;gap:var(--space-2);color:var(--color-success);flex-wrap:wrap;margin:0 0 0 auto;font-weight:600;display:flex}.learn-review form{gap:var(--space-3);max-width:36rem;display:grid}.course-sticky-buy[hidden]{display:none}.course-sticky-buy{z-index:44;inset:auto 0 calc(var(--bottom-bar,0px) + var(--safe-bottom));justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-2) max(var(--space-4), var(--safe-right)) var(--space-2) max(var(--space-4), var(--safe-left));border-top:1px solid var(--color-border);background:var(--color-surface);display:flex;position:fixed;box-shadow:0 -4px 14px #0000000f}.site:has(.course-sticky-buy.is-shown){--sticky-buy:4rem}.course-sticky-buy p{min-width:0;margin:0;line-height:1.25;display:grid}.course-sticky-title{font-size:var(--font-sm);color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.course-sticky-price{font-size:var(--font-lg);font-weight:600}.course-sticky-buy .btn{flex-shrink:0}@media (width>=960px){.course-sticky-buy:not([hidden]){display:none}.site:has(.course-sticky-buy.is-shown){--sticky-buy:0px}}@media (width<=959px){.course-checkout-course{align-items:center;gap:var(--space-3);grid-template-columns:6rem minmax(0,1fr);display:grid}.course-checkout-course .course-intro-media{aspect-ratio:1}.course-checkout-course h2{font-size:var(--font-lg);margin:0}.course-checkout-course>:not(.course-intro-media,h2){grid-column:1/-1;margin:0}}@media (width<=640px){.learning-purchases thead{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.learning-purchases,.learning-purchases tbody,.learning-purchases tr,.learning-purchases td{display:block}.learning-purchases tr{padding:var(--space-2) 0;border-bottom:1px solid var(--color-border)}.learning-purchases td{gap:var(--space-3);padding:var(--space-1) 0;white-space:normal;text-align:right;border-bottom:0;justify-content:space-between;align-items:center;display:flex}.learning-purchases td:before{content:attr(data-label);color:var(--color-text-muted);text-align:left;font-weight:600}}.course-buy>.btn{margin-top:var(--space-4)}.courses-preview-note{margin:var(--space-3) 0;padding:var(--space-3) var(--space-4);border-left:4px solid var(--color-warning,#b7791f);border-radius:var(--radius);font-size:var(--font-sm);background:#fff8e6}