.course-detail{color:#12325b;background:#f5faff;padding:0 24px 36px;font-size:13px;line-height:1.65}.detail-container{max-width:1240px;margin:auto}.detail-breadcrumb{flex-wrap:wrap;align-items:center;gap:8px;padding:16px 0;font-size:12px;display:flex}.detail-layout{grid-template-columns:minmax(0,2.3fr) minmax(0,1fr);align-items:start;gap:16px;display:grid}.detail-main-column,.detail-sidebar{gap:16px;min-width:0;display:grid}.detail-box{background:#fff;border:1px solid #e3edf8;border-radius:12px;min-width:0;padding:18px;box-shadow:0 3px 15px #0868c903}.course-detail h2{color:#0b3478;margin-bottom:12px;font-size:19px;font-weight:700;line-height:1.4}.course-detail h3{color:#0b3478;font-size:13px;font-weight:600}.course-detail p{color:#62758d}.course-detail a{color:#0868c9}.course-detail a:focus-visible,.course-detail button:focus-visible{outline-offset:3px;outline:2px solid #0868c9}.course-detail [data-slot=button][data-variant=default]{color:#fff;background:#0f6fff}.course-detail [data-slot=button]{border-radius:7px;min-height:44px;font-size:13px}.course-detail section[id]{scroll-margin-top:135px}.detail-hero{background:linear-gradient(110deg,#f7fcff,#e3f4ff);grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);align-items:center;gap:20px;display:grid}.detail-hero h1{color:#0b3478;margin:10px 0 4px;font-size:25px;font-weight:700;line-height:1.3}.detail-hero p{margin-bottom:8px;font-size:12px}.detail-subtitle{color:#244f86!important}.detail-badge{color:#fff;background:#ffad38;border-radius:5px;padding:4px 9px;font-size:12px;font-weight:600}.detail-meta{flex-wrap:wrap;gap:12px;margin:16px 0;font-size:11px;display:flex}.detail-meta span{align-items:center;gap:5px;display:flex}.detail-meta svg{width:16px;height:16px}.detail-star{color:#f59e0b;fill:#f59e0b}.detail-tags{flex-wrap:wrap;gap:6px;display:flex}.detail-tags li{background:#f7fcff;border:1px solid #cbe3fd;border-radius:20px;padding:3px 10px;font-size:10px}.detail-trailer{aspect-ratio:1.42;cursor:pointer;border-radius:8px;width:100%;position:relative;overflow:hidden}.detail-trailer img{object-fit:cover}.detail-trailer:after{content:"";background:linear-gradient(#0000,#071e32b0);position:absolute;inset:50% 0 0}.detail-play{color:#0f6fff;z-index:1;background:#fff;border-radius:50%;place-items:center;width:48px;height:48px;display:grid;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.detail-trailer-caption{color:#fff;z-index:1;width:100%;font-size:11px;position:absolute;bottom:12px;left:0}.detail-tabs{z-index:20;background:#fff;border-bottom:1px solid #e3edf8;margin:0 -24px 16px;padding:0 24px;position:sticky;top:73px}.detail-tabs>div{max-width:1240px;margin:auto;display:flex;overflow-x:auto}.detail-tabs a{white-space:nowrap;color:#315179;border-bottom:2px solid #0000;padding:13px 24px;font-size:13px}.detail-tabs a[aria-current],.detail-tabs a:hover{color:#0f6fff;border-color:#0f6fff}.detail-outcomes{border-bottom:1px solid #e3edf8;margin-bottom:24px;padding-bottom:24px}.detail-outcomes ul{grid-template-columns:1fr 1fr;gap:10px 20px;display:grid}.detail-outcomes li{color:#62758d;gap:10px;font-size:12px;display:flex}.detail-outcomes svg{color:#15b76a;flex-shrink:0;width:18px;height:18px}.detail-about,.detail-fit,.detail-method{border-bottom:1px solid #e3edf8;margin-bottom:24px;padding-bottom:24px}.detail-about p+p{margin-top:10px}.detail-fit{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 28px;display:grid}.detail-fit ul{gap:8px;display:grid}.detail-fit li{color:#62758d;gap:10px;font-size:12px;display:flex}.detail-fit svg{color:#0f6fff;flex-shrink:0;width:16px;height:16px;margin-top:2px}.detail-method ol{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.detail-method li{background:#f8fcff;border:1px solid #dcebf9;border-radius:8px;padding:12px}.detail-method-number{color:#0b3478;background:#cce5ff;border-radius:50%;place-items:center;width:24px;height:24px;margin-bottom:8px;font-size:12px;font-weight:600;display:grid}.detail-method h3{margin-bottom:4px}.detail-method p{font-size:12px;line-height:1.55}.detail-muted{margin:-6px 0 14px;font-size:12px}.detail-includes{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.detail-includes li{color:#315179;background:#eef6ff;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;display:inline-flex}.detail-includes svg{color:#0f6fff;width:14px;height:14px}.detail-chapter li[data-type=live]>svg:first-child{color:#ef174a}.detail-chapter li[data-type=quiz]>svg:first-child{color:#15b76a}.detail-chapter li[data-type=document]>svg:first-child{color:#f59e0b}.detail-chapter{background:#f8fcff;border:1px solid #dcebf9;border-radius:8px;margin-top:4px}.detail-chapter h3 button{cursor:pointer;text-align:left;align-items:center;gap:10px;width:100%;min-height:44px;padding:10px 12px;display:flex}.detail-chapter-number{color:#0b3478;background:#cce5ff;border-radius:50%;flex-shrink:0;place-items:center;width:24px;height:24px;display:grid}.detail-chapter strong{flex:1;font-size:12px;font-weight:500}.detail-chapter small{color:#62758d;font-size:11px}.detail-chapter svg,.detail-faq svg{flex-shrink:0;width:15px;height:15px}.detail-chapter button[data-state=open]>svg,.detail-faq button[data-state=open]>svg{transform:rotate(180deg)}.detail-chapter ul{background:#fff;border-top:1px solid #dcebf9;padding:8px 12px}.detail-chapter li{border-bottom:1px solid #edf3fa;align-items:center;gap:10px;padding:10px 0;font-size:12px;display:flex}.detail-chapter li>span{flex:1}.detail-preview{color:#0868c9;align-items:center;gap:4px;min-height:44px;display:flex}.detail-section-heading{justify-content:space-between;align-items:center;gap:8px;margin-bottom:14px;display:flex}.detail-section-heading h2{margin:0}.detail-review-button{color:#0868d7;cursor:pointer;border:1px solid #9bc5fa;border-radius:8px;min-height:42px;padding:0 16px;font-weight:600}.detail-section-heading a{align-items:center;gap:5px;font-size:11px;display:flex}.detail-section-heading svg{width:14px}.detail-review-top{justify-content:space-between;align-items:center;gap:16px;margin:16px 0;display:flex}.detail-review-summary{flex:1;grid-template-columns:180px minmax(0,420px);align-items:center;gap:56px;min-width:0;display:grid}.detail-review-navigation{flex-shrink:0;align-self:flex-end;gap:8px;display:flex}.detail-review-navigation button{color:#0f6fff;cursor:pointer;background:#fff;border:1px solid #9bc6ff;border-radius:8px;place-items:center;width:36px;height:36px;display:grid}.detail-review-navigation button:disabled{opacity:.35;cursor:default}.detail-review-navigation svg{width:18px;height:18px}.detail-review-page{text-align:right;margin-top:10px;font-size:12px}.detail-review-summary strong{font-size:36px;line-height:1.1}.detail-review-summary strong small{font-size:20px}.detail-stars{letter-spacing:2px;color:#f59e0b!important}.detail-rating-row{align-items:center;gap:12px;min-height:24px;font-size:12px;display:flex}.detail-rating-row>span{flex:0 0 42px}.detail-rating-row>span:last-child{flex-basis:36px}.detail-rating-row progress{accent-color:#f5a300;border-radius:8px;flex:1;width:100%;min-width:0;height:8px;overflow:hidden}.detail-rating-row progress::-webkit-progress-bar{background:#e6edf5}.detail-rating-row progress::-webkit-progress-value{background:#f5a300;border-radius:8px}.detail-review-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.detail-review-grid article{border:1px solid #e3edf8;border-radius:8px;padding:12px;font-size:11px}.detail-review-author{align-items:center;gap:8px;margin-bottom:8px;display:flex}.detail-review-author>svg{background:#edf6ff;border-radius:50%;width:36px;height:36px;padding:7px}.detail-review-grid small{color:#62758d;font-size:10px}.detail-related-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.detail-related .shared-course h3{font-size:12px}.detail-related .course-students,.detail-related .course-teacher,.detail-related .course-enroll{display:none}.detail-related .shared-course{font-size:11px}.detail-desktop-slot{position:relative}.detail-sidebar{position:static;overflow:visible}.detail-purchase{padding:16px}.detail-offer{align-items:center;gap:8px;min-height:42px;font-size:9px;display:flex}.detail-offer>strong{color:#fff;background:#ef4444;border-radius:5px;padding:6px 10px;font-size:16px}.detail-countdown{gap:5px;margin-left:auto;display:flex}.detail-countdown>span{flex-direction:column;align-items:center;display:flex}.detail-countdown b{background:#f5faff;border:1px solid #e3edf8;border-radius:4px;padding:2px 4px;font-size:12px}.detail-countdown small{font-size:8px}.detail-price{flex-wrap:wrap;align-items:center;gap:10px;margin:12px 0;display:flex}.detail-price strong{color:#ef174a;font-size:28px;font-weight:700}.detail-price del{color:#8090a8;font-size:12px}.detail-purchase>[data-slot=button]{width:100%;margin-top:10px;display:flex}.detail-purchase ul{gap:10px;margin-top:16px;display:grid}.detail-purchase li{color:#62758d;gap:10px;font-size:12px;display:flex}.detail-purchase li svg{color:#3155a1;flex-shrink:0;width:16px;height:16px}.detail-action-status:empty{display:none}.detail-action-status{margin-top:8px;font-size:11px}.detail-instructor{border-top:1px solid #e3edf8;align-items:center;gap:14px;padding:12px 0;display:flex}.detail-avatar{background:#e6effb;border-radius:50%;flex-shrink:0;place-items:center;width:72px;height:72px;display:grid;overflow:hidden}.detail-avatar>svg{color:#62758d;width:42px;height:42px}.detail-avatar img{object-fit:cover;object-position:72% 25%;width:100%;height:100%}.detail-instructor h3 svg{color:#0f6fff;width:15px;display:inline}.detail-instructor p{font-size:11px}.detail-teacher-stats{grid-template-columns:repeat(3,1fr);margin:12px 0;font-size:10px;display:grid}.detail-teacher-stats span{text-align:center;border-right:1px solid #e3edf8}.detail-teacher-stats b{font-size:13px;display:block}.detail-sidebar .detail-section-heading{margin-top:14px;margin-bottom:0}.detail-sidebar p{font-size:12px}.detail-info{color:#62758d;border-top:1px solid #e3edf8;gap:12px;padding-top:12px;font-size:12px;display:grid}.detail-info>div{grid-template-columns:42% 58%;gap:8px;display:grid}.detail-faq h3 button{text-align:left;cursor:pointer;border-top:1px solid #e3edf8;justify-content:space-between;gap:12px;width:100%;min-height:48px;padding-top:5px;font-size:12px;display:flex}.detail-faq p{padding:4px 0 16px}.detail-policy-link{margin-top:12px;font-size:11px;display:inline-block}.detail-support{background:#eef8ff;gap:12px;display:flex}.detail-support>svg{color:#0f6fff;flex-shrink:0;width:36px;height:36px}.detail-support h2{font-size:16px}.detail-support a{margin-top:12px;display:inline-block}.detail-mobile-slot,.detail-mobile-purchase{display:none}@media (max-width:1100px){.course-detail{padding-inline:16px}.detail-tabs{margin-inline:-16px;padding-inline:16px}.detail-layout{grid-template-columns:minmax(0,1.9fr) minmax(0,1fr)}.detail-hero{gap:12px}.detail-hero h1{font-size:21px}.detail-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-offer{flex-wrap:wrap}.detail-countdown{margin-left:0}.detail-review-grid{gap:8px}.detail-method ol{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:767px){.course-detail{padding-bottom:90px}.detail-layout{display:block}.detail-sidebar{max-height:none;margin-top:16px;position:static;overflow:visible}.detail-mobile-slot{display:block}.detail-desktop-slot{display:none}.detail-hero{grid-template-columns:1fr}.detail-trailer{aspect-ratio:16/9}.detail-box{padding:16px}.detail-hero h1{font-size:24px}.detail-tabs{top:62px}.detail-tabs a{padding:12px 16px}.detail-outcomes ul,.detail-fit,.detail-method ol,.detail-review-grid{grid-template-columns:1fr}.detail-review-top{flex-wrap:wrap}.detail-review-summary{flex-basis:100%;grid-template-columns:110px minmax(0,1fr);gap:20px}.detail-review-navigation{margin-left:auto}.detail-chapter h3 button{flex-wrap:wrap;gap:8px}.detail-chapter strong{flex-basis:70%}.detail-chapter h3 small{flex:1;margin-left:32px}.detail-mobile-slot .detail-mobile-purchase{z-index:40;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #dcebf9;justify-content:space-between;align-items:center;gap:12px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #0868c90a}.detail-mobile-purchase strong{color:#ef174a;font-size:18px}.detail-related .shared-course>a{display:block}.detail-related .shared-course .portal-course-image{width:100%}.detail-offer{flex-wrap:nowrap}.detail-countdown{margin-left:auto}.detail-info>div{grid-template-columns:40% minmax(0,1fr)}}