body{background:#fff}.course-page{background:#fff}.course-top{padding:48px 0 80px}.course-grid-layout{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:38px;align-items:start}.course-left{min-width:0}.course-kicker{font-size:13px;color:#6f7f91;margin-bottom:14px}.course-kicker span{display:inline-block;margin-left:10px;background:#f6b81f;color:#17120a;padding:4px 8px;border-radius:5px;font-size:10px;font-weight:800}.course-left h1{font-size:46px;line-height:1.08;letter-spacing:-.035em;margin:0 0 18px;color:#061426}.course-intro{font-size:17px;line-height:1.7;color:#5d6c7c;max-width:790px;margin-bottom:28px}.course-image-wrap,.content-visual{position:relative;border-radius:14px;overflow:hidden;background:linear-gradient(135deg,#eef4fb,#dde7f2);border:1px solid #dfe6ee}.course-image-wrap{aspect-ratio:16/9;margin-bottom:28px}.content-visual{margin:24px 0 30px}.course-image-wrap img{width:100%;height:100%;object-fit:cover;display:block}.content-visual img{width:100%;height:auto;display:block;object-fit:contain}.course-preview-video::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,17,35,.03),rgba(3,17,35,.24));pointer-events:none}.course-preview-play{position:absolute;inset:0;margin:auto;width:max-content;height:max-content;display:flex;align-items:center;gap:12px;border:0;background:rgba(5,20,38,.88);color:#fff;border-radius:999px;padding:12px 18px 12px 12px;font:inherit;font-weight:800;cursor:pointer;z-index:3;box-shadow:0 12px 30px rgba(0,0,0,.25);transition:transform .18s ease,background .18s ease}.course-preview-play:hover{transform:scale(1.04);background:#0b315a}.course-preview-play-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#f6b81f;color:#101820;font-size:18px;padding-left:2px}.course-preview-play-label{font-size:14px;white-space:nowrap}.course-preview-iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.course-preview-video.is-playing::after{display:none}.image-placeholder{position:absolute;inset:0;display:none;place-items:center;align-content:center;gap:8px;text-align:center;color:#40536a}.image-missing .image-placeholder{display:grid}.image-placeholder span{font-size:40px}.image-placeholder strong{font-size:18px}.image-placeholder small{font-size:12px;color:#7b8a9a}.course-author-row{display:grid;grid-template-columns:1.4fr 1fr 1fr;border-top:1px solid #e2e7ee;border-bottom:1px solid #e2e7ee;padding:20px 0;margin-bottom:18px}.author-block{display:flex;align-items:center;gap:12px}.avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#0e2f58;color:#fff;font-weight:800}.author-block small,.author-stat span{display:block;color:#758396;font-size:12px}.author-block strong,.author-stat strong{display:block;color:#14263c;font-size:14px;margin-top:3px}.author-stat{padding-left:26px;border-left:1px solid #e2e7ee;display:flex;flex-direction:column;justify-content:center}.course-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#dfe6ee;border-radius:14px;overflow:hidden;margin-bottom:28px}.course-facts>div{background:#f3f6fa;padding:18px 16px;display:grid;grid-template-columns:auto 1fr;column-gap:9px;align-items:center}.course-facts>div>span{grid-row:1/3;font-size:22px;color:#235a96}.course-facts small{color:#718096}.course-facts strong{font-size:13px;color:#13283f}.course-tabs{display:flex;gap:24px;border-bottom:1px solid #dfe6ee;margin-bottom:24px;overflow-x:auto}.course-tabs a{padding:0 0 14px;font-size:13px;font-weight:700;color:#41536a;white-space:nowrap}.course-tabs a.active{color:#1f63d8;border-bottom:3px solid #1f63d8}.course-description h2,.related-section h2{font-size:30px;line-height:1.15;margin:30px 0 14px;color:#061426}.course-description p{font-size:16px;line-height:1.75;color:#536273}.info-box{background:#f1f4f8;border-radius:14px;padding:22px 26px;margin:16px 0 34px}.info-box ul{margin:0;padding-left:20px}.info-box li{margin:10px 0;color:#4d5d6f;line-height:1.6}.related-section{margin-top:42px}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.related-course{display:block;border-top:1px solid #dfe6ee;padding-top:18px}.related-thumb{height:120px;border-radius:10px;position:relative;overflow:hidden;background:#e9eef4;display:flex;align-items:flex-end;color:#fff;font-weight:800;margin-bottom:12px}.related-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.related-thumb::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,20,38,0) 42%,rgba(4,20,38,.72) 100%)}.related-thumb span{position:relative;z-index:2;padding:14px}.related-course h3{font-size:16px;margin:0 0 8px;color:#13283f}.related-course p{font-size:13px;line-height:1.55;color:#667587;margin:0}.course-sidebar{position:sticky;top:92px;background:#eef3f8;border-radius:14px;padding:28px 28px 18px;max-height:calc(100vh - 112px);display:flex;flex-direction:column}.sidebar-actions{display:flex;justify-content:space-between;gap:10px;margin-bottom:20px}.sidebar-actions button{background:transparent;border:0;padding:0;color:#53677d;cursor:pointer;font-size:14px}.sidebar-cta{width:100%;margin-bottom:28px}.curriculum-title{display:flex;align-items:center;justify-content:space-between;margin:4px 0 10px;padding-bottom:12px;border-bottom:1px solid #d7e0e9;flex:0 0 auto}.curriculum-title div{display:flex;flex-direction:column;gap:4px}.curriculum-title span{color:#52677e;font-size:13px}.curriculum-title strong{font-size:21px;color:#0b2037}.curriculum-list{display:flex;flex-direction:column;overflow:auto;padding-right:4px;scrollbar-width:thin;scrollbar-color:#b7c5d4 transparent}.curriculum-list::-webkit-scrollbar{width:7px}.curriculum-list::-webkit-scrollbar-thumb{background:#b7c5d4;border-radius:999px}.curriculum-group{margin:0 0 18px}.curriculum-group-title{font-size:15px;line-height:1.35;color:#0b2037;margin:8px 0 6px;padding:10px 0 8px;border-bottom:1px solid #cbd6e2}.curriculum-item{display:grid;grid-template-columns:22px 24px 1fr 18px;gap:7px;align-items:center;padding:14px 0;border-bottom:1px solid #d8e0e9}.curriculum-item:hover strong{color:#1f63d8}.lesson-index{font-size:12px;color:#7b8998}.lesson-icon{font-size:15px;color:#f2a900}.curriculum-item strong{display:block;font-size:13px;line-height:1.35;color:#0e2034}.curriculum-item small{display:block;margin-top:5px;color:#617489;font-size:11px}.lesson-arrow{width:18px;height:18px;border-radius:50%;background:#fff;display:grid;place-items:center;color:#6a7b8d}.sidebar-note{margin-top:16px;padding:16px;border-radius:10px;background:#fff;flex:0 0 auto}.sidebar-note strong{color:#13795b}.sidebar-note p{font-size:12px;line-height:1.5;color:#667587;margin:6px 0 0}@media(max-width:980px){.course-grid-layout{grid-template-columns:1fr}.course-sidebar{position:static;order:-1;max-height:none}.curriculum-list{max-height:680px}.course-left h1{font-size:40px}.course-facts{grid-template-columns:1fr 1fr}.related-grid{grid-template-columns:1fr 1fr}}@media(max-width:640px){.course-top{padding:32px 0 56px}.course-left h1{font-size:34px}.course-author-row{grid-template-columns:1fr}.author-stat{border-left:0;padding-left:0;padding-top:14px;margin-top:14px;border-top:1px solid #e2e7ee}.course-facts{grid-template-columns:1fr}.related-grid{grid-template-columns:1fr}.course-sidebar{padding:22px}.course-tabs{gap:18px}.course-preview-play-label{display:none}.course-preview-play{padding:10px}.course-preview-play-icon{width:46px;height:46px}}