.course-page .site-main--course{padding-top:0}.course-page .course-preview-banner{position:sticky;top:0;z-index:25;background:#fffbeb;border-bottom:1px solid #fde68a}.course-page .course-preview-banner__inner{max-width:var(--max-site, 1200px);margin:0 auto;padding:12px 16px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 16px;text-align:center}.course-page .course-preview-banner__text{margin:0;font-size:13px;line-height:1.5;color:#92400e}.course-page .course-preview-banner__label{display:inline-block;margin-right:4px;font-weight:700}.course-page .course-preview-banner__back{font-size:12px;font-weight:600;color:#b45309;text-decoration:underline;white-space:nowrap}.course-page .course-preview-banner__back:hover{color:#92400e}.course-page .course-shell{background:var(--bg-soft, #f8fafc);padding-bottom:4.5rem}.course-page .site-newsletter{margin-top:0}.course-page footer{margin-top:0}.course-page .btn-accent,.course-page .course-btn-cta{color:#fff!important;background:var(--btn-gradient)!important;box-shadow:0 8px 24px -8px var(--btn-shadow)}.course-page .btn-accent:hover,.course-page .course-btn-cta:hover{color:#fff!important;background:var(--btn-gradient-hover)!important;box-shadow:0 12px 28px -10px var(--btn-shadow)}.course-page .btn-accent.btn-lg,.course-page .course-btn-cta.btn-lg{width:100%}.course-page .course-hero__play{background:var(--btn-gradient)!important}.course-page .course-tabs{position:static;top:auto;left:auto;right:auto;z-index:auto;-webkit-backdrop-filter:none;backdrop-filter:none;border:1px solid #e2e8f0}.course-page .course-tabs__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}@media (min-width: 640px){.course-page .course-tabs__list{grid-template-columns:repeat(4,minmax(0,1fr))}}.course-page .course-tabs__btn{display:flex;align-items:center;justify-content:center;width:100%;padding:.65rem .75rem;border:none;border-radius:10px;background:transparent;color:#64748b;font-size:.875rem;font-weight:600;font-family:inherit;cursor:pointer;transition:color .2s,background .2s,box-shadow .2s,transform .15s}.course-page .course-tabs__btn:hover{color:#0f172a;background:#f8fafc}.course-page .course-tabs__list[data-active-tab=about] [data-tab=about],.course-page .course-tabs__list[data-active-tab=content] [data-tab=content],.course-page .course-tabs__list[data-active-tab=comments] [data-tab=comments],.course-page .course-tabs__list[data-active-tab=reviews] [data-tab=reviews]{color:#fff;background:var(--btn-gradient);box-shadow:0 6px 18px -8px var(--btn-shadow)}.course-page .course-tabs__list[data-active-tab=about] [data-tab=about]:hover,.course-page .course-tabs__list[data-active-tab=content] [data-tab=content]:hover,.course-page .course-tabs__list[data-active-tab=comments] [data-tab=comments]:hover,.course-page .course-tabs__list[data-active-tab=reviews] [data-tab=reviews]:hover{color:#fff;transform:translateY(-1px)}.course-page .course-tabs__btn:focus-visible{outline:2px solid var(--brand-blue-dark);outline-offset:2px}.course-page .course-tab-panels{min-height:200px}.course-page .course-tier-picker{display:flex;flex-direction:column;gap:.5rem}.course-page .course-tier-option{display:block;cursor:pointer}.course-page .course-tier-option__body{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border:2px solid #e2e8f0;border-radius:12px;background:#fff;transition:border-color .15s,box-shadow .15s}.course-page .course-tier-option.is-selected .course-tier-option__body,.course-page .course-tier-option:has(input:checked) .course-tier-option__body{border-color:var(--brand-blue-dark);box-shadow:0 0 0 1px #0f365326}.course-page .course-tier-option__indicator{width:1rem;height:1rem;border-radius:50%;border:2px solid #cbd5e1;flex-shrink:0}.course-page .course-tier-option.is-selected .course-tier-option__indicator,.course-page .course-tier-option:has(input:checked) .course-tier-option__indicator{border-color:var(--brand-blue-dark);background:radial-gradient(circle at center,var(--brand-blue-dark) 40%,transparent 41%)}.course-page .course-tier-option__text{display:flex;flex-direction:column;gap:.125rem;min-width:0}.course-page .course-tier-option__name{font-size:.875rem;font-weight:600;color:#0f172a}.course-page .course-tier-option__price{font-size:.8125rem;font-weight:600;color:#334155}.course-page .course-tier-option__original{margin-left:.35rem;font-weight:500;color:#94a3b8;text-decoration:line-through}.course-page .course-price-display{display:flex;align-items:baseline;flex-wrap:wrap;gap:.5rem;min-height:2.25rem}.course-page .course-enroll-soon{position:relative;width:100%}.course-page .course-enroll-soon--inline,.course-page .course-enroll-soon.inline-block{width:auto;display:inline-block}.course-page .course-enroll-soon__btn:disabled{opacity:.72;cursor:not-allowed;transform:none!important;box-shadow:0 4px 14px -6px var(--btn-shadow, rgba(15, 54, 83, .35))}.course-page .course-enroll-soon__btn:disabled:hover{transform:none!important}.course-page .course-enroll-soon__tip{position:absolute;left:50%;bottom:calc(100% + 10px);transform:translate(-50%) translateY(4px);padding:.4rem .75rem;border-radius:8px;background:#0f172a;color:#fff;font-size:.75rem;font-weight:600;white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .2s,transform .2s,visibility .2s;z-index:20;box-shadow:0 8px 20px #0f172a40}.course-page .course-enroll-soon__tip:after{content:"";position:absolute;left:50%;top:100%;transform:translate(-50%);border:6px solid transparent;border-top-color:#0f172a}.course-page .course-enroll-soon:hover .course-enroll-soon__tip,.course-page .course-enroll-soon:focus-within .course-enroll-soon__tip{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.course-page .course-hero{padding-top:82px;margin-top:0}.course-page .course-hero__grid{align-items:stretch}.course-page .course-hero__intro{display:flex;flex-direction:column;justify-content:space-between;gap:1.75rem;min-height:100%}.course-page .course-hero__intro-top{display:flex;flex-direction:column;gap:1rem;min-height:0}.course-page .course-hero__breadcrumb{font-size:.9375rem;color:#ffffff73}.course-page .course-hero__breadcrumb span:last-child{color:#ffffffa6}.course-page .course-preview-hero__breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin:0 0 .875rem;font-size:1.0625rem;line-height:1.5;color:#ffffff94}.course-page .course-preview-hero__breadcrumb a{color:inherit;text-decoration:none;transition:color .15s}.course-page .course-preview-hero__breadcrumb a:hover{color:#ffffffe6}.course-page .course-preview-hero__breadcrumb [aria-current=page]{color:#ffffffeb;font-weight:600}.course-page .course-hero__title{margin:0;font-size:clamp(1.875rem,3.2vw,3rem);font-weight:800;line-height:1.12;letter-spacing:-.02em;color:#fff}.course-page .course-hero__description{margin:0;font-size:clamp(1.0625rem,1.45vw,1.3125rem);line-height:1.55;color:#ffffff9e;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden}.course-page .course-hero__intro-bottom{display:flex;flex-direction:column;gap:1.25rem}.course-page .course-hero__meta{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;font-size:clamp(.9375rem,1.1vw,1.0625rem);color:#ffffff73}.course-page .course-hero__meta-item{display:inline-flex;align-items:center;gap:.5rem}.course-page .course-hero__stars{color:#facc15;letter-spacing:.08em;font-size:1.125rem}.course-page .course-hero__meta-icon{width:1.125rem;height:1.125rem;flex-shrink:0}.course-page .course-hero__instructor{display:flex;align-items:center;gap:.875rem}.course-page .course-hero__instructor-photo{width:3rem;height:3rem;border-radius:9999px;-o-object-fit:cover;object-fit:cover;border:2px solid rgba(255,255,255,.2)}.course-page .course-hero__instructor-name{margin:0;font-size:1.0625rem;font-weight:600;color:#ffffffd9}.course-page .course-hero__instructor-role{margin:.125rem 0 0;font-size:.875rem;color:#ffffff61}@media (min-width: 1024px){.course-page .course-hero__intro{padding:.5rem 0;min-height:100%}.course-page .course-hero__description{-webkit-line-clamp:6}}@media (max-width: 1023px){.course-page .course-hero__description{-webkit-line-clamp:4}}.course-page .course-shell .max-w-site,.course-page .course-shell .max-w-6xl{max-width:var(--site-max-width, 1536px)}@media (min-width: 1024px){.course-page .course-purchase-aside{position:sticky;top:96px;align-self:start}}.course-page .course-sidebar-preview{display:none}@media (max-width: 1023px){.course-page .course-purchase-aside{order:-1}.course-page .course-content-column{order:1}}.course-page .course-sidebar-action.is-active{color:var(--brand-blue-dark);border-color:#2b7bc059;background:#2b7bc014}.course-page .course-sidebar-action.is-active svg{color:var(--brand-blue-dark)}.course-page .course-sidebar-action.is-active svg path{fill:currentColor;fill-opacity:.15}.course-page .course-sidebar-action:disabled{opacity:.45;cursor:not-allowed}.course-page .course-purchase-card .btn-accent{width:100%}.course-page .btn-outline{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:14px 28px;font-size:15px;font-weight:600;font-family:inherit;border-radius:100px;border:2px solid #cbd5e1;color:#334155;background:#fff;text-decoration:none;cursor:pointer;transition:background .2s,border-color .2s}.course-page .btn-outline:hover{background:#f8fafc;border-color:#94a3b8;color:#0f172a}.course-page .course-sticky-bar{padding-bottom:env(safe-area-inset-bottom,0)}.course-page .course-sticky-bar__actions .course-sticky-cta{width:auto!important;min-width:9.5rem;max-width:100%;height:42px;padding:0 1.5rem!important;font-size:.875rem!important;font-weight:700;white-space:nowrap;flex-shrink:0;border-radius:999px;line-height:1;display:inline-flex;align-items:center;justify-content:center}.course-page .course-sticky-bar__actions .course-enroll-soon{width:auto;flex-shrink:0}.course-page .course-sticky-bar__actions .course-enroll-soon__btn{width:auto!important;min-width:9.5rem;height:42px;padding:0 1.5rem!important;font-size:.875rem!important;border-radius:999px}@media (max-width: 639px){.course-page .course-sticky-bar__actions{justify-content:space-between}.course-page .course-sticky-bar__actions .course-sticky-cta,.course-page .course-sticky-bar__actions .course-enroll-soon__btn{flex:1;min-width:0}}.course-page .course-comments__textarea{resize:vertical;min-height:6rem}.course-page .course-comment__head{display:flex;align-items:center;gap:.75rem}.course-page .course-comment__avatar{width:2.5rem;height:2.5rem;border-radius:50%;background:#0f36531a;color:var(--brand-blue-dark, #0f3653);font-size:.875rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.course-page .course-comment__author{font-size:.875rem;font-weight:600;color:#0f172a}.course-page .course-comment__time{font-size:.75rem;color:#94a3b8}.course-page .course-comment__body{margin-top:.75rem;font-size:.9375rem;line-height:1.6;color:#334155;white-space:pre-wrap}.course-page .course-comment__badge{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:.2rem .5rem;border-radius:6px;background:#fef3c7;color:#b45309}.course-page .course-comment--pending .course-comment__head{justify-content:space-between}.course-page .course-comment__reply{margin-top:1rem;margin-left:.5rem;padding:1rem 1rem 1rem 1.25rem;border-left:3px solid var(--brand-blue-dark, #0f3653);background:#f8fafc;border-radius:0 10px 10px 0}.course-page .course-comment__reply-label{display:flex;align-items:center;gap:.375rem;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--brand-blue-dark, #0f3653);margin-bottom:.5rem}.course-page .course-comment__reply-body{font-size:.875rem;line-height:1.55;color:#475569;white-space:pre-wrap}.course-page .course-comment__reply-meta{font-size:.75rem;color:#94a3b8;margin-top:.5rem}
