.csg-course-catalog,.csg-course-page{background:#000;color:#fff;min-height:100vh;overflow-x:clip}body:has(.csg-course-catalog):after,body:has(.csg-course-catalog):before,body:has(.csg-course-page):after,body:has(.csg-course-page):before{display:none}:is(.csg-course-catalog,.csg-course-page) :is(a,button):focus-visible{outline:2px solid #ef4444;outline-offset:4px}.csg-catalog-shell{width:min(calc(100% - 48px),1240px);margin-inline:auto}.csg-catalog-hero{padding:136px 0 48px}.csg-catalog-hero h1{font-size:clamp(42px,5.8vw,76px);font-weight:800;letter-spacing:-.055em;line-height:1.08;max-width:950px}.csg-catalog-hero h1 span{color:#ef4444;display:block}.csg-catalog-hero p:not(.csg-mini-label){font-size:17px;line-height:1.8;color:#aaa;max-width:620px;margin-top:24px}.csg-mini-label{color:#ef4444;font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:650;margin-bottom:16px}.csg-mini-label span{color:#aaa}.csg-filters{margin-bottom:36px}.csg-category-row{display:flex;flex-wrap:wrap;gap:8px}.csg-category-pill{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border:1px solid #ffffff26;border-radius:999px;color:#ccc;font-size:13px;line-height:1.4;transition:background .2s,border-color .2s}.csg-category-pill[aria-current=page]{background:#ef4444;color:#fff;border-color:#ef4444}.csg-category-pill:hover{border-color:#ef4444;color:#fff}.csg-filter-toggle{display:inline-flex;align-items:center;gap:10px;margin-top:16px;min-height:44px;font-size:14px;color:#ddd}.csg-filter-toggle svg{color:#ef4444}.csg-filter-toggle svg:last-child{transition:transform .25s}.csg-chevron-open{transform:rotate(180deg)}.csg-filter-panel{margin-top:20px;padding:26px;border:1px solid #ffffff24;border-radius:18px;background:#0b0b0b;animation:csg-panel-enter .25s ease-out}.csg-filter-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.csg-filter-title h2{font-size:24px;letter-spacing:-.04em;font-weight:700}.csg-close-filter{width:44px;height:44px;display:grid;place-items:center;border:1px solid #ffffff26;border-radius:50%}.csg-category-grid{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}.csg-clear-filters{display:inline-block;color:#ef4444;font-size:14px;margin-top:24px;text-decoration:underline;text-underline-offset:4px}.csg-courses-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;padding-bottom:88px}.csg-courses-grid>.csg-reveal{height:100%;min-width:0}.csg-course-tile{height:100%;border:1px solid #ffffff24;border-radius:20px;background:#080808;overflow:hidden;transition:transform .3s,border-color .3s}.csg-course-tile:hover{transform:translateY(-5px);border-color:#ef444480}.csg-course-tile>a{display:flex;flex-direction:column;height:100%}.csg-tile-cover{aspect-ratio:16/9;position:relative;background:radial-gradient(circle,#ef444418,transparent 70%);display:grid;place-items:center;overflow:hidden;border-bottom:1px solid #ffffff18}.csg-tile-cover>img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;filter:grayscale(0);transition:transform .5s}.csg-course-tile:hover .csg-tile-cover>img{transform:scale(1.035)}.csg-tile-cover>svg{width:56px;height:56px;color:#ef4444}.csg-tile-badges{position:absolute;left:18px;bottom:18px;display:flex;gap:8px;flex-wrap:wrap}.csg-tile-badges span{font-size:11px;padding:7px 11px;border-radius:6px;background:#000d;border:1px solid #ffffff40}.csg-tile-body{padding:26px;display:flex;flex-direction:column;gap:14px;flex:1;min-width:0}.csg-tile-category{color:#ef4444;font-size:12px;font-weight:650}.csg-tile-body h2{font-size:28px;line-height:1.2;font-weight:750;letter-spacing:-.035em;overflow-wrap:anywhere}.csg-tile-description{font-size:15px;line-height:1.75;color:#aaa;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.csg-tile-meta{display:flex;gap:16px;flex-wrap:wrap;font-size:13px;color:#999}.csg-tile-meta span{display:inline-flex;align-items:center;gap:6px}.csg-tile-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #ffffff1f;padding-top:20px;margin-top:auto}.csg-tile-price{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}.csg-tile-price strong{font-size:28px;font-weight:750}.csg-tile-price del{font-size:13px;color:#777}.csg-tile-cta{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:650;color:#fff}.csg-tile-cta svg{color:#ef4444}.csg-detail-hero{width:min(calc(100% - 48px),1240px);margin:auto;padding:128px 0 60px;display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:center;border-bottom:1px solid #ffffff20}.csg-detail-identity{min-width:0}.csg-back-link{display:inline-flex;align-items:center;gap:8px;color:#aaa;font-size:13px;min-height:44px;margin-bottom:24px}.csg-back-link:hover{color:#fff}.csg-detail-hero h1{font-size:clamp(40px,4.8vw,68px);line-height:1.08;letter-spacing:-.05em;font-weight:800;overflow-wrap:anywhere}.csg-detail-intro{color:#aaa;font-size:17px;line-height:1.8;margin-top:24px;overflow-wrap:anywhere}.csg-detail-facts{display:flex;gap:12px 20px;flex-wrap:wrap;margin-top:24px;font-size:13px;color:#ccc}.csg-detail-facts span{display:inline-flex;gap:7px;align-items:center}.csg-detail-facts svg{color:#ef4444}.csg-detail-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.csg-primary-action,.csg-secondary-action{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:14px 22px;border-radius:10px;font-size:15px;font-weight:650;border:1px solid #ef4444;background:#ef4444;color:#fff;transition:transform .2s,background .2s}.csg-secondary-action{background:transparent;border-color:#ffffff30}.csg-primary-action:hover{background:#dc2626;transform:translateY(-2px)}.csg-secondary-action:hover{border-color:#ef4444}.csg-detail-preview{min-width:0;border:1px solid #ffffff26;border-radius:20px;overflow:hidden;background:#080808}.csg-preview-frame{aspect-ratio:16/10;position:relative}.csg-preview-frame iframe,.csg-preview-frame img{width:100%;height:100%;border:0;-o-object-fit:cover;object-fit:cover}.csg-preview-frame img{filter:grayscale(0)}.csg-preview-caption{padding:16px 20px;display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#aaa;border-top:1px solid #ffffff20}.csg-preview-caption span:first-child{color:#fff}.csg-preview-placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;font-size:14px;color:#aaa}.csg-preview-placeholder svg{width:44px;height:44px;color:#ef4444}.csg-detail-layout{width:min(calc(100% - 48px),1240px);margin:auto;display:grid;grid-template-columns:320px minmax(0,1fr);gap:56px;padding:64px 0 88px}.csg-detail-sidebar{top:104px}.csg-overview-panel{border:1px solid #ffffff26;border-radius:20px;padding:26px;background:radial-gradient(ellipse at top,#ef444410,transparent 60%),#080808}.csg-overview-panel h2{font-size:28px;font-weight:700;line-height:1.15;letter-spacing:-.035em}.csg-overview-panel dl{margin:28px 0;border-top:1px solid #ffffff20}.csg-overview-panel dl>div{padding:14px 0;display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #ffffff20;font-size:13px}.csg-overview-panel dt{color:#888}.csg-overview-panel dd{text-align:right;overflow-wrap:anywhere}.csg-detail-price{display:flex;align-items:baseline;gap:12px;margin-bottom:24px;flex-wrap:wrap}.csg-detail-price strong{font-size:34px;font-weight:750}.csg-detail-price del{color:#888;font-size:14px}.csg-overview-panel :is(.csg-primary-action,.csg-secondary-action){width:100%;margin-top:10px}.csg-detail-content{display:flex;flex-direction:column;gap:64px;min-width:0}.csg-detail-section{scroll-margin-top:110px}.csg-detail-roadmap h2,.csg-detail-section h2{font-size:clamp(28px,3vw,40px);font-weight:750;line-height:1.2;letter-spacing:-.04em;overflow-wrap:anywhere;margin-bottom:28px}.csg-module-list{display:grid;gap:12px}.csg-module{border:1px solid #ffffff26;border-radius:14px;background:#ffffff04;overflow:hidden}.csg-module[data-expanded=true]{border-color:#ef444466}.csg-module>button{display:flex;align-items:center;gap:16px;width:100%;text-align:left;padding:20px;min-height:84px}.csg-module-number{width:42px;height:42px;flex-shrink:0;display:grid;place-items:center;border:1px solid #ffffff26;border-radius:10px;font-size:13px}.csg-module-title{flex:1;min-width:0;overflow-wrap:anywhere;font-size:18px;font-weight:600;line-height:1.5}.csg-module>button>svg{flex-shrink:0;transition:transform .25s}.csg-module[data-expanded=true]>button>svg{transform:rotate(180deg);color:#ef4444}.csg-module-description{padding:0 24px 24px;color:#aaa;font-size:15px;overflow-wrap:anywhere;animation:csg-panel-enter .25s ease-out}.csg-module-description[hidden]{display:none}.csg-detail-prose{color:#aaa;font-size:16px;line-height:1.9;overflow-wrap:anywhere}.csg-detail-prose p{margin-bottom:18px}.csg-detail-prose :is(h2,h3,h4,strong){color:#fff}.csg-detail-prose :is(img,video,iframe){max-width:100%}.csg-detail-prose table{display:block;max-width:100%;overflow:auto}.csg-detail-prose a{color:#ef4444}.csg-detail-prose :is(ul,ol){padding-left:22px}.csg-comparison-panel ul,.csg-learning-list{list-style:none;margin:0;padding:0;display:grid;gap:18px}.csg-comparison-panel li,.csg-learning-list li{display:flex;gap:12px;align-items:flex-start;color:#bbb;font-size:15px;line-height:1.75;overflow-wrap:anywhere}.csg-comparison-panel svg,.csg-learning-list svg{flex-shrink:0;margin-top:5px;color:#ef4444}.csg-comparison-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.csg-comparison-panel{border:1px solid #ffffff26;border-radius:16px;padding:24px;background:#ffffff03}.csg-comparison-panel h3{font-size:19px;font-weight:650;margin-bottom:24px}.csg-curriculum-image{width:100%;height:auto;border:1px solid #ffffff26;border-radius:16px;filter:grayscale(0)}.csg-roadmap-list{list-style:none;margin:0;padding:0;display:grid;gap:0}.csg-roadmap-list li{display:flex;gap:20px;position:relative;padding-bottom:30px}.csg-roadmap-list li:last-child{padding-bottom:0}.csg-roadmap-list li>span{width:44px;height:44px;flex-shrink:0;display:grid;place-items:center;color:#ef4444;border:1px solid #ef444466;background:#080808;border-radius:50%;z-index:1;font-size:13px}.csg-roadmap-list li:not(:last-child):before{content:"";position:absolute;left:21px;top:44px;bottom:0;width:1px;background:#ffffff26}.csg-roadmap-list h3{font-size:19px;font-weight:650;margin:8px 0 12px;overflow-wrap:anywhere}.csg-roadmap-list p{font-size:15px;line-height:1.8;color:#aaa;overflow-wrap:anywhere}.csg-reveal{opacity:1;transform:none;transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1)}.csg-reveal[data-reveal=waiting]{opacity:0;transform:translateY(22px)}.csg-reveal[data-reveal=waiting][data-direction=left]{transform:translateX(-22px)}.csg-reveal[data-reveal=waiting][data-direction=right]{transform:translateX(22px)}@keyframes csg-panel-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:1023px){.csg-detail-hero{gap:28px}.csg-detail-layout{grid-template-columns:280px minmax(0,1fr);gap:28px}.csg-overview-panel{padding:22px}.csg-comparison-grid{grid-template-columns:1fr}}@media(max-width:767px){.csg-catalog-shell,.csg-detail-hero,.csg-detail-layout{width:calc(100% - 40px)}.csg-catalog-hero{padding:116px 0 36px}.csg-catalog-hero h1{font-size:clamp(38px,10vw,54px)}.csg-catalog-hero p:not(.csg-mini-label){font-size:15px;margin-top:20px}.csg-courses-grid{grid-template-columns:1fr;gap:24px;padding-bottom:56px}.csg-category-pill{font-size:12px;padding:10px 13px}.csg-filter-panel{padding:20px}.csg-filter-title h2{font-size:21px}.csg-tile-body{padding:22px}.csg-tile-body h2,.csg-tile-price strong{font-size:26px}.csg-detail-hero{grid-template-columns:1fr;padding:112px 0 36px;gap:32px}.csg-back-link{margin-bottom:18px}.csg-detail-hero h1{font-size:clamp(38px,10.5vw,54px)}.csg-detail-intro{font-size:15px;margin-top:20px}.csg-detail-hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.csg-primary-action,.csg-secondary-action{font-size:14px;padding:14px 12px}.csg-preview-frame{aspect-ratio:16/9}.csg-preview-caption{font-size:11px;padding:14px 16px}.csg-detail-layout{display:flex;flex-direction:column;padding:36px 0 56px;gap:44px}.csg-detail-sidebar{position:static;width:100%}.csg-overview-panel{padding:24px}.csg-overview-panel dl{margin:24px 0}.csg-detail-content{gap:44px}.csg-detail-roadmap h2,.csg-detail-section h2{font-size:30px;margin-bottom:24px}.csg-module>button{padding:16px;gap:12px}.csg-module-title{font-size:16px}.csg-module-number{width:36px;height:36px}.csg-module-description{font-size:14px;padding:0 18px 20px}.csg-detail-prose{font-size:15px}.csg-comparison-panel{padding:20px}}@media(prefers-reduced-motion:reduce){.csg-reveal,.csg-reveal[data-reveal=waiting]{opacity:1!important;transform:none!important;transition:none!important}.csg-course-tile,.csg-primary-action,.csg-tile-cover>img{transition:none}.csg-course-tile:hover,.csg-primary-action:hover{transform:none}.csg-filter-panel,.csg-module-description{animation:none}}.csg-cover-fallback svg{width:56px;height:56px;color:#ef4444}.csg-tile-body>.csg-mini-label{margin-bottom:0}.csg-catalog-hero{padding-top:72px}.csg-detail-hero{padding-top:56px}html:has(.csg-course-catalog),html:has(.csg-course-page){scrollbar-color:#ef4444 #000}html:has(.csg-course-catalog)::-webkit-scrollbar-thumb,html:has(.csg-course-page)::-webkit-scrollbar-thumb{background:#ef4444!important}@media(max-width:767px){.csg-catalog-hero{padding-top:48px}.csg-detail-hero{padding-top:32px}}.csg-detail-section h2 .csg-heading-accent{color:#ef4444}.csg-module{border-radius:16px;border-color:#ffffff1c;background:linear-gradient(135deg,#131313,#090909)}.csg-module[data-expanded=true]{border-color:#ef444460;box-shadow:0 12px 32px #0005}.csg-module-number{color:#ef4444}.csg-module-description{padding-bottom:24px;line-height:1.85}.csg-curriculum-intro{max-width:650px;color:#aaa;font-size:14px;line-height:1.8;margin-bottom:24px}.csg-module-more{margin-top:20px;min-height:44px;padding:10px 20px;border:1px solid #ef444465;border-radius:10px;color:#fff}.csg-detail-sidebar{align-self:start;position:sticky;top:110px}.csg-detail-page h1{overflow-wrap:anywhere}@media(max-width:767px){.csg-detail-sidebar{position:static}.csg-module-title{font-size:16px}.csg-module-description{font-size:13px}}@media(max-width:639px){.csg-catalog-hero{text-align:center}.csg-catalog-hero h1{font-size:clamp(20px,6vw,34px);text-align:center}.csg-catalog-hero h1>span{white-space:nowrap}.csg-catalog-hero p{margin-inline:auto}.csg-catalog-hero .csg-detail-facts{justify-content:center}.csg-catalog-hero h1{font-size:clamp(20px,5.7vw,28px);white-space:nowrap}.csg-catalog-hero h1 span{display:block;white-space:normal;text-align:center}.csg-catalog-hero .csg-mini-label{text-align:center}}.csg-reference-detail{max-width:1240px;margin:auto;padding:130px 24px 70px}.reference-course-hero{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);gap:48px;border:1px solid #ffffff14;background:radial-gradient(ellipse at 70% 0,#ef444410,transparent 60%),#0c0c0c;border-radius:20px;padding:46px;margin-top:30px}.reference-course-identity h1{font-size:clamp(32px,4.3vw,58px);font-weight:850;line-height:1.12;letter-spacing:-.045em;margin:20px 0 24px}.reference-course-tags{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.reference-course-tags span{font-size:11px;border:1px solid #ffffff20;padding:6px 10px;border-radius:6px;color:#ccc}.reference-enrollment{align-self:center;background:#090909;border:1px solid #ffffff16;border-radius:16px;padding:28px;text-align:center;display:flex;flex-direction:column;gap:15px}.reference-enrollment>strong{font-size:32px;line-height:1.2;color:#fff}.reference-enrollment .csg-primary-action,.reference-enrollment .csg-secondary-action{justify-content:center;width:100%}.reference-note{font-size:12px;color:#999;line-height:1.7}.reference-course-body{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:32px;margin-top:42px}.reference-course-main,.reference-course-side{min-width:0;display:flex;flex-direction:column;gap:28px}.reference-course-side>img{width:100%;height:auto;border-radius:16px}.reference-panel{border:1px solid #ffffff16;background:#0d0d0d;border-radius:16px;padding:28px}.reference-panel h2{font-size:26px;font-weight:750;margin-bottom:26px}.reference-panel h3{font-size:18px;font-weight:700;margin-bottom:20px}.reference-panel li,.reference-panel p{font-size:14px;color:#bbb;line-height:1.85}.reference-panel li{display:flex;gap:12px;margin-bottom:14px}.reference-panel li svg{color:#ef4444;flex-shrink:0;margin-top:6px}.reference-panel iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:12px}.reference-fit-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.reference-panel blockquote{margin-top:20px;border-top:1px solid #ffffff18;padding-top:20px;color:#aaa}.reference-includes{display:grid;grid-template-columns:1fr 1fr;gap:12px}.reference-panel .csg-module{border-radius:9px;box-shadow:none;margin-bottom:10px}.reference-panel .csg-module-title{font-size:14px}.reference-panel .csg-module button{padding:18px}.reference-panel .csg-module-description{padding:0 22px 20px}.csg-catalog-hero{text-align:center}.csg-catalog-hero .csg-catalog-intro,.csg-catalog-hero>p{margin-inline:auto}.csg-catalog-meta{justify-content:center}@media(max-width:767px){.csg-reference-detail{padding:100px 18px 50px}.reference-course-hero{grid-template-columns:1fr;padding:26px 20px;gap:28px}.reference-course-identity{text-align:center}.reference-course-identity h1{font-size:34px}.csg-detail-facts,.reference-course-tags{justify-content:center}.reference-course-body{grid-template-columns:1fr}.reference-course-side{display:contents}.reference-fit-grid,.reference-includes{grid-template-columns:1fr}.reference-panel{padding:22px}.reference-panel h2{font-size:24px}.csg-catalog-hero h1{font-size:clamp(21px,6.1vw,38px);letter-spacing:-.045em;text-align:center}.csg-catalog-hero h1>span{white-space:nowrap;display:block}.csg-catalog-hero{text-align:center}}.reference-course-hero{grid-template-columns:minmax(0,1.3fr) minmax(340px,1fr);gap:32px;padding:32px}.reference-course-cover{display:block;width:100%;height:auto;aspect-ratio:16/10;-o-object-fit:cover;object-fit:cover;border-radius:12px}.reference-enrollment{padding:20px}.reference-enrollment .csg-primary-action:disabled{opacity:.6;cursor:not-allowed}.reference-course-body{grid-template-columns:minmax(0,1.7fr) minmax(300px,1fr)}@media(max-width:767px){.reference-course-body,.reference-course-hero{grid-template-columns:1fr}.reference-course-hero{padding:24px 18px}.reference-course-cover{aspect-ratio:16/10}}