.kcx img { max-width: 100%; }
.kcx { overflow-wrap: anywhere; }
.kcx{--kcx-radius:12px;--kcx-radius-sm:8px;--kcx-btn-hover:color-mix(in srgb,var(--kc-danger) 92%,black);color:var(--kc-text);font-family:inherit;box-sizing:border-box}
.kcx *,.kcx *::before{box-sizing:border-box}
.kcx--hero{background:var(--kc-bg-app);border-radius:0;box-sizing:border-box;
margin-inline:calc(50% - 50vw);
padding:40px max(32px,calc((100vw - var(--kc-sec-w)) / 2)) 38px}
html{overflow-x:clip}
@media(min-width:1360px){
.kcx--hero{padding-top:40px;padding-bottom:44px}
.kcx-hero__grid{gap:52px;max-width:none}
}
:root{--kcx-nav-h:87px}
@media(max-width:1023px){ :root{--kcx-nav-h:79px} }
.kcx-nav__spacer{height:var(--kcx-nav-h);
margin-inline:calc(50% - 50vw);
background:var(--kc-bg-app)}
[id^="kcx-"]{scroll-margin-top:calc(var(--kcx-nav-h) + 16px)}
.kcx-nav{position:fixed;top:0;left:0;right:0;z-index:100;
min-height:var(--kcx-nav-h);box-sizing:border-box;
padding-block:15px;padding-inline:32px;
background:var(--kc-bg);border-bottom:1px solid var(--kc-border-soft);
box-shadow:0 1px 0 rgba(15,23,42,.04)}
.kcx-nav__inner{display:flex;align-items:center;gap:6px;width:100%;
max-width:var(--kc-sec-w);margin-inline:auto}
.kcx-nav__logo{flex:none;margin-right:auto;display:flex;align-items:center;gap:var(--kc-2)}
.kcx-nav__logo img{display:block;height:34px;width:auto}
.kcx-nav__link{flex:none;padding:9px 14px;border-radius:var(--kcx-radius-sm);font-size:14.5px;
font-weight:600;color:var(--kc-text);transition:background .15s}
.kcx-nav__link:hover{background:var(--kc-bg)}
.kcx-nav__theme{display:inline-flex;align-items:center;gap:7px;flex:none;
min-height:44px;padding:9px 14px;margin:0;border:none;
border-radius:var(--kcx-radius-sm);
font:inherit;font-size:14.5px;font-weight:600;color:var(--kc-text);
background:transparent;cursor:pointer;transition:background .15s}
.kcx-nav__theme:hover{background:var(--kc-bg)}
.kcx-nav__theme svg{width:18px;height:18px;flex:none}
.kcx-nav__cta{flex:none;margin-left:8px;padding:10px 20px;border-radius:var(--kcx-radius);
font-size:14.5px;font-weight:800;color:var(--kc-btn-text);
background:var(--kc-danger)}
.kcx-nav__cta:hover{background:var(--kcx-btn-hover)}
nav.kcx-nav{display:flex !important;align-items:center !important}
.kcx div.kcx-nav__inner{flex-wrap:nowrap}
.kcx a.kcx-nav__logo{margin-right:auto !important;width:auto !important;flex:0 0 auto !important}
.kcx a.kcx-nav__link,.kcx a.kcx-nav__link:hover{color:var(--kc-text) !important}
.kcx a.kcx-nav__cta,.kcx a.kcx-nav__cta:hover{color:var(--kc-btn-text) !important}
.kcx a.kcx-nav__link,.kcx a.kcx-nav__cta,
.kcx a.kcx-nav__link:hover,.kcx a.kcx-nav__cta:hover{text-decoration:none !important}
.kcx-nav__menu{display:flex;align-items:center;gap:6px;order:2}
.kcx-nav__theme{order:3}
.kcx-nav__toggle{display:none;flex-direction:column;justify-content:center;gap:5px;
width:42px;height:42px;padding:0;border:1px solid var(--kc-border-hero);
border-radius:var(--kcx-radius-sm);background:var(--kc-bg);cursor:pointer}
.kcx-nav__toggle span{display:block;width:20px;height:2px;margin:0 auto;border-radius:2px;
background:var(--kc-text);transition:transform .2s,opacity .2s}
.kcx-nav__toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.kcx-nav__toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.kcx-nav__toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.kcx-nav__link--narrow{display:none}
@media(max-width:860px){
.kcx-nav__link--wide{display:none}
.kcx-nav__link--narrow{display:inline-flex}
#kcx-outline{display:none}
}
@media(max-width:1023px){
nav.kcx-nav{position:fixed;top:0;left:0;right:0}
.kcx div.kcx-nav__inner{flex-wrap:wrap}
.kcx-nav__toggle{display:flex;order:3}
.kcx-nav__theme{order:2;width:42px;height:42px;min-height:0;padding:0;
justify-content:center;border:1px solid var(--kc-border-hero);
border-radius:var(--kcx-radius-sm)}
.kcx-nav__menu{order:4;display:none;width:100%;flex-direction:column;align-items:stretch;
gap:2px;margin-top:12px;padding-top:12px;
border-top:1px solid var(--kc-border-soft)}
.kcx-nav__menu.is-open{display:flex}
.kcx-nav__link{padding:12px 4px;font-size:15.5px}
.kcx-nav__cta{margin-left:0;margin-top:8px;padding:13px 16px;font-size:15px;text-align:center}
.kcx-nav__logo img{height:30px}
}
@media(max-width:700px){
.kcx-nav{padding-block:12px;padding-inline:18px}
.kcx div.kcx-nav__inner{gap:4px}
.kcx-nav__link{padding:7px 10px;font-size:13.5px}
}
.kcx-faq{max-width:var(--kc-sec-w);margin:0 auto;padding:56px 24px}
.kcx-faq__title{font-size:clamp(26px,2.6vw,36px);font-weight:800;letter-spacing:-.02em;
text-align:center;margin:0 0 28px;color:var(--kc-text)}
.kcx-faq__list{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:start}
@media(max-width:1160px){
.kcx-faq__list{grid-template-columns:1fr}
}
.kcx-faq__item{background:var(--kc-bg);border:1px solid var(--kc-border-hero);border-radius:var(--kcx-radius);
overflow:hidden}
.kcx-faq__item summary{cursor:pointer;list-style:none;padding:17px 52px 17px 20px;
position:relative;font-size:16.5px;font-weight:700;line-height:1.4;
color:var(--kc-text)}
.kcx-faq__item summary::-webkit-details-marker{display:none}
.kcx-faq__item summary::after{content:"";position:absolute;right:22px;top:23px;
width:8px;height:8px;border-right:2px solid var(--kc-text-sub);
border-bottom:2px solid var(--kc-text-sub);
transform:rotate(45deg);transition:transform .2s}
.kcx-faq__item[open] summary::after{transform:rotate(-135deg);top:26px}
.kcx-faq__answer{margin:0;padding:2px 20px 18px;font-size:16px;line-height:1.7;
color:var(--kc-text-sub)}
@media(max-width:700px){
.kcx-faq{padding:40px 18px}
.kcx-faq__item summary{font-size:16px;padding:15px 46px 15px 16px}
.kcx-faq__answer{padding:2px 16px 16px;font-size:16px}
}
.kcx-hero__grid{display:grid;grid-template-columns:1.1fr 0.9fr;gap:clamp(48px,7.5%,120px);align-items:start;margin:0 auto}
.kcx-badge::before{content:"";width:7px;height:7px;flex:none;margin-top:4px;
border-radius:50%;background:var(--kc-cta-hover);
box-shadow:0 0 0 3px color-mix(in srgb,var(--kc-cta-hover) 22%,transparent)}
.kcx-badge{display:inline-flex;align-items:flex-start;gap:9px;background:var(--kc-bg);
border:1px solid var(--kc-border-hero);color:var(--kc-cyan-deep);
border-radius:18px;padding:7px 16px;font-size:13px;font-weight:700;
line-height:1.45;margin-bottom:18px}
.kcx-hero__title{font-size:clamp(30px,3.3vw,45px);font-weight:800;line-height:1.16;letter-spacing:-.022em;margin:0 0 18px}
.kcx-hero__title mark{color:var(--kc-cyan);
background:linear-gradient(96deg,var(--kc-cyan) 0%,var(--kc-cyan-deep) 100%);
-webkit-background-clip:text;background-clip:text;
-webkit-text-fill-color:transparent}
.kcx-hero__lead{font-size:19px;color:var(--kc-text-sub);line-height:1.6;margin:0 0 26px}
.kcx-perks{list-style:none;margin:0 0 24px;padding:0}
.kcx-perks li{position:relative;padding:11px 0 11px 36px;font-size:17.5px;line-height:1.5}
.kcx-perks li::before{content:"";position:absolute;left:0;top:13px;width:22px;height:22px;
border-radius:50%;background:var(--kc-cyan)}
.kcx-perks li::after{content:"";position:absolute;left:7.5px;top:17px;width:6.5px;height:12px;
border:solid var(--kc-text-invert);border-width:0 3px 3px 0;
transform:rotate(45deg)}
.kcx-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:26px}
.kcx-stats>div{display:flex;flex-direction:column;align-items:center;gap:3px;
background:var(--kc-bg);border:1px solid var(--kc-border-hero);border-radius:var(--kcx-radius);
padding:16px 12px;text-align:center}
.kcx-stats b{font-size:30px;font-weight:800;letter-spacing:-.02em;line-height:1.1;color:var(--kc-cyan-deep)}
.kcx-stats span{font-size:13.5px;color:var(--kc-text-sub);line-height:1.35;text-wrap:balance}
.kcx-hero__actions{display:flex;flex-wrap:wrap;gap:12px}
.kcx-btn{display:flex;flex-direction:column;align-items:center;gap:3px;padding:18px 46px;border-radius:var(--kcx-radius);font-weight:700;
font-size:15.5px;text-decoration:none;transition:.15s}
.kcx-btn{background:var(--kc-danger);border:1.5px solid var(--kc-danger)}
.kcx-btn:hover{background:var(--kcx-btn-hover);border-color:var(--kcx-btn-hover)}
.kcx a.kcx-btn,.kcx a.kcx-btn:hover,
.kcx a.kcx-btn:focus{text-decoration:none !important}
.kcx a.kcx-btn b,.kcx a.kcx-btn i,
.kcx a.kcx-btn s,.kcx a.kcx-btn em{color:var(--kc-btn-text) !important}
.kcx-btn b{font-size:23px;line-height:1.18;letter-spacing:-.01em;white-space:nowrap}
.kcx-btn i{white-space:nowrap}
.kcx-btn{width:fit-content;max-width:100%}
.kcx-btn b{font-size:18px;font-weight:800;line-height:1.25}
.kcx-btn i{font-style:normal;font-size:13px;font-weight:500;opacity:.78;line-height:1.2}
.kcx-btn i em{font-style:normal !important;font-weight:800;font-size:17px}
.kcx-btn i s{font-style:normal;opacity:.8;font-weight:600;margin-right:4px}
.kcx-hero__panel{background:var(--kc-bg);border:1px solid var(--kc-border-hero);border-radius:16px;overflow:hidden}
.kcx-preview{--kcx-surface-glass:rgba(255,255,255,.94);--kcx-veil:rgba(255,255,255,.22)}
.kcx-preview{position:relative;background:var(--kc-bg-app);border-bottom:1px solid var(--kc-border-hero);
aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;overflow:hidden}
.kcx-preview img{display:block;width:100%;height:100%;object-fit:cover}
.kcx-preview__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
width:66px;height:66px;border-radius:50%;background:var(--kcx-surface-glass);
box-shadow:0 6px 22px rgba(30,61,74,.28);pointer-events:none;
transition:transform .18s}
.kcx-preview__play::after{content:'';position:absolute;top:50%;left:53%;transform:translate(-50%,-50%);
border-style:solid;border-width:12px 0 12px 20px;
border-color:transparent transparent transparent var(--kc-text)}
.kcx-preview:hover>.kcx-preview__play{transform:translate(-50%,-50%) scale(1.07)}
a.kcx-preview{display:flex!important;color:inherit!important;text-decoration:none!important;
cursor:pointer}
a.kcx-preview:hover{text-decoration:none!important}
.kcx-preview__caption{position:absolute;left:0;right:0;bottom:0;padding:26px 16px 12px;
display:flex;align-items:flex-end;gap:12px;
background:linear-gradient(to top,rgba(12,38,48,.86) 0%,rgba(12,38,48,.55) 55%,transparent 100%)}
.kcx-preview__caption b{flex:1;min-width:0;color:var(--kc-text-invert);font-size:14.5px;font-weight:700;
line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kcx-preview__caption span{flex:none;color:var(--kc-text-invert);font-size:12px;font-weight:600;
background:var(--kcx-veil);border-radius:5px;padding:3px 8px}
.kcx-list li.kcx-lesson--active{background:var(--kc-bg-app)}
.kcx-list li.kcx-lesson--active span.kcx-lesson__title{font-weight:700}
.kcx-lesson__num{color:var(--kc-cyan-deep);font-weight:800}
.kcx-preview__caption span.kcx-lesson__num{color:var(--kc-text-invert);opacity:.85}
.kcx div.kcx-list{scrollbar-width:thin;
scrollbar-color:var(--kc-border-mid) transparent}
.kcx-chapter{border-bottom:1px solid var(--kc-border-row)}
.kcx-chapter summary{cursor:pointer;padding:14px 18px;display:flex;align-items:center;gap:10px;
list-style:none;transition:background .15s}
.kcx-chapter summary:hover{background:var(--kc-bg-app)}
.kcx-chapter summary::-webkit-details-marker{display:none}
.kcx-chapter summary::after{content:'';flex:none;width:7px;height:7px;margin-left:2px;
border-right:2px solid var(--kc-text-sub);border-bottom:2px solid var(--kc-text-sub);
transform:rotate(45deg);transition:transform .2s;opacity:.6}
.kcx-chapter[open] summary::after{transform:rotate(-135deg)}
.kcx-chapter__no{flex:none;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;
color:var(--kc-cyan-deep);background:var(--kc-bg-app);border-radius:6px;padding:4px 8px}
.kcx-chapter__name{flex:1;font-size:14.5px;font-weight:700;line-height:1.35}
.kcx-chapter__count{flex:none;font-size:12px;color:var(--kc-text-sub)}
.kcx-list ul{margin:0;padding:0 18px 14px;list-style:none}
.kcx-list li{display:flex;align-items:center;gap:14px;padding:11px 8px 11px 0;
border-top:1px solid var(--kc-border-soft);font-size:14.5px;
border-radius:10px;transition:background .15s}
.kcx-list li:hover{background:var(--kc-bg-app)}
.kcx-list li img{width:128px;height:67px;border-radius:8px;object-fit:contain;flex:none}
.kcx-lesson__thumb--empty{width:128px;height:67px;border-radius:10px;flex:none}
.kcx-lesson__thumb--empty{display:flex;align-items:center;justify-content:center;
background:linear-gradient(135deg,var(--kc-bg-app) 0%,var(--kc-thumb-empty) 100%);
box-shadow:inset 0 0 0 1px var(--kc-border-soft)}
.kcx-lesson__thumb--empty::after{content:'▶';font-size:15px;color:var(--kc-text-sub);opacity:.4}
.kcx-lesson__title{flex:1;line-height:1.45;font-size:15.5px}
.kcx-lesson__soon{display:inline-block;margin-left:6px;padding:1px 7px;border-radius:6px;
font-size:11px;font-weight:600;line-height:1.6;white-space:nowrap;
color:var(--kc-text-sub);background:var(--kc-bg-app);border:1px solid var(--kc-border-hero)}
.kcx-lesson__time{flex:none;font-size:12px;color:var(--kc-text-sub);white-space:nowrap;
background:var(--kc-bg-app);border-radius:5px;padding:3px 7px}
@media(min-width:901px){
.kcx div.kcx-list{max-height:520px;overflow-y:auto}
}
@media(max-width:900px){
.kcx-hero__grid{grid-template-columns:1fr;gap:28px}
.kcx--hero{padding:52px 18px 56px}
.kcx-list{max-height:none}
.kcx-list ul{padding-left:0;padding-right:0}
.kcx-list li{gap:10px;padding-left:10px;padding-right:10px}
.kcx--hero{padding-inline:14px}
.kcx-list li img,.kcx-lesson__thumb--empty{width:88px;height:46px;border-radius:7px}
.kcx-lesson__title{font-size:14.5px;line-height:1.4}
.kcx-lesson__time{font-size:11px;padding:2px 6px}
}
@media print {
nav.kcx-nav{display:none !important}
.kcx-nav__spacer{display:none !important;height:0 !important}
.kcx-faq__item summary::after{display:none !important}
.kcx-faq__item{break-inside:avoid;page-break-inside:avoid}
.kcx-faq__item > div,.kcx-faq__item > p{display:block !important}
}