.course-detail-page{width:100%}.course-detail-banner{text-align:center;background:#f28c28;justify-content:center;align-items:center;width:100%;min-height:240px;padding:30px 20px;display:flex}.course-detail-banner-content{flex-direction:column;align-items:center;max-width:1000px;display:flex}.course-detail-banner h1{color:#fff;margin:0 0 12px;font-size:clamp(34px,5vw,56px);font-weight:600;line-height:1.15}.course-detail-breadcrumb{color:#fff;flex-wrap:wrap;justify-content:center;align-items:center;gap:9px;font-size:15px;display:flex}.course-detail-breadcrumb a{color:#fff;text-decoration:none;transition:opacity .3s}.course-detail-breadcrumb a:hover{opacity:.75}.course-detail-section{background:#fff;width:100%;padding:60px 20px}.course-detail-container{width:100%;max-width:1400px;margin:0 auto}.course-detail-intro{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}.course-detail-info h2{color:#111;margin:0 0 18px;font-size:clamp(24px,3vw,40px);font-weight:600;line-height:1.15}.course-detail-description{color:#666;margin:0;font-size:16px;line-height:1.8}.course-admission-btn{color:#fff;cursor:pointer;background:#000;border:1px solid #000;align-items:center;gap:12px;margin-top:30px;padding:14px 24px;font-family:inherit;font-size:15px;font-weight:600;transition:all .3s;display:inline-flex}.course-admission-btn span{font-size:20px;line-height:1}.course-admission-btn:hover{color:#000;background:#fff}.course-detail-video-card{background:#111;border-radius:4px;width:100%;min-height:350px;position:relative;overflow:hidden}.course-detail-thumbnail{object-fit:contain}.course-detail-play-btn{-webkit-backdrop-filter:blur(10px);color:#fff;cursor:pointer;background:#ffffff2e;border:1px solid #ffffff80;border-radius:50%;width:76px;height:76px;padding-left:5px;font-size:27px;transition:all .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.course-detail-middle{border-top:1px solid #eee;grid-template-columns:minmax(0,1fr) 320px;gap:70px;margin-top:60px;padding-top:70px;display:grid}.course-curriculum h2,.course-mentor-content h2,.related-courses-heading h2{color:#111;margin:0;font-size:30px;font-weight:700;line-height:1.2}.course-curriculum-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin-top:30px;display:grid}.curriculum-item{background:#fafafa;border:1px solid #eee;align-items:center;gap:15px;min-height:70px;padding:15px 18px;display:flex}.curriculum-number{color:#fff;background:#f28c28;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:13px;font-weight:700;display:flex}.curriculum-title{color:#444;font-size:15px;line-height:1.5}.course-detail-sidebar{flex-direction:column;gap:15px;display:flex}.course-info-box{background:#fafafa;border:1px solid #eee;padding:23px}.course-info-label{color:#999;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:13px;display:block}.course-info-box strong{color:#111;font-size:17px;font-weight:600}.course-mentor-section{border-top:1px solid #eee;grid-template-columns:350px minmax(0,1fr);align-items:center;gap:60px;margin-top:60px;padding-top:70px;display:grid}.course-mentor-image{background:#f3f3f3;width:100%;height:250px;position:relative;overflow:hidden}.course-mentor-photo{object-fit:contain}.course-mentor-label{color:#f28c28;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;font-size:14px;font-weight:700;display:inline-block}.course-mentor-content h2{margin-bottom:8px}.course-mentor-content h3{color:#777;margin:0 0 22px;font-size:17px;font-weight:500}.course-mentor-content p{color:#666;max-width:800px;margin:0;font-size:16px;line-height:1.8}.related-courses-heading a{color:#111;font-size:15px;font-weight:600;text-decoration:none;transition:color .3s}.related-courses-heading a:hover{color:#f28c28}.related-course-card{background:#fff;border:1px solid #eee;overflow:hidden}.related-course-image{background:#111;width:100%;height:300px;position:relative;overflow:hidden}.related-course-thumbnail{object-fit:cover}.related-course-play{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer;background:#fff3;border:1px solid #ffffff80;border-radius:50%;width:55px;height:55px;font-size:19px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.related-course-content{padding:23px}.related-course-content h3{color:#111;margin:0 0 15px;font-size:20px;line-height:1.35}.related-course-meta{color:#777;border-bottom:1px solid #eee;justify-content:space-between;gap:15px;padding-bottom:18px;font-size:14px;display:flex}.related-course-btn{color:#fff;cursor:pointer;background:#f28c28;border:none;border-radius:4px;width:100%;margin-top:18px;padding:12px;font-family:inherit;font-size:14px;font-weight:600;transition:background .3s}.related-course-btn:hover{background:#d96f0b}.course-detail-video-modal{z-index:9999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000d1;justify-content:center;align-items:center;padding:30px;display:flex;position:fixed;inset:0}.course-detail-video-modal-content{aspect-ratio:16/9;background:#000;border-radius:7px;width:100%;max-width:1100px;position:relative;overflow:hidden}.course-detail-video{object-fit:contain;width:100%;height:100%;display:block}.course-detail-video-close{z-index:2;color:#fff;cursor:pointer;background:#0009;border:1px solid #fff6;border-radius:50%;width:40px;height:40px;font-size:28px;position:absolute;top:12px;right:12px}.detail-skeleton{background:#e8e8e8;border-radius:4px;position:relative;overflow:hidden}.detail-skeleton:after,.course-detail-banner-skeleton:after{content:"";background:linear-gradient(90deg,#0000,#ffffffa6,#0000);width:100%;height:100%;animation:1.4s infinite detailSkeletonLoading;position:absolute;top:0;left:-150%}@keyframes detailSkeletonLoading{to{left:150%}}.course-detail-banner-skeleton{background:#ffffff40;border-radius:4px;width:420px;height:45px;position:relative;overflow:hidden}.detail-skeleton-heading{width:80%;height:48px;margin-bottom:25px}.detail-skeleton-text{width:100%;height:18px;margin-bottom:12px}.detail-skeleton-text.short{width:65%}.detail-skeleton-button{width:210px;height:48px;margin-top:20px}.detail-skeleton-video{width:100%;height:430px}@media (max-width:1000px){.course-detail-section{padding:70px 20px}.course-detail-intro{grid-template-columns:1fr;gap:45px}.course-detail-video-card{min-height:450px}.course-detail-middle{grid-template-columns:1fr;gap:45px}.course-mentor-section{grid-template-columns:280px 1fr;gap:40px}.related-courses-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.course-detail-banner{min-height:200px;padding:35px 20px}.course-detail-banner h1{font-size:34px}.course-detail-breadcrumb{gap:7px;font-size:13px}.course-detail-section{padding:55px 15px}.course-detail-info h2{font-size:30px}.course-detail-video-card{min-height:250px}.course-detail-play-btn{width:62px;height:62px;font-size:22px}.course-detail-middle{margin-top:70px;padding-top:50px}.course-curriculum h2,.course-mentor-content h2,.related-courses-heading h2{font-size:28px}.course-curriculum-grid{grid-template-columns:1fr}.course-mentor-section{grid-template-columns:1fr;gap:30px;margin-top:70px;padding-top:50px}.course-mentor-image{height:350px}.related-courses-section{margin-top:75px;padding-top:50px}.related-courses-heading{flex-direction:column;align-items:flex-start}.related-courses-grid{grid-template-columns:1fr}.course-detail-video-modal{padding:15px}.course-detail-video-close{width:36px;height:36px;font-size:24px}.course-detail-banner-skeleton{width:280px}.detail-skeleton-video{height:250px}}.related-courses-section{border-top:1px solid #eee;margin-top:110px;padding-top:70px}.related-courses-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:40px;display:flex}.related-courses-heading h2{color:#111;margin:0;font-size:35px;font-weight:700;line-height:1.15}.related-courses-heading a{color:#fff;background:#000;border:1px solid #0000;align-items:center;gap:12px;padding:13px 22px;font-size:15px;font-weight:600;text-decoration:none;transition:background .3s,color .3s;display:inline-flex}.related-courses-heading a:hover{color:#000;background:#fff;border-color:#000}.related-courses-grid{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.related-course-card{background:#fff;border:2px solid #f2f2f2;border-radius:4px;flex-direction:column;display:flex;overflow:hidden}.related-course-thumbnail{background:#111;width:100%;height:200px;position:relative;overflow:hidden}.related-course-thumbnail-image{object-fit:fit}.related-course-play-btn{-webkit-backdrop-filter:blur(10px);color:#fff;cursor:pointer;background:#ffffff2e;border:1px solid #ffffff73;border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;transition:background .3s,transform .3s,border-color .3s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.related-play-icon{margin-left:4px;font-size:24px;line-height:1}.related-course-content{flex-direction:column;flex:1;padding:25px;display:flex}.related-course-content h3{color:#111;margin:0 0 18px;font-size:22px;font-weight:700;line-height:1.35}.related-course-meta{border-bottom:1px solid #eee;align-items:center;gap:30px;padding-bottom:15px;display:flex}.related-course-meta-item{color:#666;align-items:center;gap:7px;font-size:14px;display:flex}.related-meta-icon{color:#111;background:#f3f3f3;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:13px;display:flex}.related-practical-training{color:#222;align-items:center;gap:8px;margin-top:15px;font-size:14px;font-weight:600;display:flex}.related-check-icon{color:#fff;background:#25d366;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;font-weight:700;display:flex}.related-course-includes{color:#999;margin-top:18px;font-size:14px;font-weight:500}.related-course-points{margin:10px 0 0;padding:0;list-style:none}.related-course-points li{color:#666;align-items:flex-start;gap:9px;margin-bottom:10px;font-size:14px;line-height:1.5;display:flex}.related-course-points li:last-child{margin-bottom:0}.related-point-icon{color:#fff;background:#f47b20;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;margin-top:3px;font-size:10px;font-weight:700;display:flex}.related-course-button-wrapper{margin-top:auto;padding-top:25px}.related-course-start-btn{color:#fff;cursor:pointer;background:#f47b20;border:none;border-radius:4px;justify-content:center;align-items:center;gap:10px;width:100%;padding:13px 18px;font-family:inherit;font-size:15px;font-weight:600;transition:background .3s;display:flex}.related-course-start-btn:hover{background:#d96f0b}@media (max-width:1000px){.related-courses-grid{grid-template-columns:repeat(2,1fr);gap:22px}.related-course-thumbnail{height:250px}}@media (max-width:600px){.related-courses-section{margin-top:75px;padding-top:50px}.related-courses-heading{flex-direction:column;align-items:flex-start;margin-bottom:30px}.related-courses-heading h2{font-size:30px}.related-courses-heading a{padding:11px 15px;font-size:13px}.related-courses-grid{grid-template-columns:1fr;gap:20px}.related-course-thumbnail{height:240px}.related-course-content{padding:20px}.related-course-content h3{font-size:20px}.related-course-meta{gap:15px}}.related-course-meta-item,.related-practical-training,.course-info-box strong{align-items:center;display:flex}.related-meta-icon{flex-shrink:0;font-size:15px}.related-check-icon{flex-shrink:0;font-size:16px}.course-info-box strong{gap:8px}.course-info-box strong svg{flex-shrink:0;font-size:16px}