/* Kochar frontend: sole editable stylesheet. Generated public copy: npm run build:front. */
/* Section: kochar */@font-face{font-family:"Morabba";src:url("../fonts/morabba/MORABBA-ULTRALIGHT.woff") format("woff"),url("../fonts/morabba/MORABBA-ULTRALIGHT.TTF") format("truetype");font-weight:200;font-style:normal;font-display:swap}
@font-face{font-family:"Morabba";src:url("../fonts/morabba/MORABBA-LIGHT.woff") format("woff"),url("../fonts/morabba/MORABBA-LIGHT.TTF") format("truetype");font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:"Morabba";src:url("../fonts/morabba/MORABBA-REGULAR.woff") format("woff"),url("../fonts/morabba/MORABBA-REGULAR.TTF") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Morabba";src:url("../fonts/morabba/MORABBA-MEDIUM.woff") format("woff"),url("../fonts/morabba/MORABBA-MEDIUM.TTF") format("truetype");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Morabba";src:url("../fonts/morabba/MORABBA-SEMIBOLD.woff") format("woff"),url("../fonts/morabba/MORABBA-SEMIBOLD.TTF") format("truetype");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Morabba";src:url("../fonts/morabba/MORABBA-BOLD.woff") format("woff"),url("../fonts/morabba/MORABBA-BOLD.TTF") format("truetype");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Morabba";src:url("../fonts/morabba/MORABBA-EXTRABOLD.woff") format("woff"),url("../fonts/morabba/MORABBA-EXTRABOLD.TTF") format("truetype");font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:"Morabba";src:url("../fonts/morabba/MORABBA-BLACK.woff") format("woff"),url("../fonts/morabba/MORABBA-BLACK.TTF") format("truetype");font-weight:900;font-style:normal;font-display:swap}
@font-face{font-family:"Morabba";src:url("../fonts/morabba/MORABBA-HEAVY.woff") format("woff"),url("../fonts/morabba/MORABBA-HEAVY.TTF") format("truetype");font-weight:950;font-style:normal;font-display:swap}
:root{
--font-main:"Morabba",Tahoma,Arial,sans-serif;
--font-display:"Morabba",Tahoma,Arial,sans-serif;
}
body.site-body :where(button,input,textarea,select,option){font-family:inherit}


:root {
--brand-primary:#163f36; --gold-deep:#957132; --gold-light:#ecd8a8; --brand-gradient:linear-gradient(115deg,#c3a05a 0%,#ecd8a8 48%,#b18a43 100%); --motion-fast:220ms; --brand-accent:#c3a05a; --site-background:#f7f5ee;
--site-surface:#fffef9; --site-text:#163f36; --site-muted:#5a6c62; --site-border:#dddcd1;
--brand-on-primary:#ffffff; --brand-on-accent:#24190f;
--gold:var(--brand-accent); --gold-2:color-mix(in srgb,var(--brand-accent),white 15%);
--bg:var(--site-background); --bg-2:var(--site-surface); --bg-3:color-mix(in srgb,var(--site-surface),var(--brand-primary) 6%);
--text:var(--site-text); --muted:var(--site-muted); --line:var(--site-border);
--kf-cream:var(--site-background); --kf-white:var(--site-surface); --kf-ink:var(--site-text);
--kf-muted:var(--site-muted); --kf-orange:var(--brand-accent); --kf-line:var(--site-border); --kf-radius:24px;
--danger:#c93737; --success:#24784c; --danger-2:#ee6868; --success-2:#3fbf7f;
--hero-blob:var(--brand-primary); --z-fab:90; --z-header:100; --z-dropdown:101; --z-toast:9999;
--radius:18px; --radius-sm:12px; --container:1280px; --t:.25s ease;
--shadow:0 18px 50px #163f3614; --header-height:76px;
--color-bg:var(--site-background); --color-surface:var(--site-surface);
--color-text-main:var(--site-text); --color-text-muted:var(--site-muted);
--color-border:var(--site-border); --color-primary:var(--brand-accent);
--color-primary-light:var(--gold-light);
}
html[data-theme="dark"]{ --shadow:0 18px 50px #0006;
--color-bg:var(--site-background); --color-surface:var(--site-surface);
--color-text-main:var(--site-text); --color-text-muted:var(--site-muted);
--color-border:var(--site-border); --color-primary:var(--brand-accent);
--color-primary-light:var(--gold-light);
}
:root{--site-detail-0:#102b2850}
:root{--site-detail-1:#163f3610}
:root{--site-detail-2:#fffcecee}
:root{--site-detail-3:#ffffff14}
:root{--site-detail-4:#16382aac}
:root{--site-detail-5:#f7f5eef2}
:root{--site-detail-6:#ffffff20}
:root{--site-detail-7:#102b28e8}
:root{--site-detail-8:#102b28f5}
:root{--site-detail-9:#0c252bc9}
:root{--site-detail-10:#ffffff65}
:root{--site-detail-11:#ffffff25}
:root{--site-detail-12:#ffffff0a}
:root{--site-detail-13:#ffffff70}
:root{--site-detail-14:#102b2815}
:root{--site-detail-15:#173f3610}
:root{--site-detail-16:#d6e1cc}
:root{--site-detail-17:#bacbbe}
:root{--site-detail-18:#f6f4e9}
:root{--site-detail-19:#d8dfcb}
:root{--site-detail-20:#c8d5bf}
:root{--site-detail-21:#e8e9db}
:root{--site-detail-22:#c6d2bd}
:root{--site-detail-23:#edf0df}
:root{--site-detail-24:#a4b3a0}
:root{--site-detail-25:#b12e24}
:root{--site-detail-26:#ecd8a8}
:root{--site-detail-27:#fffdf7}
:root{--site-detail-28:#dae0cc}
:root{--site-detail-29:var(--bg-3)}
:root{--site-detail-30:#e0e5d1}
:root{--site-detail-31:#bcccbc}
:root{--site-detail-32:#818777}
:root{--site-detail-33:#cbd2be}
:root{--site-detail-34:var(--brand-primary)}
:root{--site-detail-35:#ecefdf}
:root{--site-detail-36:#e2e1d7}
:root{--site-detail-37:#24190f}
:root{--site-detail-38:#c6d5b1}
:root{--site-detail-39:#e9eddf}
:root{--site-detail-40:#e0ead3}
:root{--site-detail-41:#37644e}
:root{--site-detail-42:#d1decd}
:root{--site-detail-43:#e8eddb}
:root{--site-detail-44:#dfdfd3}
:root{--site-detail-45:#c5d3a6}
:root{--site-detail-46:var(--brand-accent)}
:root{--site-detail-47:#6f8653}
:root{--site-detail-48:var(--brand-primary)}
:root{--site-detail-49:#dce4bf}
:root{--site-detail-50:#173f36}
:root{--site-detail-51:#c8cbbb}
:root{--site-detail-52:#d6e1d5}
:root{--site-detail-53:var(--brand-on-primary)}
:root{--glass-surface:color-mix(in srgb,var(--site-surface) 78%,transparent);--glass-edge:color-mix(in srgb,var(--site-surface) 85%,var(--site-border));--glass-shadow:0 12px 38px color-mix(in srgb,var(--brand-primary) 10%,transparent);--glass-blur:20px;--dock-bg:color-mix(in srgb,var(--brand-primary) 92%,transparent)}
html[data-theme="dark"]{
--site-detail-2:#203b31;
--site-detail-5:#14271ff2;
--site-detail-16:#d9e4d7;
--site-detail-17:#8fa397;
--site-detail-18:#f7edd4;
--site-detail-19:#40584a;
--site-detail-20:#b9cabe;
--site-detail-21:#d7e0d5;
--site-detail-22:#aebeb3;
--site-detail-23:#eef2e9;
--site-detail-24:#899c90;
--site-detail-27:#162b23;
--site-detail-28:#425a4d;
--site-detail-30:#20352d;
--site-detail-31:#314b3e;
--site-detail-32:#a9b7ad;
--site-detail-33:#3f5b4b;
--site-detail-35:#1b3028;
--site-detail-36:#3d5548;
--site-detail-38:#c9d6c4;
--site-detail-39:#13271f;
--site-detail-40:#173a2d;
--site-detail-42:#c6d6c8;
--site-detail-43:#1c3329;
--site-detail-44:#243a31;
--site-detail-45:#d5e0c9;
--site-detail-49:#243b30;
--site-detail-51:#415a4c;
--site-detail-52:#d6e1d5;
}
html[data-theme="dark"] body.site-body :is(input,textarea,select){
color:var(--site-text);
border-color:var(--site-border);
}
html[data-theme="dark"] body.site-body :is(input,textarea)::placeholder{
color:#aebeb3;
}
html[data-theme="dark"] body.site-body select option{
background:#172b23;
color:#f7edd4;
}


*{margin:0;padding:0}
body{
font-family:var(--font-main);
background:var(--bg);
color:var(--text);
line-height:1.9;
overflow-x:hidden;
transition:background var(--t),color var(--t);
}
ul{list-style:none}
button,input,select{font-family:inherit;font-size:inherit}
::selection{background:var(--gold);color:#0b0e14}
.section-head{text-align:center;margin-bottom:52px}
.section-title{font-size:clamp(1.5rem,3vw,2.2rem);font-weight:800;letter-spacing:-.5px}
.section-sub{color:var(--muted);margin-top:8px}
.highlight{color:var(--gold)}
.link{color:var(--gold);font-weight:600}
.link:hover{text-decoration:underline}
h1{font-size:clamp(1.7rem,4.5vw,3.2rem)}
h2{font-size:clamp(1.5rem,4vw,2.4rem)}
h3{font-size:clamp(1.3rem,3vw,1.8rem)}
.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:20px}
.container--narrow{max-width:900px}
.section{padding:90px 0}
.grid{display:grid;gap:26px}
.grid--2{grid-template-columns:repeat(2,1fr)}
.grid--3{grid-template-columns:repeat(3,1fr)}
@media (max-width:900px){
.section{padding:56px 0}
.grid--2,.grid--3{grid-template-columns:1fr}
}
.section--sticky-safe,
.section--sticky-safe > .container{
overflow: visible;
}


.btn{
display:inline-flex;align-items:center;justify-content:center;gap:8px;
padding:13px 26px;border:1px solid transparent;border-radius:999px;
font-weight:700;cursor:pointer;transition:var(--t);white-space:nowrap;
}
.btn--primary{
background:linear-gradient(135deg,var(--gold),var(--gold-2));
color:#14100a;box-shadow:0 10px 26px color-mix(in srgb,var(--brand-accent) 28.000000000000004%,transparent);
}
.btn--primary:hover{transform:translateY(-2px);box-shadow:0 16px 34px color-mix(in srgb,var(--brand-accent) 40.0%,transparent)}
.btn--ghost{background:transparent;border-color:var(--line);color:var(--text)}
.btn--ghost:hover{border-color:var(--gold);color:var(--gold)}
.js-add-cart{border-color:var(--gold)}
.js-add-cart.is-in-cart:hover,
.js-add-cart.is-in-cart:focus-visible{border-color:var(--gold);color:#e5484d}
.card{
background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);
overflow:hidden;display:flex;flex-direction:column;transition:var(--t);
}
.card:hover{transform:translateY(-6px);border-color:var(--gold);box-shadow:var(--shadow)}
.card__img{position:relative;aspect-ratio:16/9;background:var(--bg-3)}
.card__img img{width:100%;height:100%;object-fit:cover}
.card__badge{
position:absolute;top:14px;right:14px;padding:5px 14px;border-radius:999px;
background:linear-gradient(135deg,var(--gold),var(--gold-2));color:#14100a;
font-size:.75rem;font-weight:800;
}
.card__badge--alt{background:#1f3a5f;color:#dceaff}
.card__body{padding:24px;display:flex;flex-direction:column;gap:14px;flex:1}
.card__title{font-size:1.25rem;font-weight:800}
.card__desc{color:var(--muted);font-size:.94rem}
.card__feats{display:grid;gap:8px}
.card__feats li{position:relative;padding-right:22px;color:var(--muted);font-size:.9rem}
.card__feats li::before{
content:"";position:absolute;right:0;top:12px;width:8px;height:8px;
border-radius:50%;background:var(--gold);
}
.card__actions{display:flex;gap:10px;flex-wrap:wrap}
.card__actions .btn{flex:1}
.price{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:auto}
.price del{color:var(--muted);font-size:.9rem}
.price ins{color:var(--gold);font-size:1.25rem;font-weight:800;text-decoration:none}
.post{
background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);
overflow:hidden;display:flex;flex-direction:column;transition:var(--t);
}
.post:hover{transform:translateY(-6px);border-color:var(--gold);box-shadow:var(--shadow)}
.post__img{display:block;aspect-ratio:16/9;background:var(--bg-3)}
.post__img img{width:100%;height:100%;object-fit:cover}
.post__body{padding:24px;display:grid;gap:10px}
.post__meta{color:var(--gold);font-size:.8rem;font-weight:700}
.post__title{font-size:1.15rem;font-weight:800}
.post__desc{color:var(--muted);font-size:.94rem}
.panel{
background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);
padding:30px;display:flex;flex-direction:column;gap:16px;
}
.panel--test{background:linear-gradient(160deg,color-mix(in srgb,var(--gold) 12%,var(--bg)),var(--bg))}
.panel__title{font-size:1.25rem;font-weight:800}
.panel__desc{color:var(--muted);font-size:.95rem}
.panel__list{display:grid;gap:9px;margin-bottom:auto}
.panel__list li{position:relative;padding-right:22px;color:var(--muted);font-size:.9rem}
.panel__list li::before{content:"✓";position:absolute;right:0;color:var(--gold);font-weight:800}
.form{display:grid;gap:15px}
.field{display:grid;gap:7px}
.field label{font-size:.88rem;font-weight:600;color:var(--muted)}
.field input,.field select{
padding:13px 15px;border-radius:var(--radius-sm);
border:1px solid var(--line);background:var(--bg-3);color:var(--text);
outline:none;transition:var(--t);width:100%;
}
.field input:focus,.field select:focus{border-color:var(--gold);background:var(--bg-2)}
.field input.is-error,.field select.is-error{border-color:#e5484d}
.form__note{
display:flex;align-items:center;gap:8px;
padding:4px 2px 0;
color:#1faa5f;
font-size:.95rem;font-weight:800;line-height:1.9;
background:none;border:0;border-radius:0;
}
[data-theme="dark"] .form__note{color:#3ddc84}
.acc{
border:1px solid var(--line);border-radius:var(--radius-sm);
background:var(--bg-2);margin-bottom:12px;overflow:hidden;
}
.acc__head{
width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;
padding:18px 20px;background:transparent;border:0;color:var(--text);
font-weight:700;text-align:right;cursor:pointer;
}
.acc__head:hover{color:var(--gold)}
.acc__icon{position:relative;width:16px;height:16px;flex-shrink:0}
.acc__icon::before,.acc__icon::after{
content:"";position:absolute;background:var(--gold);border-radius:2px;transition:var(--t);
}
.acc__icon::before{top:7px;right:0;width:16px;height:2px}
.acc__icon::after{top:0;right:7px;width:2px;height:16px}
.acc.is-open .acc__icon::after{transform:rotate(90deg);opacity:0}
.acc__body{max-height:0;overflow:hidden;transition:max-height .4s ease}
.acc__body p{padding:0 20px 20px;color:var(--muted);font-size:.94rem}
@media (max-width:520px){
.panel,.card__body,.post__body{padding:18px}
.card__actions{gap:8px}
.acc__head{padding:16px}
}
@media (max-width:520px){
.panel,.card__body,.post__body{padding:20px}
}
.form__note[hidden]{display:none}
.panel--test .form{margin-top:18px}
.topbar{
background:linear-gradient(90deg,#5a2c0d,#8a4b12 45%,#b9761d);
color:#fff5e2;font-size:.9rem;position:relative;z-index:60;
max-height:70px;overflow:hidden;transition:max-height .45s ease,opacity .35s ease;
}
.topbar.is-hidden{max-height:0;opacity:0}
.topbar__inner{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;padding:11px 20px}
.topbar__badge{background:rgba(255,255,255,.16);padding:3px 12px;border-radius:999px;font-weight:700;font-size:.78rem}
.topbar__text{margin:0}
.topbar__cta{border-bottom:1px dashed rgba(255,255,255,.6);font-weight:700}
.topbar__cta:hover{color:#fff;border-color:#fff}
.topbar__timer{
display:inline-flex;
align-items:center;
gap:6px;
font-size:13px;
font-weight:700;
font-variant-numeric:tabular-nums;
padding:4px 10px;
border-radius:999px;
background:rgba(255,255,255,.18);
border:1px solid rgba(255,255,255,.28);
white-space:nowrap;
}
.topbar__timer:empty{ display:none; }
@media (max-width:640px){
.topbar__timer{font-size:12px;padding:3px 8px}
}
@media (max-width:520px){
.topbar__inner{font-size:.8rem;gap:8px}
}
.navbar {
background: color-mix(in srgb, var(--bg-2) 82%, transparent);
backdrop-filter: blur(16px);
border-bottom: 1px solid var(--line);
transition: var(--t);
}
.navbar.is-stuck {
box-shadow: var(--shadow);
}
.navbar__inner {
align-items: center;
justify-content: space-between;
gap: 20px;
height: 76px;
}
.scroll-progress {
position: absolute;
top: 0;
inset-inline: 0;
height: 3px;
overflow: hidden;
pointer-events: none;
z-index: 2;
}
.scroll-progress > i {
display: block;
height: 100%;
background: linear-gradient(90deg, var(--gold-2), var(--gold));
transform: scaleX(0);
transform-origin: right center;
will-change: transform;
}
.brand {
display: flex;
align-items: center;
gap: 11px;
flex-shrink: 0;
}
.brand__mark {
width: 40px;
height: 40px;
color: var(--gold);
display: grid;
place-items: center;
}
.brand__mark svg {
width: 100%;
height: 100%;
}
.brand__text {
display: flex;
flex-direction: column;
line-height: 1.15;
}
.brand__fa {
font-weight: 800;
font-size: 1.22rem;
}
.brand__en {
font-size: 0.68rem;
letter-spacing: 3px;
color: var(--muted);
text-transform: uppercase;
padding: 5px 0 0 0;
}
.mainnav {
display: flex;
align-items: center;
gap: 6px;
}
.mainnav a {
padding: 9px 14px;
border-radius: 999px;
font-weight: 600;
font-size: 0.95rem;
color: var(--muted);
transition: var(--t);
}
.mainnav a:hover {
color: var(--text);
background: var(--bg-3);
}
.navtools {
align-items: center;
}
.search {
position: relative;
display: flex;
align-items: center;
}
.search__icon {
position: absolute;
right: 12px;
width: 17px;
height: 17px;
color: var(--muted);
}
.search input {
width: 190px;
padding: 10px 38px 10px 14px;
border-radius: 999px;
border: 1px solid var(--line);
background: var(--bg-3);
color: var(--text);
font-size: 0.88rem;
outline: none;
transition: var(--t);
}
.search input:focus {
width: 230px;
border-color: var(--gold);
background: var(--bg-2);
}
.iconbtn {
position: relative;
width: 42px;
height: 42px;
display: grid;
place-items: center;
border-radius: 50%;
border: 1px solid var(--line);
background: var(--bg-3);
color: var(--text);
cursor: pointer;
transition: var(--t);
}
.iconbtn:hover {
border-color: var(--gold);
color: var(--gold);
}
.iconbtn svg {
width: 20px;
height: 20px;
}
.cart-count {
position: absolute;
top: -5px;
left: -5px;
min-width: 20px;
height: 20px;
background: var(--gold);
color: #14100a;
border-radius: 999px;
font-size: 0.7rem;
font-weight: 800;
display: grid;
place-items: center;
padding: 0 5px;
}
html[data-theme="dark"] .ico-sun {
display: none;
}
html[data-theme="light"] .ico-moon {
display: none;
}
.burger {
display: none;
flex-direction: column;
gap: 5px;
width: 42px;
height: 42px;
border: 1px solid var(--line);
border-radius: 12px;
background: var(--bg-3);
cursor: pointer;
align-items: center;
justify-content: center;
}
.burger span {
width: 20px;
height: 2px;
background: var(--text);
border-radius: 2px;
transition: var(--t);
}
@media (max-width: 1080px) {
.search input {
width: 150px;
}
.search input:focus {
width: 180px;
}
.mainnav a {
padding: 8px 10px;
font-size: 0.9rem;
}
}
@media (max-width: 900px) {
.burger {
display: flex;
}
.mainnav {
position: fixed;
inset: 76px 0 auto 0;
flex-direction: column;
align-items: stretch;
background: var(--bg-2);
border-bottom: 1px solid var(--line);
padding: 16px 20px;
gap: 4px;
display: none;
box-shadow: var(--shadow);
}
.mainnav.is-open {
display: flex;
}
.mainnav a {
padding: 13px 14px;
border-radius: var(--radius-sm);
}
.search {
display: none;
}
.navtools .btn--ghost {
display: none;
}
}
@media (max-width: 520px) {
.navbar__inner {
height: 68px;
}
.mainnav {
inset: 68px 0 auto 0;
}
}
.cart-preview {
position: absolute;
top: calc(100% + 12px);
left: 0;
width: 320px;
background: var(--bg-2);
border: 1px solid var(--line);
border-radius: var(--radius-sm);
box-shadow: var(--shadow);
z-index: 99;
opacity: 0;
visibility: hidden;
transform: translateY(10px);
transition: var(--t);
pointer-events: none;
padding: 16px;
}
.cart-preview[aria-hidden="false"] {
opacity: 1;
visibility: visible;
transform: translateY(0);
pointer-events: auto;
}
@media (hover: hover) {
.cart-wrap:hover .cart-preview,
.cart-wrap:focus-within .cart-preview {
opacity: 1;
visibility: visible;
transform: translateY(0);
pointer-events: auto;
}
}
@media (max-width: 900px) {
.cart-preview {
display: none !important;
}
}
.cart-preview__head {
font-weight: 800;
font-size: 1rem;
padding-bottom: 12px;
border-bottom: 1px solid var(--line);
margin-bottom: 12px;
}
.cart-preview__list {
list-style: none;
padding: 0;
margin: 0;
max-height: 200px;
overflow-y: auto;
}
.cart-preview__item {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
padding: 8px 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.04);
}
.cart-preview__info {
display: flex;
flex-direction: column;
gap: 4px;
}
.cart-preview__name {
font-weight: 600;
font-size: 0.9rem;
color: var(--text);
}
.cart-preview__price {
font-size: 0.8rem;
color: var(--gold);
}
.cart-preview__del {
background: transparent;
border: none;
color: var(--muted);
cursor: pointer;
padding: 6px;
border-radius: 6px;
display: grid;
place-items: center;
transition: var(--t);
}
.cart-preview__del:hover {
background: rgba(229, 72, 77, 0.1);
color: #e5484d;
}
.cart-preview__del svg {
width: 16px;
height: 16px;
}
.cart-preview__empty {
display: none;
text-align: center;
padding: 24px 0;
color: var(--muted);
font-size: 0.9rem;
}
.cart-preview__foot {
margin-top: 12px;
padding-top: 12px;
border-top: 1px solid var(--line);
display: flex;
flex-direction: column;
gap: 12px;
}
.cart-preview__total {
font-size: 0.9rem;
}
.cart-preview__total strong {
color: var(--text);
}
.cart-preview__go {
text-align: center;
width: 100%;
font-size: 0.9rem;
padding: 10px;
}
.footer{background:var(--bg-2);border-top:1px solid var(--line);padding-top:60px}
.footer__grid{display:grid;grid-template-columns:1.3fr 1fr 1.2fr;gap:40px;padding-bottom:40px}
.brand--footer{margin-bottom:16px}
.footer__slogan{color:var(--muted);font-size:.94rem;max-width:340px}
.footer__title{font-size:1.05rem;font-weight:800;margin-bottom:18px;color:var(--gold)}
.footer__links,.footer__contact{display:grid;gap:10px}
.footer__links a,.footer__contact a{color:var(--muted);font-size:.93rem;transition:var(--t)}
.footer__links a:hover,.footer__contact a:hover{color:var(--gold)}
.footer__contact li{color:var(--muted);font-size:.93rem}
.footer__contact span{color:var(--text);font-weight:600}
.footer__social-title{
margin-top:22px;margin-bottom:12px;
color:var(--text);font-size:.93rem;font-weight:600;
}
.footer__social{display:flex;gap:12px;align-items:center}
.social{
display:inline-flex;align-items:center;justify-content:center;
width:44px;height:44px;border-radius:12px;
border:1px solid var(--line);
color:#c3a05a;
transition:var(--t);
}
.social svg{width:22px;height:22px;display:block}
.social:hover{transform:translateY(-2px)}
.social--tg:is(:hover,:focus-visible){
color:#229ED9;
border-color:#229ED9;
box-shadow:0 6px 18px rgba(34,158,217,.25);
}
.social--yt:is(:hover,:focus-visible){
color:#FF0000;
border-color:#FF0000;
box-shadow:0 6px 18px rgba(255,0,0,.25);
}
.social--ig:is(:hover,:focus-visible){
color:#D62976;
border-color:#D62976;
box-shadow:0 6px 18px rgba(214,41,118,.25);
}
.social--ig:is(:hover,:focus-visible) svg :is(rect,circle){stroke:currentColor}
@media (prefers-reduced-motion:reduce){
.social:hover{transform:none}
}
.footer__bar{border-top:1px solid var(--line);padding:18px 0;text-align:center}
.footer__bar p{color:var(--muted);font-size:.85rem}
@media (max-width:900px){
.footer__grid{grid-template-columns:1fr;gap:32px}
}
.fab{
position:fixed;
left:-4px;
top:85%;
transform:translateY(-50%);
z-index:120;
writing-mode:vertical-rl;
text-orientation:mixed;
display:inline-flex;
align-items:center;
justify-content:center;
gap:8px;
white-space:nowrap;           
line-height:1.1;
padding:18px 12px;
border-radius:0 14px 14px 0;
background:linear-gradient(135deg,var(--gold),var(--gold-2));
color:#14100a;
font-weight:800;
font-size:.85rem;
letter-spacing:.2px;
box-shadow:4px 0 22px color-mix(in srgb,var(--brand-accent) 40.0%,transparent);
transition:var(--t);
}
.fab:hover{
transform:translateY(-50%) translateX(6px);
box-shadow:8px 0 28px color-mix(in srgb,var(--brand-accent) 55.00000000000001%,transparent);
}
.fab svg{
width:18px;height:18px;
writing-mode:horizontal-tb;
flex:0 0 auto;
}
@media (max-width:900px){
.fab{
top:82%;
padding:14px 10px;
font-size:.78rem;
border-radius:0 12px 12px 0;
}
.fab svg{width:16px;height:16px}
}
.toast-host{
position:fixed;
right:20px;
bottom:20px;
z-index:1000;
display:flex;
flex-direction:column;
gap:10px;
align-items:flex-end;
pointer-events:none;
max-width:min(360px,calc(100vw - 32px));
}
.toast{
pointer-events:auto;
display:flex;
align-items:center;
gap:10px;
width:100%;
padding:13px 14px;
border-radius:var(--radius-sm);
background:var(--bg-2);
border:1px solid var(--line);
box-shadow:0 10px 28px rgba(0,0,0,.18);
font-size:.92rem;
font-weight:600;
color:var(--text);
opacity:0;
transform:translateX(120%);
transition:opacity .28s ease, transform .28s cubic-bezier(.22,1,.36,1);
}
.toast.is-in{opacity:1;transform:translateX(0)}
.toast.is-out{opacity:0;transform:translateX(120%)}
.toast__icon{
flex:0 0 auto;
width:24px;height:24px;
display:grid;place-items:center;
border-radius:50%;
font-size:.85rem;font-weight:800;
background:rgba(0,0,0,.06);
background:color-mix(in srgb, var(--text) 8%, transparent);
}
.toast__text{margin:0;flex:1;line-height:1.6}
.toast__close{
flex:0 0 auto;
width:26px;height:26px;
display:grid;place-items:center;
border:0;border-radius:8px;
background:transparent;
color:var(--muted);
font-size:1.15rem;line-height:1;
cursor:pointer;
transition:var(--t);
}
.toast__close:hover{
background:rgba(0,0,0,.06);
background:color-mix(in srgb, var(--text) 8%, transparent);
color:var(--text);
}
.toast__close:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.toast--success{ border-color: color-mix(in srgb, var(--success) 40%, transparent); }
.toast--success .toast__icon{ background: color-mix(in srgb, var(--success) 12%, transparent); color: var(--success); }
.toast--error{ border-color: color-mix(in srgb, var(--danger) 40%, transparent); }
.toast--error .toast__icon{ background: color-mix(in srgb, var(--danger) 12%, transparent); color: var(--danger); }
.toast--info{border-color:color-mix(in srgb,var(--brand-accent) 45.0%,transparent)}
.toast--info .toast__icon{background:color-mix(in srgb,var(--brand-accent) 16.0%,transparent);color:var(--gold)}
@media (max-width:600px){
.toast-host{right:12px;left:12px;bottom:12px;max-width:none;align-items:stretch}
}
@media (prefers-reduced-motion:reduce){
.toast{transition:opacity .2s ease}
.toast,.toast.is-in,.toast.is-out{transform:none}
}
.img-fallback{
position:relative;
display:block;
width:100%;
height:100%;
min-height:120px;
background:var(--bg-3);
border:1px solid var(--line);
border-radius:var(--radius);
overflow:hidden
}
.img-fallback > img{display:none !important}
.img-fallback::after{
content:attr(data-fallback-text);
position:absolute;
inset:0;
display:flex;
align-items:center;
justify-content:center;
color:var(--gold);
font-family:inherit;
font-size:clamp(1.1rem,3vw,2rem);
font-weight:800;
letter-spacing:.04em;
opacity:.32;
pointer-events:none
}
.img-fallback::before{
content:"";
position:absolute;
inset:0;
background:
repeating-linear-gradient(45deg,
transparent 0 12px,
color-mix(in srgb,var(--line) 40%,transparent) 12px 13px);
opacity:.5
}
.img-fallback[data-ratio="4/3"]{aspect-ratio:4/3}
.img-fallback[data-ratio="16/9"]{aspect-ratio:16/9}
.img-fallback[data-ratio="1/1"]{aspect-ratio:1/1}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body.kf-body{margin:0;background:var(--kf-cream);color:var(--kf-ink);font-family:var(--font-main);line-height:1.9}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{color:inherit}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--kf-orange);outline-offset:5px}input:focus,select:focus,textarea:focus{outline:2px solid var(--kf-ink);outline-offset:2px}.kf-shell{width:min(1280px,calc(100% - 80px));margin-inline:auto}.kf-header{position:sticky;top:0;z-index:30;background:var(--site-detail-5);backdrop-filter:blur(16px);border-bottom:1px solid var(--kf-line)}.kf-header-inner{height:86px;display:flex;align-items:center;gap:40px}.kf-brand{display:inline-flex;align-items:baseline;gap:9px}.kf-brand b{font-size:34px;letter-spacing:-2px;line-height:1.2}.kf-brand b span{color:var(--kf-orange)}.kf-brand small{font-size:9px;font-weight:700;letter-spacing:2px}.kf-nav{display:flex;gap:28px;align-items:center;margin-inline:auto}.kf-nav a,.kf-nav button{font-size:13px}.kf-nav button,.kf-footer button{border:0;background:none;padding:0}.kf-header-actions{display:flex;gap:22px;align-items:center}.kf-cart{font-size:12px;white-space:nowrap}.kf-cart span{display:inline-grid;place-items:center;min-width:20px;height:20px;border-radius:50%;background:var(--site-detail-29);margin-inline-start:4px;font-size:10px}.kf-button{display:inline-flex;justify-content:center;align-items:center;gap:12px;border:1px solid transparent;border-radius:100px;background:var(--kf-ink);color:white;padding:15px 25px;min-height:48px;font-weight:600;font-size:13px;transition:transform .2s,background .2s}.kf-button:hover{transform:translateY(-2px);background:var(--site-detail-48)}.kf-button:disabled{opacity:.6;cursor:wait;transform:none}.kf-button-small{font-size:12px;padding:9px 18px;min-height:42px}.kf-button-orange{background:var(--kf-orange);color:var(--site-detail-37)}.kf-button-orange:hover{background:var(--site-detail-46)}.kf-button-glass{background:var(--site-detail-12);border-color:var(--site-detail-13);color:var(--site-detail-53)}.kf-menu-button{display:none;border:0;background:none;font-size:24px;min-width:44px;min-height:44px}.kf-hero{min-height:690px;height:min(850px,calc(100svh - 86px));position:relative;isolation:isolate;color:var(--site-detail-53);overflow:hidden;background:var(--site-detail-34)}.kf-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-3}.kf-hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(270deg,var(--site-detail-8) 0%,var(--site-detail-4) 43%,var(--site-detail-14) 85%),linear-gradient(0deg,var(--kf-cream),transparent 13%)}.kf-hero-content{padding-top:clamp(60px,9vh,115px);position:relative;z-index:2}.kf-pill{display:inline-block;border:1px solid var(--site-detail-10);border-radius:100px;padding:6px 16px;font-size:10px;letter-spacing:2px;direction:ltr}.kf-pill-dark{border-color:var(--site-detail-17);color:var(--kf-ink);letter-spacing:0}.kf-hero h1{font-size:clamp(44px,5vw,76px);line-height:1.45;letter-spacing:-2.5px;margin:26px 0 20px;font-weight:800}.kf-hero h1 em{color:var(--site-detail-26);font-style:normal}.kf-hero p{font-size:16px;color:var(--site-detail-21);line-height:2.2;margin:0}.kf-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.kf-hero-caption{font-size:11px;color:var(--site-detail-52);margin-top:36px}.kf-hero-word{position:absolute;bottom:30px;left:4%;font-size:clamp(80px,12vw,170px);line-height:1;color:var(--site-detail-3);letter-spacing:-8px;font-weight:900;direction:ltr;pointer-events:none}.kf-intro{display:grid;grid-template-columns:1fr 2fr 1.6fr;gap:45px;align-items:center;padding:90px 0 55px}.kf-eyebrow{color:var(--kf-muted);font-size:11px;font-weight:600;letter-spacing:.04em}.kf-intro h2,.kf-section h2,.kf-path h2,.kf-consult-banner h2{font-size:clamp(26px,3vw,40px);line-height:1.65;letter-spacing:-1px;margin:8px 0 15px}.kf-intro h2 em,.kf-page-heading em{font-style:normal;color:var(--site-detail-47)}.kf-intro p,.kf-page-heading p{font-size:14px;color:var(--kf-muted);line-height:2.15}.kf-section{padding:40px 0 65px}.kf-section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}.kf-section-head h2{margin-bottom:0}.kf-carousel-controls{display:flex;align-items:center;gap:8px}.kf-carousel-controls button,.kf-round{display:grid;place-items:center;flex:none;width:44px;height:44px;border:1px solid var(--site-detail-51);background:none;border-radius:50%;font-size:22px}.kf-carousel-controls button:disabled{opacity:.3;cursor:default}.kf-carousel-controls a{font-size:12px;margin-inline-start:14px}.kf-carousel{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 40px)/3);gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding:8px 2px 23px;scrollbar-width:thin;scrollbar-color:var(--site-detail-24) transparent;overscroll-behavior-x:contain}.kf-carousel>*{scroll-snap-align:start;min-width:0}.kf-course{background:var(--kf-white);border:1px solid var(--site-detail-36);border-radius:var(--kf-radius);overflow:hidden;transition:transform .25s,box-shadow .25s}.kf-course:hover{transform:translateY(-5px);box-shadow:0 18px 38px var(--site-detail-1)}.kf-course-image{aspect-ratio:1.52;position:relative;display:block;overflow:hidden;background:var(--site-detail-30)}.kf-course-image img,.kf-post-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.kf-course:hover img{transform:scale(1.035)}.kf-level{position:absolute;top:18px;right:18px;display:grid;place-items:center;background:var(--site-detail-2);min-width:50px;height:37px;border-radius:100px;font-size:15px;font-weight:750;direction:ltr}.kf-image-fallback{display:grid;width:100%;height:100%;place-items:center;min-height:140px;font-size:45px;font-weight:750;background:linear-gradient(140deg,var(--site-detail-49),var(--site-detail-31));color:var(--site-detail-41)}.kf-course-body{padding:23px}.kf-course-body>.kf-eyebrow{font-size:10px;margin:0}.kf-course h3,.kf-post h3{font-size:20px;line-height:1.7;margin:8px 0 12px}.kf-course-body>p:not(.kf-eyebrow),.kf-post p{font-size:12px;color:var(--kf-muted);line-height:2;min-height:48px}.kf-course-meta{display:flex;gap:14px;color:var(--kf-muted);font-size:10px;margin-top:17px}.kf-course-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--kf-line);padding-top:18px;margin-top:18px}.kf-price{display:flex;align-items:baseline;gap:7px;flex-wrap:wrap}.kf-price strong{font-size:21px;font-weight:750}.kf-price del{color:var(--site-detail-32);font-size:12px;flex-basis:100%;line-height:1}.kf-price small{font-size:10px}.kf-round{background:var(--kf-ink);color:white;border:0}.kf-path{background:var(--kf-ink);color:var(--site-detail-18);border-radius:30px;padding:50px;display:grid;grid-template-columns:1fr 1.4fr;gap:45px;margin:30px 0 60px}.kf-path .kf-eyebrow{color:var(--site-detail-38)}.kf-path-grid{display:grid;gap:8px}.kf-path-grid article{position:relative;border-bottom:1px solid var(--site-detail-11);padding:14px 50px 20px 0}.kf-path-grid article:last-child{border-bottom:0}.kf-path-grid article>span{position:absolute;right:0;top:19px;direction:ltr;color:var(--site-detail-45);font-size:12px}.kf-path-grid h3{font-size:17px;margin:0}.kf-path-grid p{font-size:12px;color:var(--site-detail-42);margin:8px 0 0}.kf-post{min-width:0}.kf-post-image{display:block;aspect-ratio:1.55;border-radius:20px;overflow:hidden;background:var(--site-detail-44)}.kf-post>div{padding:18px 2px}.kf-text-link{border:0;background:none;font-size:12px;color:var(--kf-ink);padding:8px 0;font-weight:600}.kf-consult-banner{background:var(--site-detail-43);border:1px solid var(--site-detail-19);border-radius:30px;padding:48px;text-align:center;margin:35px 0 85px;position:relative;overflow:hidden}.kf-consult-banner p{font-size:14px;color:var(--kf-muted);margin:0 0 24px}.kf-consult-banner h2{margin-top:10px}.kf-footer{background:var(--site-detail-50);color:var(--site-detail-23);padding:60px 0 25px}.kf-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:45px}.kf-footer p{font-size:12px;color:var(--site-detail-20)}.kf-footer h3{font-size:13px;margin:0 0 16px}.kf-footer-grid>div>a:not(.kf-brand),.kf-footer button{display:block;color:var(--site-detail-16);font-size:12px;margin:10px 0}.kf-copyright{border-top:1px solid var(--site-detail-6);margin-top:35px;padding-top:20px;font-size:10px;color:var(--site-detail-22)}.kf-page-heading{padding:65px 0 35px;max-width:800px}.kf-page-heading h1{font-size:clamp(34px,4.5vw,58px);line-height:1.55;letter-spacing:-1.5px;margin:16px 0}.kf-filters{display:flex;gap:12px;align-items:center;padding:20px;border:1px solid var(--kf-line);border-radius:20px;background:var(--site-detail-27)}.kf-filters label:first-child{flex:1}.kf-filters input,.kf-filters select{width:100%;border:1px solid var(--kf-line);border-radius:12px;background:transparent;padding:12px;font-size:13px}.kf-filters a{font-size:12px}.kf-course-grid,.kf-blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.kf-blog-grid{padding-bottom:45px}.kf-empty{padding:35px;border:1px dashed var(--kf-line);border-radius:20px;grid-column:1/-1;min-width:260px}.kf-breadcrumb{display:flex;gap:12px;font-size:11px;color:var(--kf-muted);margin:30px 0;overflow-wrap:anywhere}.kf-course-detail{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:50px;align-items:start}.kf-detail-main{min-width:0}.kf-detail-main>h1{font-size:clamp(32px,4vw,48px);line-height:1.6;letter-spacing:-1px;margin:18px 0}.kf-lead{font-size:15px;color:var(--kf-muted)}.kf-detail-cover{width:100%;height:auto;border-radius:24px;margin:30px 0}.kf-purchase{position:sticky;top:115px;padding:30px;border:1px solid var(--kf-line);background:var(--kf-white);border-radius:24px}.kf-purchase h2{font-size:21px;margin:12px 0 22px}.kf-purchase .kf-price strong{font-size:29px}.kf-purchase ul{list-style:none;padding:20px 0;border-top:1px solid var(--kf-line);border-bottom:1px solid var(--kf-line);margin:22px 0;font-size:12px;color:var(--kf-muted)}.kf-purchase li{display:flex;justify-content:space-between;margin:9px 0;gap:10px}.kf-purchase .kf-button{width:100%}.kf-purchase>.kf-text-link{display:block;margin:12px auto 0}.kf-section-small{padding:25px 0}.kf-section-small h2{font-size:24px}.kf-accordion{border-bottom:1px solid var(--kf-line);padding:16px 0}.kf-accordion summary{cursor:pointer;font-size:15px;font-weight:600}.kf-accordion>div{padding:16px;font-size:13px;color:var(--kf-muted)}.kf-feature-list{padding:20px 35px;background:var(--site-detail-43);border-radius:18px;font-size:14px}.kf-feature-list li{padding:8px}.kf-article-heading{max-width:900px;margin:45px auto;text-align:center}.kf-article-heading h1{font-size:clamp(32px,4.5vw,56px);line-height:1.65;margin:20px 0}.kf-article-heading>p{font-size:15px;color:var(--kf-muted)}.kf-article-meta{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;color:var(--kf-muted);font-size:11px}.kf-article-cover{width:100%;height:auto;max-height:600px;object-fit:cover;border-radius:28px;margin-bottom:55px}.kf-reading-layout{display:grid;grid-template-columns:230px minmax(0,780px);gap:55px;justify-content:center;align-items:start}.kf-toc{position:sticky;top:115px;border-right:2px solid var(--site-detail-28);padding-right:18px;max-height:70vh;overflow:auto}.kf-toc[hidden]{display:none}.kf-toc h2{font-size:13px}.kf-toc a{display:block;font-size:11px;color:var(--kf-muted);padding:7px 0}.kf-toc a[aria-current]{color:var(--kf-ink);font-weight:750}.kf-article{font-size:16px;line-height:2.25;min-width:0;overflow-wrap:anywhere}.kf-article h2{font-size:29px;line-height:1.65;margin:42px 0 20px}.kf-article h3{font-size:23px;margin:32px 0 16px}.kf-article p{margin:0 0 24px}.kf-article img{height:auto;border-radius:18px;margin:32px auto;max-width:100%}.kf-article img[role=button]{cursor:zoom-in}.kf-article a{text-decoration:underline;text-decoration-color:var(--kf-orange);text-underline-offset:5px}.kf-article blockquote{border-right:3px solid var(--kf-orange);background:var(--site-detail-35);border-radius:16px;margin:32px 0;padding:26px;font-size:20px}.kf-article table{display:block;overflow:auto;max-width:100%;border-collapse:collapse}.kf-article td,.kf-article th{border:1px solid var(--kf-line);padding:10px}.kf-article pre{overflow:auto;max-width:100%;direction:ltr;padding:18px;background:var(--site-detail-39)}.kf-reading-progress{position:fixed;top:85px;inset-inline:0;height:3px;z-index:40;background:transparent;pointer-events:none}.kf-reading-progress i{display:block;width:100%;height:100%;background:var(--kf-orange);transform:scaleX(0);transform-origin:right}.kf-pagination{margin:10px 0 70px}.kf-pagination nav{display:flex;justify-content:center;gap:15px;flex-wrap:wrap}.kf-pagination svg{width:20px;height:20px}.kf-pagination a,.kf-pagination span{font-size:13px}.kf-pagination nav>div{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.kf-dialog{border:0;padding:35px;width:min(580px,calc(100% - 28px));max-width:calc(100vw - 28px);max-height:90svh;color:var(--kf-ink);background:var(--kf-cream);overflow-x:hidden;overscroll-behavior:contain}.kf-dialog::backdrop,.kf-lightbox::backdrop{background:var(--site-detail-9);backdrop-filter:blur(6px)}.kf-dialog h2{font-size:27px;line-height:1.6;margin:10px 0}.kf-dialog>p{font-size:12px;color:var(--kf-muted);margin-bottom:22px}.kf-dialog-close{position:absolute;left:18px;top:12px;width:40px;height:40px;border:0;background:transparent;font-size:30px}.kf-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.kf-dialog label{display:block;font-size:11px;margin-bottom:14px}.kf-dialog input:not([type=checkbox]),.kf-dialog select,.kf-dialog textarea{display:block;width:100%;border:1px solid var(--site-detail-33);border-radius:10px;background:var(--kf-white);padding:10px;margin-top:5px;font-size:13px}.kf-dialog .kf-consent{display:flex;align-items:flex-start;gap:8px;font-size:11px}.kf-consent input{margin-top:5px;accent-color:var(--kf-ink)}.kf-trap{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}.kf-form-status{font-size:12px;white-space:pre-line}.kf-form-status[data-error=true]{color:var(--site-detail-25)}.kf-lightbox{background:transparent;border:0;padding:0;max-width:94vw;max-height:94svh}.kf-lightbox img{max-height:85svh;max-width:92vw;object-fit:contain}.kf-lightbox button{display:block;margin:0 0 12px auto;background:white;border:0;border-radius:50%;width:44px;height:44px;font-size:26px}.kf-success{padding:20px;margin-block:20px;background:var(--site-detail-40);border-radius:14px}.kf-sr-only,.kf-skip:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.kf-skip:focus{position:fixed;top:10px;right:10px;padding:15px;background:white;z-index:100}.kf-body.kf-js .kf-reveal{opacity:0;transform:translateY(25px);transition:opacity .7s,transform .7s}.kf-body.kf-js .kf-reveal.is-visible{opacity:1;transform:none}
@media(max-width:1100px){.kf-header-inner{gap:20px}.kf-nav{gap:16px}.kf-brand small{display:none}.kf-header-actions{gap:14px}.kf-shell{width:calc(100% - 48px)}.kf-intro{grid-template-columns:1fr 1.2fr;gap:25px}.kf-intro>.kf-eyebrow{grid-column:1/-1}.kf-course-detail{gap:25px;grid-template-columns:minmax(0,1fr) 300px}.kf-reading-layout{gap:28px;grid-template-columns:190px minmax(0,1fr)}}
@media(max-width:800px){.kf-header-inner{height:74px}.kf-nav{display:none;position:absolute;top:74px;inset-inline:0;background:var(--kf-cream);padding:20px 28px;border-bottom:1px solid var(--kf-line);box-shadow:0 15px 20px var(--site-detail-15)}.kf-nav.is-open{display:grid;gap:18px}.kf-nav button{text-align:right}.kf-header-actions{margin-inline-start:auto}.kf-menu-button{display:block}.kf-hero{height:auto;min-height:650px}.kf-hero-content{padding-top:80px;padding-bottom:120px}.kf-hero h1{font-size:53px}.kf-hero-shade{background:linear-gradient(270deg,var(--site-detail-7),var(--site-detail-0)),linear-gradient(0deg,var(--kf-cream),transparent 15%)}.kf-carousel{grid-auto-columns:calc((100% - 20px)/2)}.kf-course-grid,.kf-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kf-path{grid-template-columns:1fr;padding:35px;gap:20px}.kf-course-detail{display:flex;flex-direction:column}.kf-purchase{position:static;width:100%;order:-1}.kf-purchase h2{font-size:18px}.kf-purchase ul{display:flex;gap:20px;flex-wrap:wrap;padding:5px 0}.kf-purchase li{gap:8px}.kf-purchase form{display:inline-block;min-width:240px}.kf-purchase>.kf-text-link{display:inline-block;margin-inline-start:16px}.kf-reading-layout{display:block}.kf-toc{position:static;max-height:none;margin:0 0 30px;padding:15px 20px;background:var(--site-detail-39);border:0;border-radius:18px}.kf-article{max-width:740px;margin:auto}.kf-reading-progress{top:73px}.kf-filters{flex-wrap:wrap}.kf-filters label:first-child{min-width:55%}.kf-footer-grid{gap:25px}}
@media(max-width:520px){.kf-shell{width:calc(100% - 32px)}.kf-brand b{font-size:29px}.kf-header-actions{gap:10px}.kf-header-actions>.kf-button{padding:8px 12px;font-size:10px}.kf-cart{font-size:10px}.kf-menu-button{min-width:36px}.kf-hero{min-height:620px}.kf-hero-content{padding-top:68px}.kf-hero h1{font-size:43px;letter-spacing:-1px}.kf-hero p{font-size:13px}.kf-hero-image{object-position:40% center}.kf-actions{gap:9px}.kf-actions .kf-button{font-size:11px;padding:12px 15px}.kf-hero-word{bottom:40px;font-size:90px}.kf-intro{display:block;padding:45px 0 20px}.kf-intro h2{font-size:31px}.kf-intro p{font-size:13px}.kf-section{padding:30px 0 40px}.kf-section-head{align-items:center;gap:10px}.kf-section h2{font-size:27px}.kf-carousel-controls{gap:5px}.kf-carousel-controls button{width:34px;height:34px;font-size:18px}.kf-carousel-controls a{font-size:10px;margin-inline-start:4px}.kf-carousel{grid-auto-columns:87%;gap:14px}.kf-carousel-posts{grid-auto-columns:82%}.kf-course-grid,.kf-blog-grid{grid-template-columns:1fr}.kf-course-body{padding:20px}.kf-path{padding:27px 23px;border-radius:23px;margin-top:10px}.kf-path h2{font-size:29px}.kf-consult-banner{padding:32px 22px;border-radius:23px;margin:25px 0 50px}.kf-consult-banner h2{font-size:27px}.kf-consult-banner p{font-size:12px}.kf-footer{padding-top:40px}.kf-footer-grid{grid-template-columns:1fr 1fr;gap:25px}.kf-footer-grid>div:first-child{grid-column:1/-1}.kf-page-heading{padding-top:40px}.kf-page-heading h1{font-size:37px}.kf-filters{padding:14px}.kf-filters label:first-child{flex-basis:100%}.kf-purchase{padding:23px}.kf-purchase form{min-width:0;width:100%}.kf-purchase>.kf-text-link{display:block;margin:10px auto}.kf-article-heading{margin:28px 0}.kf-article-heading h1{font-size:32px}.kf-article{font-size:15px}.kf-article h2{font-size:25px}.kf-article h3{font-size:21px}.kf-article-cover{border-radius:18px;margin-bottom:30px}.kf-dialog{padding:28px 22px}.kf-dialog h2{font-size:24px;padding-left:15px}.kf-form-grid{grid-template-columns:1fr}.kf-dialog .kf-button{width:100%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}.kf-body.kf-js .kf-reveal{opacity:1;transform:none}.kf-course:hover,.kf-button:hover{transform:none}}
.kf-dialog form{min-width:0}.kf-dialog .kf-form-grid>*{min-width:0}.kf-form-status{min-height:0;margin:4px 0 12px;padding:0;border-radius:12px;line-height:1.9}.kf-form-status[data-success=true]{padding:11px 13px;background:color-mix(in srgb,var(--brand-primary,#15473d) 10%,transparent);border:1px solid color-mix(in srgb,var(--brand-primary,#15473d) 24%,transparent);color:var(--brand-primary,#15473d);font-weight:650}.kf-form-status[data-error=true]{padding:11px 13px;background:color-mix(in srgb,#b64640 8%,transparent);border:1px solid color-mix(in srgb,#b64640 24%,transparent)}
@media(max-width:700px){.kf-dialog .kf-form-grid{grid-template-columns:1fr}.kf-dialog{max-height:calc(100dvh - 16px);overflow-y:auto}.kf-dialog input:not([type=checkbox]),.kf-dialog select{min-height:44px}.kf-dialog textarea{min-height:90px}.kf-dialog .kf-consent{line-height:1.8}.kf-dialog-close{position:sticky;float:left;top:0;z-index:2}}
.kf-dialog,.kf-dialog form,.kf-dialog fieldset,.kf-dialog label,.kf-dialog .kf-form-grid{min-width:0;max-width:100%}
.kf-dialog input:not([type=checkbox]),.kf-dialog select,.kf-dialog textarea{min-width:0;max-width:100%}


html{scroll-padding-top:calc(var(--header-height) + 24px)}
body.site-body{background:var(--bg);color:var(--text);}
.site-body .container{width:min(var(--container),calc(100% - 40px));margin-inline:auto}
.site-body #main{min-height:55vh;outline:none}
.navbar{position:sticky;top:0;z-index:100;background:color-mix(in srgb,var(--bg-2) 94%,transparent)}
.navbar__inner{gap:18px}.mainnav{gap:18px}.navtools{gap:10px}.search{max-width:190px}
.topbar{background:var(--brand-primary);color:var(--brand-on-primary)}
.topbar__link{background:none;border:0;color:inherit;font:inherit;cursor:pointer}.topbar__badge{background:var(--brand-accent);color:var(--brand-on-accent)}
.site-body .btn--primary{background:var(--brand-primary);color:var(--brand-on-primary);border-color:transparent}
.site-body .btn--primary:hover{background:color-mix(in srgb,var(--brand-primary),black 15%)}
.site-body .btn--ghost{color:var(--text);border-color:var(--line)}
.kf-button{background:var(--brand-primary);color:var(--brand-on-primary)}.kf-button-orange{background:var(--brand-accent);color:var(--brand-on-accent)}
.kf-button:hover{background:color-mix(in srgb,var(--brand-primary),black 12%)}.kf-button-orange:hover{background:color-mix(in srgb,var(--brand-accent),white 10%)}
.kf-button-glass{background:#ffffff0a;border-color:#ffffff70;color:#fff}
.kf-footer,.footer{background:var(--bg-2);color:var(--text);border-top:1px solid var(--line)}
.fab{border:1px solid var(--line);background:var(--brand-primary);color:var(--brand-on-primary);font:inherit;cursor:pointer;z-index:90}
.cart-wrap{display:flex;align-items:center;position:relative}.cart-preview-toggle{font-size:20px;width:28px;min-width:28px}
.cart-preview[hidden]{display:none!important}
.cart-preview__item{gap:10px;flex-wrap:wrap}.cart-preview__title{flex:1;min-width:100px}
.site-teaser{margin-block:30px;padding:20px;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius)}
.site-teaser video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#000;border-radius:12px}
.site-video-error{color:var(--danger)}
.kf-purchase,.cart-summary,.sidebar-sticky-inner{top:calc(var(--header-height) + 24px)}
.auth-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:28px;align-items:start}
.auth-layout>*{min-width:0}.auth-card,.auth-aside{padding:clamp(20px,3vw,40px);border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-2)}
.auth-aside{position:sticky;top:calc(var(--header-height) + 24px)}
.auth-aside p{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.auth-aside p:last-child{border-top:1px solid var(--line);padding-top:18px;font-weight:bold}
.field input,.field textarea,.field select{max-width:100%;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:12px;padding:12px;width:100%}
.field{margin-block:16px}.field label{display:block;margin-bottom:7px}.field__err{color:var(--danger)}
.site-body .auth-page{padding:40px 0 80px}.site-body .btn--block{width:100%;justify-content:center}
@media(max-width:1100px){.navtools .search{display:none}.navbar__inner{gap:12px}.mainnav{gap:12px}}
@media(max-width:900px){.mainnav{display:none;position:absolute;top:100%;inset-inline:16px;padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--bg-2);box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.mainnav.is-open{display:flex}.burger{display:flex}.auth-layout{grid-template-columns:1fr}.auth-aside{position:static}.navbar__inner{height:72px}}
@media(max-width:480px){.navbar__inner{gap:6px}.navtools{gap:4px}.brand__mark{display:none}.brand__fa{font-size:19px}.brand__en{font-size:9px}.navtools>.btn{font-size:10px;padding:7px}.iconbtn{width:34px;height:38px}.topbar__text{font-size:11px}.fab span{font-size:11px}.fab{padding:10px 14px}.kf-shell{width:calc(100% - 32px)}.site-body .container{width:calc(100% - 32px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
.fab{left:0}
:root{--kd-bg:var(--bg);--kd-surface:var(--bg-2);--kd-ink:var(--text);--kd-muted:var(--muted);--kd-line:var(--line);--kd-soft:var(--bg-3);--kd-gold:var(--brand-accent);--kd-deep:var(--brand-primary);--kd-shadow:var(--shadow)}
body.kd-body #main{display:flow-root;position:relative}.kd-sidebar{position:absolute;top:0;bottom:0}.kd-topbar{position:relative;top:auto}.kd-body>.footer{position:relative;z-index:45}.kd-body .navbar{z-index:100}.kd-body .footer button{color:var(--brand-on-primary)}
@media(max-width:980px){.kd-sidebar{position:fixed;top:var(--header-height);z-index:110}.kd-backdrop{z-index:105;top:var(--header-height)}}
.kf-skip:not(:focus){position:fixed;inset:0 auto auto 0;margin:0}
.auth-aside::before,.auth-aside::after{display:none}
.cart-wrap .cart-preview{inset-inline-end:0;inset-inline-start:auto;top:calc(100% + 8px);display:block;opacity:0;visibility:hidden;transform:translateY(8px);pointer-events:none;max-height:65vh;overflow:auto;background:var(--bg-2);border:1px solid var(--line);width:min(360px,calc(100vw - 32px));padding:20px;border-radius:18px;box-shadow:var(--shadow);transition:opacity .18s ease,transform .18s ease,visibility .18s ease}
.cart-wrap .cart-preview::before{content:"";position:absolute;inset-inline:0;top:-10px;height:10px}
@media(hover:hover){.cart-wrap:hover .cart-preview,.cart-wrap:focus-within .cart-preview{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}}
.cart-preview__total{display:flex;align-items:center;justify-content:space-between;gap:14px}.cart-preview__total strong{font-size:13px;white-space:nowrap}.site-flash{margin-block:18px;border:1px solid color-mix(in srgb,var(--brand-primary) 22%,transparent);box-shadow:0 10px 30px color-mix(in srgb,var(--brand-primary) 8%,transparent)}
@media(max-width:900px){.cart-wrap .cart-preview{display:none!important}}
.site-body{background-image:radial-gradient(ellipse at 90% 5%,color-mix(in srgb,var(--brand-accent) 9%,transparent),transparent 45%),radial-gradient(ellipse at 0% 45%,color-mix(in srgb,var(--brand-primary) 9%,transparent),transparent 45%);background-attachment:scroll}
.site-body :is(.navbar,.kf-course,.kf-post,.card,.post,.stat-card,.panel,.auth-card,.auth-aside,.kf-purchase,.kf-accordion,.kd-course-card,.kd-stat,.kd-panel,.kd-order-card,.kd-form-panel,.cart-summary,.cart-preview,.kf-path-grid article){background:var(--glass-surface);border:1px solid var(--glass-edge);box-shadow:var(--glass-shadow);backdrop-filter:none;-webkit-backdrop-filter:none}
.site-body .navbar{border-inline:0;border-top:0;isolation:isolate;overflow:visible}
.navbar__inner{display:flex;gap:clamp(8px,1.2vw,20px)}.navtools{display:flex;flex:none;gap:8px;min-width:0}.navtools .search{display:flex;position:relative;flex:0 1 170px;width:170px;max-width:170px;min-width:100px;isolation:isolate}.navtools .search input{width:100%;min-width:0;padding-inline:34px 12px}.navtools .search__icon{position:absolute;inset-inline-start:10px;inset-inline-end:auto;pointer-events:none}.cart-wrap{flex:none;margin:0;z-index:2}.cart-wrap #cartBtn{position:relative;flex:none}.cart-preview-toggle{flex:none}.mainnav{min-width:0;gap:clamp(8px,1.3vw,20px)}.mainnav__account{display:none}
.site-body :is(.kf-course,.kf-post,.card,.post,.stat-card,.kd-course-card){transition:transform .32s cubic-bezier(.2,.7,.2,1),box-shadow .32s,border-color .32s;overflow:hidden;border-radius:22px}
@media(hover:hover){.site-body :is(.kf-course,.kf-post,.card,.post,.kd-course-card):hover{transform:translateY(-5px);box-shadow:0 22px 48px color-mix(in srgb,var(--brand-primary) 18%,transparent);border-color:color-mix(in srgb,var(--brand-accent) 45%,var(--glass-edge))}.kf-post:hover img{transform:scale(1.045)}}
.kf-post>div{padding:20px}.kf-post-image{border-radius:0;position:relative}.kf-post-date{display:block;font-size:10px;color:var(--muted);margin-bottom:6px}.kf-post .kf-text-link{display:inline-flex;align-items:center;gap:8px;transition:gap .25s}.kf-post:hover .kf-text-link{gap:14px}.glass-reveal.is-seen{animation:glass-arrive .6s cubic-bezier(.2,.7,.2,1) both}
@keyframes glass-arrive{from{opacity:.25;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
.kf-dialog{position:fixed;inset:0;margin:auto;width:min(580px,calc(100% - 32px));height:fit-content;max-height:calc(100dvh - 40px);overflow:auto;border:1px solid var(--glass-edge);background:color-mix(in srgb,var(--site-surface) 88%,transparent);backdrop-filter:blur(28px) saturate(145%);-webkit-backdrop-filter:blur(28px) saturate(145%);box-shadow:0 30px 100px #0004;border-radius:28px;padding:32px;color:var(--text)}
.kf-dialog[open]{animation:glass-dialog-in .28s cubic-bezier(.2,.8,.2,1)}
.kf-dialog::backdrop{background:color-mix(in srgb,var(--brand-primary) 35%,transparent);backdrop-filter:blur(7px)}
.kf-dialog input:not([type=checkbox]),.kf-dialog select,.kf-dialog textarea{background:color-mix(in srgb,var(--site-surface) 72%,transparent);border:1px solid var(--line);color:var(--text)}
.kf-dialog-close{border:1px solid var(--line);border-radius:50%;background:var(--glass-surface);font-size:24px;width:34px;height:34px;line-height:1;top:16px;left:16px}.kf-dialog h2{padding-left:28px}.kf-dialog .kf-button{width:100%}
@keyframes glass-dialog-in{from{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}
.site-search-dialog{max-width:480px}.site-search-dialog form{display:grid;gap:16px}.site-mobile-dock{display:none}
@media(max-width:1150px){.navtools .search{display:none}.mainnav{gap:12px}}
@media(max-width:700px){
.site-body{padding-bottom:calc(90px + env(safe-area-inset-bottom));background-attachment:scroll}
.site-body .navbar__inner{height:60px}.site-body .brand__fa{font-size:20px}.site-body .brand__mark{width:26px;height:26px}.site-body .navtools .iconbtn{width:32px;height:34px}.site-body .navtools>.btn{padding:6px 10px;font-size:10px;min-height:32px}.site-body .navtools{gap:5px}.site-body .cart-wrap{display:none}.site-body .topbar__text{font-size:10px}
.kf-course-grid,.kf-blog-grid,.kd-course-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.kf-carousel,.kf-carousel-posts{grid-auto-columns:calc((100% - 10px)/2);gap:10px;padding-inline:0}
.kf-course,.kf-post,.kd-course-card{border-radius:16px!important}.kf-course-body,.kf-post>div{padding:11px}.kf-course h3,.kf-post h3{font-size:13px;line-height:1.75;margin-block:6px}.kf-course-body>p,.kf-post p{font-size:10px;line-height:1.8;min-height:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.kf-course-image,.kf-post-image{aspect-ratio:1.35}.kf-course-meta{font-size:9px;gap:4px;flex-wrap:wrap}.kf-course-bottom{gap:6px;align-items:flex-end}.kf-price{min-width:0;flex-wrap:wrap}.kf-price strong{font-size:13px;white-space:nowrap}.kf-price del,.kf-price small{font-size:9px}.kf-round{width:28px;height:28px;font-size:17px}.kf-level{font-size:9px;padding:3px 7px}.kf-eyebrow,.kf-post-date{font-size:9px}.kf-text-link{font-size:10px}.kf-section{padding-block:30px}.kf-section-head h2{font-size:21px}.kf-shell{width:calc(100% - 24px)}
.kd-course-content{padding:10px}.kd-course-content h3{font-size:13px}.kd-course-meta{font-size:10px}.kd-license{padding:8px}.kd-course-card .kd-button{font-size:10px;padding:8px;min-width:0}
.site-mobile-dock{position:fixed;inset-inline:12px;bottom:calc(10px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;gap:2px;min-height:62px;padding:6px;border-radius:20px;background:var(--dock-bg);color:var(--brand-on-primary);border:1px solid #ffffff40;box-shadow:0 12px 35px #0003;backdrop-filter:blur(24px);z-index:120}
.site-mobile-dock a,.site-mobile-dock button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:46px;min-width:44px;border:0;border-radius:13px;background:none;color:inherit;font:inherit;font-size:9px;transition:background .2s,transform .2s}
.site-mobile-dock svg{width:21px;height:21px}.site-mobile-dock [aria-current=page]{background:#ffffff20}.site-mobile-dock :is(a,button):active{transform:scale(.94)}.site-mobile-dock .dock-count{position:absolute;top:0;inset-inline-end:14%;min-width:15px;height:15px;line-height:15px;border-radius:20px;background:var(--brand-accent);color:var(--brand-on-accent);font-size:8px;padding-inline:3px}
.site-body .fab{top:auto;bottom:calc(90px + env(safe-area-inset-bottom));left:12px;transform:none;writing-mode:horizontal-tb;border-radius:50%;width:42px;height:42px;padding:10px;backdrop-filter:blur(18px);background:var(--glass-surface);color:var(--text)}.fab span{display:none}
.kf-dialog{padding:24px 18px;width:calc(100% - 24px);max-height:calc(100dvh - 24px);border-radius:22px}.kf-dialog h2{font-size:20px}.kf-dialog>p{font-size:11px;margin-bottom:15px}.kf-dialog label{margin-bottom:10px}.kf-dialog .kf-form-grid{gap:10px}.kf-dialog input:not([type=checkbox]),.kf-dialog select,.kf-dialog textarea{font-size:16px;padding:8px}.kf-dialog .kf-button{padding:10px;min-height:44px}
}
@supports not (backdrop-filter:blur(1px)){.site-body :is(.navbar,.kf-course,.kf-post,.card,.auth-card,.auth-aside),.kf-dialog{background:var(--site-surface)}}
@media(prefers-reduced-motion:reduce){.glass-reveal.is-seen,.kf-dialog[open]{animation:none}.site-body :is(.kf-course,.kf-post,.card,.post,.kd-course-card):hover{transform:none}}
@media(max-width:700px){.kf-course-body>p:not(.kf-eyebrow),.kf-post p{font-size:10px;line-height:1.8;min-height:0;-webkit-line-clamp:2}.kf-course-meta{margin-top:9px}.kf-course-bottom{margin-top:10px;padding-top:10px}.kf-course .kf-price{gap:3px}}
.site-body .kf-course-image,.site-body .kf-post-image{aspect-ratio:16/9;height:auto;overflow:hidden}
.site-body .kf-course-image img,.site-body .kf-post-image img{width:100%;height:100%;object-fit:cover;object-position:center}
.site-body .kf-detail-cover,.site-body .kf-article-cover{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:center;max-height:675px}
#kf-article-body p,#kf-article-body li{text-align:justify;text-justify:inter-word;line-height:2.15;overflow-wrap:anywhere}
#kf-article-body img{display:block;width:auto!important;max-width:100%!important;height:auto!important;max-height:560px;object-fit:contain;margin:24px auto;border-radius:16px}
#kf-article-body figure{margin:28px 0}#kf-article-body figcaption{font-size:12px;line-height:1.9;color:var(--muted);text-align:center}.kochar-article-section{margin-block:36px}
@media(max-width:700px){#kf-article-body img{max-height:360px;margin-block:18px}#kf-article-body p{font-size:14px;line-height:2}}


.kg-page,.ke-article-page{--ke-glass:color-mix(in srgb,var(--site-surface,#fff) 78%,transparent);--ke-line:color-mix(in srgb,var(--brand-primary,#15473d) 18%,transparent);--ke-glow:color-mix(in srgb,var(--brand-accent,#c3a05a) 20%,transparent)}
.ke-breadcrumb{display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-size:12px;margin:28px 0;color:var(--kf-muted);overflow-wrap:anywhere}.ke-breadcrumb [aria-current]{color:var(--kf-ink)}
.kg-feature,.kg-hero{display:grid;grid-template-columns:1.15fr 1fr;gap:48px;align-items:center}.kg-feature{padding:32px;margin:0 0 36px;border-radius:28px;border:1px solid var(--site-border);background:linear-gradient(120deg,color-mix(in srgb,var(--brand-accent,#c3a05a) 14%,transparent),color-mix(in srgb,var(--site-surface,#fff) 75%,transparent))}.kg-feature h2{font-size:30px;margin:8px 0}.kg-feature p{font-size:13px}.kg-kicker{font-size:11px;letter-spacing:.08em;color:var(--kf-muted)}.kg-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.kg-grid>*{min-width:0}.kg-card{display:block;border:1px solid var(--ke-line,var(--site-border));border-radius:26px;padding:28px;background:var(--ke-glass,color-mix(in srgb,var(--site-surface,#fff) 80%,transparent));backdrop-filter:blur(18px);box-shadow:0 16px 48px color-mix(in srgb,var(--brand-primary,#15473d) 7%,transparent);transition:transform .3s,box-shadow .3s,border-color .3s}.kg-card:hover{transform:translateY(-4px);border-color:var(--brand-accent);box-shadow:0 24px 54px color-mix(in srgb,var(--brand-primary,#15473d) 12%,transparent)}.kg-level{display:block;font-size:clamp(34px,5vw,70px);font-weight:850;line-height:1.2;color:var(--site-text)}.kg-card h3{font-size:20px;margin:18px 0 8px}.kg-card p,.kg-card li{font-size:14px;line-height:2}.kg-card small{font-size:11px;color:var(--kf-muted)}.kg-hero{padding:36px 0 64px}.kg-hero h1{font-size:clamp(34px,4.4vw,62px);line-height:1.6;letter-spacing:-1.5px;margin:20px 0}.kg-hero h1 em{font-style:normal;color:var(--brand-accent)}.kg-hero p{max-width:540px;color:var(--kf-muted)}.kg-link{align-self:center;font-size:13px;padding:10px}.kg-visual{position:relative;isolation:isolate;padding:40px 24px;border-radius:36px;background:radial-gradient(ellipse at 10% 10%,var(--ke-glow),transparent 70%)}.kg-visual .kg-card:nth-child(2){margin-top:38px}.kg-visual-label,.kg-visual-note{display:block;text-align:center;font-size:12px;margin:10px 0 25px}.kg-visual-note{margin:28px 0 0;color:var(--kf-muted)}.kg-orbit{position:absolute;inset:8%;border:1px solid var(--ke-line);border-radius:50%;transform:rotate(-25deg);z-index:-1}.kg-tabs{display:flex;gap:10px;flex-wrap:wrap;padding:12px;border:1px solid var(--ke-line);border-radius:20px;background:var(--ke-glass)}.kg-tabs a{padding:10px 20px;font-size:13px;border-radius:14px}.kg-tabs a:hover,.kg-tabs a[aria-current]{background:var(--brand-primary);color:var(--brand-on-primary,#fff)}.kg-section{padding:56px 0;scroll-margin-top:120px}.kg-section h2,.kg-enroll h2{font-size:30px;margin:10px 0 24px}.kg-syllabus ul{padding-inline-start:20px}.kg-enroll{display:grid;grid-template-columns:1fr auto;align-items:center;gap:32px;margin:16px 0;scroll-margin-top:120px;background:linear-gradient(120deg,var(--ke-glow),var(--ke-glass))}.kg-buy{display:grid;gap:20px;min-width:220px}.kg-facts{display:flex;gap:12px;font-size:12px}.kg-video{width:100%;max-height:440px;border-radius:26px;background:#111}.kg-faq{display:grid;gap:12px}.kg-faq details{border:1px solid var(--ke-line);padding:20px 24px;border-radius:18px;background:var(--ke-glass)}.kg-faq summary{cursor:pointer;font-weight:650}.kg-faq p{font-size:14px;line-height:2.1}.kg-faq details[open]{border-color:var(--brand-accent)}
.site-body .ke-article-page .kf-reading-layout{display:block;max-width:900px;margin:32px auto 0}.site-body .ke-article-page .kf-reading-layout:has(.kf-toc:not([hidden])){display:grid;grid-template-columns:220px minmax(0,1fr);gap:28px;max-width:1180px}.site-body .ke-article-page .kf-article{width:100%;max-width:none;margin:0;min-width:0}.ke-paper{padding:clamp(22px,4vw,54px);border:1px solid var(--ke-line);border-radius:28px;background:var(--ke-glass);box-shadow:0 20px 60px color-mix(in srgb,var(--brand-primary,#15473d) 5%,transparent)}.site-body .ke-article-page .kf-article-heading{max-width:920px;margin:35px auto;text-align:center}.ke-article-page .kf-article-heading h1{font-size:clamp(28px,3.5vw,48px);line-height:1.65}.ke-article-page .kf-article-heading>p{max-width:700px;margin:20px auto;font-size:15px;line-height:2.1}.ke-article-page .kf-article-meta{justify-content:center;flex-wrap:wrap;gap:12px}.site-body .ke-article-page .kf-article-cover{display:block;width:100%;height:clamp(180px,26vw,350px);max-height:350px;aspect-ratio:auto;object-fit:cover;border-radius:28px;margin:24px auto 0}.ke-article-page .kf-toc{border:1px solid var(--ke-line);border-radius:20px;padding:20px;background:var(--ke-glass)}.ke-article-page .kf-toc a{font-size:12px;border-radius:9px;padding:8px}.ke-article-page .kf-toc a[aria-current]{background:var(--ke-glow)}.ke-article-page #kf-article-body p{font-size:16px;line-height:2.2;text-align:justify;margin:0 0 22px}.ke-article-page #kf-article-body h2{font-size:27px;border-inline-start:4px solid var(--brand-accent);padding-inline-start:14px;margin-block:38px 20px;scroll-margin-top:130px}.ke-article-page #kf-article-body h3{font-size:22px;scroll-margin-top:130px}.ke-article-page #kf-article-body blockquote{padding:22px;border-inline-start:4px solid var(--brand-accent);border-radius:14px;background:var(--ke-glow);margin:28px 0}.ke-article-page #kf-article-body table{display:block;max-width:100%;overflow:auto;border-collapse:collapse}.ke-article-page #kf-article-body th,.ke-article-page #kf-article-body td{padding:12px;border:1px solid var(--ke-line)}.ke-article-page #kf-article-body pre{max-width:100%;overflow:auto;direction:ltr;text-align:left}.ke-article-page #kf-article-body figure{padding:12px;border:1px solid var(--ke-line);border-radius:20px}.ke-article-page #kf-article-body img{border-radius:16px}.ke-article-page #kf-article-body a{text-decoration:underline;text-underline-offset:4px}.ke-article-page .kf-consult-banner{margin-block:44px}
@media(max-width:850px){.kg-feature,.kg-hero{grid-template-columns:1fr;gap:24px}.kg-hero{padding-top:14px}.kg-visual{max-width:560px;width:100%;margin:auto}.site-body .ke-article-page .kf-reading-layout:has(.kf-toc:not([hidden])){display:block}.ke-article-page .kf-toc{position:static;max-height:220px;overflow:auto;margin:0 0 18px}.kg-enroll{grid-template-columns:1fr}.kg-buy{min-width:0}}
@media(max-width:600px){.kg-grid{gap:10px}.kg-card{padding:16px 12px;border-radius:19px}.kg-card h3{font-size:16px;line-height:1.8}.kg-card p,.kg-card li{font-size:12px}.kg-feature{padding:22px 16px;border-radius:22px}.kg-feature h2,.kg-section h2,.kg-enroll h2{font-size:24px}.kg-hero h1{font-size:34px;letter-spacing:-.7px}.kg-hero p{font-size:14px}.kg-hero{padding-bottom:28px}.kg-visual{padding:18px 10px}.kg-level{font-size:43px}.kg-tabs{gap:4px;padding:6px;justify-content:space-between}.kg-tabs a{font-size:11px;padding:9px 12px}.kg-section{padding:32px 0}.kg-faq details{padding:17px}.kg-faq summary{font-size:14px}.ke-breadcrumb{font-size:11px;margin-block:20px}.ke-paper{padding:22px 16px;border-radius:20px}.site-body .ke-article-page .kf-article-cover{height:195px;border-radius:20px}.ke-article-page #kf-article-body p{font-size:14px;line-height:2.1;word-spacing:normal}.ke-article-page #kf-article-body h2{font-size:23px}.ke-article-page #kf-article-body h3{font-size:19px}.ke-article-page .kf-article-meta{font-size:11px}.site-body .ke-article-page .kf-carousel-posts{grid-auto-columns:calc((100% - 10px)/2);gap:10px}.kg-enroll{padding:24px 18px}}
@media(prefers-reduced-motion:reduce){.kg-card{transition:none}.kg-card:hover{transform:none}}
.ke-article-page .ke-breadcrumb{width:fit-content;max-width:100%;padding:8px 12px;border:1px solid var(--ke-line);border-radius:999px;background:var(--ke-glass);transition:border-color .2s,box-shadow .2s}.ke-article-page .ke-breadcrumb a{padding:4px 7px;border-radius:999px;transition:background .2s,color .2s}.ke-article-page .ke-breadcrumb a:hover{background:var(--ke-glow);color:var(--brand-primary)}
.site-body .ke-article-page .kf-article-heading{max-width:820px;margin:28px auto 24px}.ke-article-page .kf-article-heading h1{font-size:clamp(27px,3vw,40px);line-height:1.75;letter-spacing:-.6px;margin:12px 0}.ke-article-page .kf-article-heading>p{font-size:14px;max-width:650px;margin:12px auto;line-height:2}.site-body .ke-article-page .kf-article-cover{max-width:1050px;height:clamp(190px,24vw,310px);max-height:310px;border-radius:22px;margin:18px auto 0;box-shadow:0 18px 45px color-mix(in srgb,var(--brand-primary) 10%,transparent)}
.site-body .ke-article-page .kf-reading-layout{margin-top:25px}.ke-paper{border-radius:22px;padding:clamp(22px,3.5vw,42px)}.ke-article-page #kf-article-body p{font-size:15px;line-height:2.25;margin-bottom:20px}.ke-article-page #kf-article-body h2{font-size:24px;line-height:1.8;margin-block:34px 16px}.ke-article-page #kf-article-body h3{font-size:19px;line-height:1.8;margin-block:26px 12px}.ke-article-page #kf-article-body img{max-height:500px;object-fit:contain;box-shadow:0 12px 34px color-mix(in srgb,var(--brand-primary) 8%,transparent)}
.kg-buy{min-width:min(300px,100%);padding:22px;border:1px solid var(--ke-line);border-radius:22px;background:color-mix(in srgb,var(--site-surface,#fff) 72%,transparent)}.kg-buy .kf-price{justify-content:center}.kg-buy-form,.kg-buy-form .kf-button{width:100%}.kg-buy-details{text-align:center;font-size:12px;color:var(--kf-muted);text-decoration:underline;text-underline-offset:5px}.kg-buy-details:hover{color:var(--brand-primary)}
@media(max-width:600px){.ke-article-page .ke-breadcrumb{border-radius:16px;padding:7px 9px}.site-body .ke-article-page .kf-article-heading{text-align:right;margin-block:22px 18px}.ke-article-page .kf-article-heading h1{font-size:26px;line-height:1.8}.ke-article-page .kf-article-heading>p{font-size:13px}.site-body .ke-article-page .kf-article-cover{height:190px;border-radius:18px}.ke-paper{padding:20px 15px}.ke-article-page #kf-article-body h2{font-size:21px}.ke-article-page #kf-article-body h3{font-size:18px}.kg-buy{padding:18px 14px}}
.kg-hero-buy-form,.kg-buy-form{margin:0}.kg-rich-text{color:var(--kf-muted);font-size:14px;line-height:2.15}.kg-rich-text> :first-child{margin-top:0}.kg-rich-text> :last-child{margin-bottom:0}.kg-visual{overflow:hidden}.kg-visual>*{position:relative;z-index:1}.kg-visual>img{z-index:0!important}
.exp-cards {
width: 100%;
max-width: 1200px;
height: 500px;
display: grid;
grid-template-columns: 5fr 1fr 1fr 1fr 1fr 1fr;
gap: 14px;
padding: 0;
margin: 40px auto;
list-style: none;
direction: rtl;
transition: grid-template-columns 0.75s cubic-bezier(0.22, 1, 0.36, 1);
}
.exp-card {
position: relative;
overflow: hidden;
min-width: 0;
cursor: pointer;
border-radius: 24px;
background: #111;
isolation: isolate;
outline: none;
transition:
transform 0.45s cubic-bezier(0.22, 1, 0.36, 1),
box-shadow 0.45s ease;
}
.exp-card:hover {
transform: translateY(-6px);
}
.exp-card:focus-visible {
box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.7);
}
.exp-card img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
transform: scale(1.15);
filter: grayscale(100%);
transition:
transform 0.8s cubic-bezier(0.22, 1, 0.36, 1),
filter 0.6s ease;
}
.exp-card.is-active img {
transform: scale(1);
filter: grayscale(0);
}
.exp-card__overlay {
position: absolute;
inset: 0;
background: linear-gradient(
to top,
rgba(0, 0, 0, 0.85) 0%,
rgba(0, 0, 0, 0.35) 45%,
rgba(0, 0, 0, 0.05) 100%
);
z-index: 1;
transition: background 0.5s ease;
}
.exp-card.is-active .exp-card__overlay {
background: linear-gradient(
to top,
rgba(0, 0, 0, 0.9),
rgba(0, 0, 0, 0.15)
);
}
.exp-card__content {
position: absolute;
inset: 0;
z-index: 2;
display: flex;
flex-direction: column;
justify-content: flex-end;
padding: 28px;
color: white;
}
.exp-card__vertical {
position: absolute;
right: 50%;
bottom: 40px;
writing-mode: vertical-rl;
transform: translateX(50%) rotate(180deg);
font-size: 14px;
letter-spacing: 2px;
color: rgba(255, 255, 255, 0.8);
opacity: 1;
transition: opacity 0.3s ease;
}
.exp-card.is-active .exp-card__vertical {
opacity: 0;
}
.exp-card__icon {
display: flex;
align-items: center;
font-size: 32px;
margin-bottom: 12px;
opacity: 0;
transform: translateY(25px);
transition:
opacity 0.4s ease 0.1s,
transform 0.5s cubic-bezier(0.22, 1, 0.36, 1);
}
.exp-card.is-active .exp-card__icon {
opacity: 1;
transform: none;
}
.exp-card h3 {
margin: 0 0 10px;
font-size: 26px;
font-weight: 800;
line-height: 1.3;
opacity: 0;
transform: translateY(25px);
transition:
opacity 0.45s ease 0.15s,
transform 0.5s cubic-bezier(0.22, 1, 0.36, 1);
}
.exp-card.is-active h3 {
opacity: 1;
transform: none;
}
.exp-card p {
max-width: 320px;
margin: 0;
font-size: 15px;
line-height: 2;
color: rgba(255, 255, 255, 0.8);
opacity: 0;
transform: translateY(30px);
transition:
opacity 0.5s ease 0.25s,
transform 0.55s cubic-bezier(0.22, 1, 0.36, 1);
}
.exp-card.is-active p {
opacity: 1;
transform: none;
}
.exp-card.is-active {
box-shadow: 0 25px 60px rgba(0, 0, 0, 0.35);
}
@media (max-width: 768px) {
.exp-cards {
height: 650px;
grid-template-columns: 1fr;
grid-template-rows: 5fr 1fr 1fr 1fr 1fr 1fr;
transition: grid-template-rows 0.75s cubic-bezier(0.22, 1, 0.36, 1);
}
.exp-card:hover {
transform: none;
}
.exp-card__vertical {
writing-mode: horizontal-tb;
transform: none;
right: 24px;
bottom: 25px;
}
.exp-card h3 {
font-size: 22px;
}
.exp-card p {
font-size: 14px;
}
}
@media (prefers-reduced-motion: reduce) {
.exp-cards,
.exp-card,
.exp-card img,
.exp-card h3,
.exp-card p {
transition: none !important;
}
}


body.site-body{font-family:var(--font-main);font-weight:400}
body.site-body :where(button,input,textarea,select){font-family:inherit}
body.site-body h1{font-weight:800}body.site-body h2{font-weight:700}
body.site-body :is(.kf-button-orange,.topbar__badge,.cart-count,.dock-count){background:var(--brand-gradient);color:var(--brand-on-accent)}
body.site-body .kf-button:not(.kf-button-glass){background:var(--brand-gradient);color:var(--brand-on-accent);border-color:color-mix(in srgb,var(--gold-deep) 25%,transparent)}
body.site-body .kf-button:not(.kf-button-glass):hover{filter:brightness(1.04);transform:translateY(-1px)}
body.site-body .btn--primary{background:var(--brand-gradient);color:var(--brand-on-accent)}
body.site-body .navbar{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
body.site-body .kf-shell,body.site-body .container{max-width:1180px}
.nav-search{position:relative;flex:none}
.nav-search__panel{display:flex;align-items:center;gap:8px;padding:8px;border:1px solid var(--line);border-radius:16px;background:var(--bg-2)}
.nav-search__panel input{width:100%;min-width:0;padding:10px 12px;border:0;background:transparent;color:var(--text);font:inherit;font-size:16px}
.nav-search__submit{border:0;border-radius:10px;background:var(--brand-gradient);color:var(--brand-on-accent);padding:10px 16px;min-height:44px;font:inherit;font-size:13px}
.nav-search.is-enhanced .nav-search__panel{position:absolute;top:calc(100% + 12px);inset-inline-end:0;width:min(360px,calc(100vw - 32px));z-index:110;box-shadow:var(--shadow);opacity:0;visibility:hidden;transform:translateY(-8px) scale(.98);transform-origin:top left;pointer-events:none;transition:opacity var(--motion-fast),transform var(--motion-fast),visibility var(--motion-fast)}
.nav-search.is-open .nav-search__panel{opacity:1;visibility:visible;transform:none;pointer-events:auto}
.nav-search__toggle[hidden]{display:none}
.nav-search__toggle[aria-expanded=true]{border-color:var(--gold-deep);background:color-mix(in srgb,var(--brand-accent) 15%,var(--bg-2))}
@media(max-width:900px){.nav-search{display:none}}
@media(max-width:620px){
body.site-body .kf-shell,body.site-body .container{width:calc(100% - 32px)}
.v17-hero h1 em{margin-top:8px}
.v17-hero p{margin-top:18px;line-height:1.9}
.v17-actions{gap:10px}
.v17-actions .kf-button,.v17-actions .v17-button-secondary{min-height:46px;padding:11px 16px;font-size:13px}
}
@media(prefers-reduced-motion:reduce){.nav-search.is-enhanced .nav-search__panel{transition:none;transform:none}}
/* Section: front-v17-pages */
:where([data-front-page="home"],[data-front-page="course"]) .page-home-v17 #main,:where([data-front-page="home"],[data-front-page="course"]) 
.page-course-v17 #main{
--v17-primary:var(--brand-primary);
--v17-accent:var(--brand-accent);
--v17-bg:var(--bg);
--v17-surface:var(--bg-2);
--v17-soft:var(--bg-3);
--v17-text:var(--text);
--v17-muted:var(--muted);
--v17-line:var(--line);
--v17-shadow:var(--shadow);
font-family:var(--font-main);
color:var(--v17-text);
}
:where([data-front-page="home"],[data-front-page="course"]) .page-home-v17 #main *,:where([data-front-page="home"],[data-front-page="course"]) 
.page-course-v17 #main *{box-sizing:border-box}
:where([data-front-page="home"],[data-front-page="course"]) .page-home-v17 #main a:not(.kf-button),:where([data-front-page="home"],[data-front-page="course"]) 
.page-course-v17 #main a:not(.kf-button){color:inherit}
:where([data-front-page="home"],[data-front-page="course"]) .page-home-v17 #main img,:where([data-front-page="home"],[data-front-page="course"]) 
.page-course-v17 #main img{max-width:100%}
:where([data-front-page="home"],[data-front-page="course"]) .v17-home,:where([data-front-page="home"],[data-front-page="course"]) .v17-course{overflow:clip}
:where([data-front-page="home"],[data-front-page="course"]) .v17-section{padding:clamp(36px,4.5vw,64px) 0}
:where([data-front-page="home"],[data-front-page="course"]) .v17-narrow{max-width:880px}
:where([data-front-page="home"],[data-front-page="course"]) .v17-eyebrow{
display:inline-flex;align-items:center;gap:8px;
color:var(--v17-primary);font-weight:850;font-size:.82rem;letter-spacing:.02em;
margin-bottom:12px
}
:where([data-front-page="home"],[data-front-page="course"]) .v17-eyebrow::before{content:"";width:22px;height:2px;background:var(--v17-accent);border-radius:9px}
:where([data-front-page="home"],[data-front-page="course"]) .v17-section-head{margin-bottom:30px}
:where([data-front-page="home"],[data-front-page="course"]) .v17-section-head h2{font-size:clamp(1.4rem,2.5vw,2.05rem);line-height:1.25;margin:0 0 10px}
:where([data-front-page="home"],[data-front-page="course"]) .v17-section-head p{margin:0;color:var(--v17-muted);max-width:650px}
:where([data-front-page="home"],[data-front-page="course"]) .v17-section-head--row{display:flex;align-items:end;justify-content:space-between;gap:24px}
:where([data-front-page="home"],[data-front-page="course"]) .v17-text-link{color:var(--v17-primary)!important;font-weight:850;text-decoration:none}
:where([data-front-page="home"],[data-front-page="course"]) .v17-text-link:hover{text-decoration:underline}
:where([data-front-page="home"],[data-front-page="course"]) .v17-button-secondary{
appearance:none;border:1px solid var(--v17-line);border-radius:14px;
background:var(--v17-surface);color:var(--v17-text);padding:12px 18px;
font:inherit;font-weight:800;cursor:pointer;transition:.2s ease
}
:where([data-front-page="home"],[data-front-page="course"]) .v17-button-secondary:hover{border-color:var(--v17-primary);color:var(--v17-primary);transform:translateY(-1px)}
:where([data-front-page="home"],[data-front-page="course"]) .v17-full{width:100%;justify-content:center}
:where([data-front-page="home"],[data-front-page="course"]) .v17-empty{padding:30px;border:1px dashed var(--v17-line);border-radius:18px;color:var(--v17-muted);text-align:center}
:where([data-front-page="home"],[data-front-page="course"]) .v17-hero{
position:relative;
min-height:clamp(390px,54vh,560px);
display:grid;align-items:center;
background:
radial-gradient(circle at 14% 20%,color-mix(in srgb,var(--v17-accent) 22%,transparent),transparent 30%),
radial-gradient(circle at 86% 78%,color-mix(in srgb,var(--v17-primary) 18%,transparent),transparent 34%),
linear-gradient(145deg,var(--v17-bg),var(--v17-soft));
}
:where([data-front-page="home"],[data-front-page="course"]) .v17-hero::after{
content:"";position:absolute;inset:auto 0 0;height:120px;
background:linear-gradient(to bottom,transparent,var(--v17-bg));pointer-events:none
}
:where([data-front-page="home"],[data-front-page="course"]) .v17-hero__inner{position:relative;z-index:1;padding-block:48px}
:where([data-front-page="home"],[data-front-page="course"]) .v17-hero h1{font-size:clamp(2rem,3.4vw,3.35rem);line-height:1.5;max-width:980px;margin:0}
:where([data-front-page="home"],[data-front-page="course"]) .v17-hero h1 em{display:block;color:var(--v17-text);font-style:normal;margin-top:12px}
:where([data-front-page="home"],[data-front-page="course"]) .v17-hero p{font-size:clamp(.95rem,1.2vw,1.05rem);line-height:2;color:var(--v17-muted);max-width:720px;margin:24px 0 0}
:where([data-front-page="home"],[data-front-page="course"]) .v17-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
:where([data-front-page="home"],[data-front-page="course"]) .v17-stats{margin-top:-42px;position:relative;z-index:4}
:where([data-front-page="home"],[data-front-page="course"]) .v17-stats__grid{
display:grid;grid-template-columns:repeat(4,1fr);gap:12px;
padding:14px;border:1px solid var(--v17-line);border-radius:24px;
background:color-mix(in srgb,var(--v17-surface) 88%,transparent);
backdrop-filter:blur(18px);box-shadow:var(--v17-shadow)
}
:where([data-front-page="home"],[data-front-page="course"]) .v17-stats article{display:grid;gap:6px;padding:20px;text-align:center;border-inline-end:1px solid var(--v17-line)}
:where([data-front-page="home"],[data-front-page="course"]) .v17-stats article:last-child{border-inline-end:0}
:where([data-front-page="home"],[data-front-page="course"]) .v17-stats strong{font-size:clamp(1.45rem,3vw,2.2rem);color:var(--v17-primary)}
:where([data-front-page="home"],[data-front-page="course"]) .v17-stats span{font-size:.88rem;color:var(--v17-muted)}
:where([data-front-page="home"],[data-front-page="course"]) .v17-roadmap{background:var(--v17-soft)}
:where([data-front-page="home"],[data-front-page="course"]) .v17-track{
position:relative;display:grid;grid-template-columns:repeat(6,1fr);gap:12px;
padding-top:28px
}
:where([data-front-page="home"],[data-front-page="course"]) .v17-track__line{position:absolute;top:39px;inset-inline:7%;height:2px;background:var(--v17-line)}
:where([data-front-page="home"],[data-front-page="course"]) .v17-station{position:relative;display:grid;justify-items:center;text-align:center;gap:5px;min-width:0}
:where([data-front-page="home"],[data-front-page="course"]) .v17-station__dot{
position:relative;z-index:1;width:22px;height:22px;border:5px solid var(--v17-soft);
outline:2px solid var(--v17-primary);background:var(--v17-accent);border-radius:50%;margin-bottom:8px
}
:where([data-front-page="home"],[data-front-page="course"]) .v17-station strong{font-size:1.05rem}
:where([data-front-page="home"],[data-front-page="course"]) .v17-station small{color:var(--v17-muted);font-size:.77rem}
:where([data-front-page="home"],[data-front-page="course"]) .v17-course-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
:where([data-front-page="home"],[data-front-page="course"]) .v17-course-card{
min-width:0;overflow:hidden;background:var(--v17-surface);border:1px solid var(--v17-line);
border-radius:24px;box-shadow:0 12px 34px color-mix(in srgb,var(--v17-primary) 7%,transparent);
transition:transform .22s ease,border-color .22s ease
}
:where([data-front-page="home"],[data-front-page="course"]) .v17-course-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--v17-primary) 32%,var(--v17-line))}
:where([data-front-page="home"],[data-front-page="course"]) .v17-course-card__media{display:block;position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--v17-soft)}
:where([data-front-page="home"],[data-front-page="course"]) .v17-course-card__media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}
:where([data-front-page="home"],[data-front-page="course"]) .v17-course-card:hover .v17-course-card__media img{transform:scale(1.025)}
:where([data-front-page="home"],[data-front-page="course"]) .v17-course-card__level,:where([data-front-page="home"],[data-front-page="course"]) .v17-pill{
display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;
background:var(--v17-primary);color:var(--brand-on-primary);font-weight:800;font-size:.78rem
}
:where([data-front-page="home"],[data-front-page="course"]) .v17-course-card__level{position:absolute;top:14px;inset-inline-start:14px}
:where([data-front-page="home"],[data-front-page="course"]) .v17-course-card__body{padding:22px}
:where([data-front-page="home"],[data-front-page="course"]) .v17-course-card h3{margin:0 0 10px;font-size:1.25rem}
:where([data-front-page="home"],[data-front-page="course"]) .v17-course-card h3 a{text-decoration:none}
:where([data-front-page="home"],[data-front-page="course"]) .v17-course-card p{color:var(--v17-muted);line-height:1.9;margin:0}
:where([data-front-page="home"],[data-front-page="course"]) .v17-price{display:flex;align-items:end;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:18px;padding-top:16px;border-top:1px solid var(--v17-line)}
:where([data-front-page="home"],[data-front-page="course"]) .v17-price del{font-size:.82rem;color:var(--v17-muted)}
:where([data-front-page="home"],[data-front-page="course"]) .v17-price strong{color:var(--v17-primary);font-size:1.12rem}
:where([data-front-page="home"],[data-front-page="course"]) .v17-card-actions{display:flex;gap:10px;align-items:stretch;margin-top:18px}
:where([data-front-page="home"],[data-front-page="course"]) .v17-card-actions form{display:flex}
:where([data-front-page="home"],[data-front-page="course"]) .v17-why{background:var(--v17-soft)}
:where([data-front-page="home"],[data-front-page="course"]) .v17-why__grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,6vw,72px);align-items:center}
:where([data-front-page="home"],[data-front-page="course"]) .v17-why__media{min-width:0;border-radius:28px;overflow:hidden;aspect-ratio:4/3;box-shadow:var(--v17-shadow)}
:where([data-front-page="home"],[data-front-page="course"]) .v17-why__media img{width:100%;height:100%;object-fit:cover;display:block}
:where([data-front-page="home"],[data-front-page="course"]) .v17-why__content h2{font-size:clamp(2rem,4vw,3.3rem);margin:0 0 14px}
:where([data-front-page="home"],[data-front-page="course"]) .v17-lead{font-size:1.04rem;line-height:2;color:var(--v17-muted)}
:where([data-front-page="home"],[data-front-page="course"]) .v17-checks,:where([data-front-page="home"],[data-front-page="course"]) .v17-feature-list,:where([data-front-page="home"],[data-front-page="course"]) .v17-buy-features{list-style:none;padding:0;margin:24px 0;display:grid;gap:12px}
:where([data-front-page="home"],[data-front-page="course"]) .v17-checks li{display:grid;gap:3px;padding:14px 0;border-bottom:1px solid var(--v17-line)}
:where([data-front-page="home"],[data-front-page="course"]) .v17-checks li:last-child{border-bottom:0}
:where([data-front-page="home"],[data-front-page="course"]) .v17-checks span{color:var(--v17-muted);font-size:.9rem}
:where([data-front-page="home"],[data-front-page="course"]) .v17-blog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
:where([data-front-page="home"],[data-front-page="course"]) .v17-post-card{display:grid;grid-template-columns:180px minmax(0,1fr);min-width:0;border:1px solid var(--v17-line);border-radius:20px;background:var(--v17-surface);overflow:hidden}
:where([data-front-page="home"],[data-front-page="course"]) .v17-post-card__media{min-height:190px;background:var(--v17-soft)}
:where([data-front-page="home"],[data-front-page="course"]) .v17-post-card__media img{width:100%;height:100%;object-fit:cover;display:block}
:where([data-front-page="home"],[data-front-page="course"]) .v17-post-card__body{padding:20px;min-width:0}
:where([data-front-page="home"],[data-front-page="course"]) .v17-post-card h3{margin:0 0 8px;font-size:1.05rem;line-height:1.7}
:where([data-front-page="home"],[data-front-page="course"]) .v17-post-card h3 a{text-decoration:none}
:where([data-front-page="home"],[data-front-page="course"]) .v17-post-card p{margin:0 0 14px;color:var(--v17-muted);line-height:1.9;font-size:.88rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
:where([data-front-page="home"],[data-front-page="course"]) .v17-consult__card{
display:flex;align-items:center;justify-content:space-between;gap:30px;
padding:clamp(26px,5vw,54px);border-radius:28px;
background:linear-gradient(135deg,var(--v17-primary),color-mix(in srgb,var(--v17-primary),black 15%));
color:var(--brand-on-primary)
}
:where([data-front-page="home"],[data-front-page="course"]) .v17-consult__card .v17-eyebrow{color:var(--brand-on-primary)}
:where([data-front-page="home"],[data-front-page="course"]) .v17-consult__card .v17-eyebrow::before{background:var(--v17-accent)}
:where([data-front-page="home"],[data-front-page="course"]) .v17-consult__card h2{font-size:clamp(1.8rem,4vw,3rem);margin:0 0 10px}
:where([data-front-page="home"],[data-front-page="course"]) .v17-consult__card p{margin:0;opacity:.84;max-width:650px;line-height:1.9}
:where([data-front-page="home"],[data-front-page="course"]) .v17-consult__card .kf-button{background:var(--v17-accent);color:var(--brand-on-accent);white-space:nowrap}
:where([data-front-page="home"],[data-front-page="course"]) .v17-faq{background:var(--v17-soft)}
:where([data-front-page="home"],[data-front-page="course"]) .v17-faq-list{display:grid;gap:10px}
:where([data-front-page="home"],[data-front-page="course"]) .v17-faq-list .acc{border:1px solid var(--v17-line);border-radius:16px;background:var(--v17-surface);overflow:hidden}
:where([data-front-page="home"],[data-front-page="course"]) .v17-faq-list .acc__head,:where([data-front-page="home"],[data-front-page="course"]) .v17-syllabus .acc__head{
width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;
border:0;background:transparent;color:var(--v17-text);font:inherit;font-weight:800;
text-align:start;padding:18px 20px;cursor:pointer
}
:where([data-front-page="home"],[data-front-page="course"]) .v17-faq-list .acc__head span,:where([data-front-page="home"],[data-front-page="course"]) .v17-syllabus .acc__head span{color:var(--v17-primary);font-size:1.2rem}
:where([data-front-page="home"],[data-front-page="course"]) .v17-faq-list .acc__body,:where([data-front-page="home"],[data-front-page="course"]) .v17-syllabus .acc__body{overflow:hidden;max-height:0;transition:max-height .25s ease}
:where([data-front-page="home"],[data-front-page="course"]) .v17-faq-list .acc__body p,:where([data-front-page="home"],[data-front-page="course"]) .v17-syllabus .acc__body p,:where([data-front-page="home"],[data-front-page="course"]) .v17-syllabus .acc__body ul{padding:0 20px 18px;margin:0;color:var(--v17-muted);line-height:1.9}
:where([data-front-page="home"],[data-front-page="course"]) .v17-faq-list .acc.is-open .acc__body,:where([data-front-page="home"],[data-front-page="course"]) .v17-syllabus .acc.is-open .acc__body{max-height:1200px}
:where([data-front-page="home"],[data-front-page="course"]) .v17-course-hero{padding:clamp(30px,5vw,64px) 0;background:var(--v17-soft);border-bottom:1px solid var(--v17-line)}
:where([data-front-page="home"],[data-front-page="course"]) .v17-course-hero__grid{
display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);
gap:clamp(20px,4vw,42px);align-items:start
}
:where([data-front-page="home"],[data-front-page="course"]) .v17-course-media,:where([data-front-page="home"],[data-front-page="course"]) .v17-buy-card,:where([data-front-page="home"],[data-front-page="course"]) .v17-course-content,:where([data-front-page="home"],[data-front-page="course"]) .v17-course-sidebar{min-width:0}
:where([data-front-page="home"],[data-front-page="course"]) .v17-video-frame{
min-width:0;overflow:hidden;border:1px solid var(--v17-line);border-radius:26px;
background:#000;box-shadow:var(--v17-shadow)
}
:where([data-front-page="home"],[data-front-page="course"]) .v17-video-frame .site-teaser{margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:#000!important;overflow:hidden}
:where([data-front-page="home"],[data-front-page="course"]) .v17-video-frame .site-teaser h2{display:none}
:where([data-front-page="home"],[data-front-page="course"]) .v17-video-frame .site-teaser video{
display:block!important;width:100%!important;max-width:100%!important;height:auto!important;
aspect-ratio:16/9!important;object-fit:contain!important;background:#000!important
}
:where([data-front-page="home"],[data-front-page="course"]) .v17-video-frame .site-video-error{padding:12px 16px;margin:0;color:#fff;background:#8f2d2d}
:where([data-front-page="home"],[data-front-page="course"]) .v17-video-frame .kf-text-link{display:block;padding:12px 16px;background:var(--v17-surface);color:var(--v17-primary)!important;text-decoration:none}
:where([data-front-page="home"],[data-front-page="course"]) .v17-course-cover{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:26px;border:1px solid var(--v17-line);background:var(--v17-soft)}
:where([data-front-page="home"],[data-front-page="course"]) .v17-course-cover img{width:100%;height:100%;object-fit:cover;display:block}
:where([data-front-page="home"],[data-front-page="course"]) .v17-course-cover span{position:absolute;inset:auto 14px 14px;display:inline-flex;width:max-content;max-width:calc(100% - 28px);padding:8px 12px;border-radius:999px;background:color-mix(in srgb,var(--v17-surface) 88%,transparent);backdrop-filter:blur(14px);font-size:.8rem}
:where([data-front-page="home"],[data-front-page="course"]) .v17-buy-card{
padding:clamp(22px,3vw,34px);border:1px solid var(--v17-line);border-radius:26px;
background:var(--v17-surface);box-shadow:var(--v17-shadow)
}
:where([data-front-page="home"],[data-front-page="course"]) .v17-buy-card h1{font-size:clamp(1.75rem,3.5vw,2.7rem);line-height:1.35;margin:14px 0 12px}
:where([data-front-page="home"],[data-front-page="course"]) .v17-buy-card>p{color:var(--v17-muted);line-height:1.9}
:where([data-front-page="home"],[data-front-page="course"]) .v17-buy-price{padding:18px 0;margin:18px 0;border-block:1px solid var(--v17-line)}
:where([data-front-page="home"],[data-front-page="course"]) .v17-buy-price>div{display:flex;align-items:center;gap:10px;margin-bottom:6px}
:where([data-front-page="home"],[data-front-page="course"]) .v17-buy-price del{color:var(--v17-muted);font-size:.85rem}
:where([data-front-page="home"],[data-front-page="course"]) .v17-buy-price>div span{font-size:.75rem;padding:4px 8px;border-radius:999px;background:color-mix(in srgb,var(--v17-accent) 26%,transparent);color:var(--v17-primary);font-weight:850}
:where([data-front-page="home"],[data-front-page="course"]) .v17-buy-price>strong{display:block;color:var(--v17-primary);font-size:clamp(1.65rem,3vw,2.2rem)}
:where([data-front-page="home"],[data-front-page="course"]) .v17-buy-price small{font-size:.85rem;font-weight:700}
:where([data-front-page="home"],[data-front-page="course"]) .v17-buy-features{margin:0 0 20px}
:where([data-front-page="home"],[data-front-page="course"]) .v17-buy-features li,:where([data-front-page="home"],[data-front-page="course"]) .v17-feature-list li{display:flex;align-items:flex-start;gap:10px;line-height:1.8}
:where([data-front-page="home"],[data-front-page="course"]) .v17-buy-features li>span,:where([data-front-page="home"],[data-front-page="course"]) .v17-feature-list li>span{flex:0 0 auto;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:color-mix(in srgb,var(--v17-primary) 12%,transparent);color:var(--v17-primary);font-weight:900;margin-top:2px}
:where([data-front-page="home"],[data-front-page="course"]) .v17-buy-card form+.v17-button-secondary{margin-top:10px}
:where([data-front-page="home"],[data-front-page="course"]) .v17-course-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:30px;align-items:start}
:where([data-front-page="home"],[data-front-page="course"]) .v17-course-content{display:grid;gap:20px}
:where([data-front-page="home"],[data-front-page="course"]) .v17-content-card{min-width:0;padding:clamp(22px,3vw,34px);border:1px solid var(--v17-line);border-radius:24px;background:var(--v17-surface)}
:where([data-front-page="home"],[data-front-page="course"]) .v17-content-card h2{font-size:clamp(1.8rem,3vw,2.65rem);margin:0 0 12px}
:where([data-front-page="home"],[data-front-page="course"]) .v17-content-card h3{font-size:clamp(1.3rem,2.3vw,1.8rem);margin:0 0 18px}
:where([data-front-page="home"],[data-front-page="course"]) .v17-richtext{line-height:2;color:var(--v17-text);overflow-wrap:anywhere}
:where([data-front-page="home"],[data-front-page="course"]) .v17-richtext img,:where([data-front-page="home"],[data-front-page="course"]) .v17-richtext video,:where([data-front-page="home"],[data-front-page="course"]) .v17-richtext iframe{max-width:100%;height:auto}
:where([data-front-page="home"],[data-front-page="course"]) .v17-course-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:24px}
:where([data-front-page="home"],[data-front-page="course"]) .v17-course-stats>div{display:grid;gap:5px;padding:16px;border-radius:16px;background:var(--v17-soft);text-align:center}
:where([data-front-page="home"],[data-front-page="course"]) .v17-course-stats strong{color:var(--v17-primary);font-size:1.02rem}
:where([data-front-page="home"],[data-front-page="course"]) .v17-course-stats span{color:var(--v17-muted);font-size:.78rem}
:where([data-front-page="home"],[data-front-page="course"]) .v17-snapp{
display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;
padding:clamp(22px,3vw,32px);border-radius:24px;border:1px solid color-mix(in srgb,var(--v17-primary) 24%,var(--v17-line));
background:linear-gradient(135deg,color-mix(in srgb,var(--v17-primary) 10%,var(--v17-surface)),var(--v17-surface))
}
:where([data-front-page="home"],[data-front-page="course"]) .v17-snapp__badge{display:inline-flex;padding:5px 10px;border-radius:999px;background:var(--v17-primary);color:var(--brand-on-primary);font-weight:900;font-size:.78rem}
:where([data-front-page="home"],[data-front-page="course"]) .v17-snapp h3{margin:10px 0 8px}
:where([data-front-page="home"],[data-front-page="course"]) .v17-snapp p{margin:0;color:var(--v17-muted);line-height:1.9}
:where([data-front-page="home"],[data-front-page="course"]) .v17-snapp__action{display:grid;gap:5px;min-width:200px;text-align:center;padding:16px;border-radius:18px;background:var(--v17-surface);border:1px solid var(--v17-line)}
:where([data-front-page="home"],[data-front-page="course"]) .v17-snapp__action small{color:var(--v17-muted)}
:where([data-front-page="home"],[data-front-page="course"]) .v17-snapp__action strong{color:var(--v17-primary)}
:where([data-front-page="home"],[data-front-page="course"]) .v17-snapp__action button{width:100%;border:0;border-radius:12px;background:var(--v17-primary);color:var(--brand-on-primary);font:inherit;font-weight:850;padding:10px;cursor:pointer;margin-top:6px}
:where([data-front-page="home"],[data-front-page="course"]) .v17-syllabus{display:grid;gap:10px}
:where([data-front-page="home"],[data-front-page="course"]) .v17-syllabus .acc{border:1px solid var(--v17-line);border-radius:15px;background:var(--v17-soft);overflow:hidden}
:where([data-front-page="home"],[data-front-page="course"]) .v17-syllabus .acc__body ul{padding-inline-start:44px}
:where([data-front-page="home"],[data-front-page="course"]) .v17-instructor{display:flex;align-items:center;gap:14px}
:where([data-front-page="home"],[data-front-page="course"]) .v17-instructor__avatar{display:grid;place-items:center;width:62px;height:62px;border-radius:20px;background:var(--v17-primary);color:var(--brand-on-primary);font-size:1.5rem;font-weight:900}
:where([data-front-page="home"],[data-front-page="course"]) .v17-instructor div:last-child{display:grid;gap:4px}
:where([data-front-page="home"],[data-front-page="course"]) .v17-instructor span{color:var(--v17-muted);font-size:.88rem}
:where([data-front-page="home"],[data-front-page="course"]) .v17-related{display:grid;gap:12px}
:where([data-front-page="home"],[data-front-page="course"]) .v17-related article{display:grid;grid-template-columns:150px minmax(0,1fr);gap:16px;border:1px solid var(--v17-line);border-radius:16px;overflow:hidden}
:where([data-front-page="home"],[data-front-page="course"]) .v17-related__media{background:var(--v17-soft);min-height:135px}
:where([data-front-page="home"],[data-front-page="course"]) .v17-related__media img{width:100%;height:100%;object-fit:cover;display:block}
:where([data-front-page="home"],[data-front-page="course"]) .v17-related article>div{padding:15px 15px 15px 0;min-width:0}
:where([data-front-page="home"],[data-front-page="course"]) .v17-related h4{margin:0 0 6px;font-size:1rem}
:where([data-front-page="home"],[data-front-page="course"]) .v17-related h4 a{text-decoration:none}
:where([data-front-page="home"],[data-front-page="course"]) .v17-related p{margin:0;color:var(--v17-muted);font-size:.83rem;line-height:1.8;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
:where([data-front-page="home"],[data-front-page="course"]) .v17-related__foot{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:10px}
:where([data-front-page="home"],[data-front-page="course"]) .v17-related__foot strong{color:var(--v17-primary);font-size:.85rem}
:where([data-front-page="home"],[data-front-page="course"]) .v17-course-sidebar{position:relative}
:where([data-front-page="home"],[data-front-page="course"]) .v17-sticky-buy{position:sticky;top:calc(var(--header-height) + 24px);display:grid;gap:12px;padding:22px;border:1px solid var(--v17-line);border-radius:22px;background:var(--v17-surface);box-shadow:var(--v17-shadow)}
:where([data-front-page="home"],[data-front-page="course"]) .v17-sticky-buy h3{margin:0;font-size:1.1rem}
:where([data-front-page="home"],[data-front-page="course"]) .v17-sticky-buy__price{color:var(--v17-primary);font-size:1.35rem}
:where([data-front-page="home"],[data-front-page="course"]) .v17-text-button{appearance:none;border:0;background:none;color:var(--v17-primary);font:inherit;font-weight:850;cursor:pointer;padding:8px}
:where([data-front-page="home"],[data-front-page="course"]) .v17-guarantee{padding-top:0}
:where([data-front-page="home"],[data-front-page="course"]) .v17-guarantee__card{display:flex;align-items:flex-start;gap:18px;padding:28px;border:1px solid var(--v17-line);border-radius:24px;background:var(--v17-soft)}
:where([data-front-page="home"],[data-front-page="course"]) .v17-guarantee__card>span{display:grid;place-items:center;flex:0 0 auto;width:46px;height:46px;border-radius:50%;background:var(--v17-primary);color:var(--brand-on-primary);font-weight:900;font-size:1.2rem}
:where([data-front-page="home"],[data-front-page="course"]) .v17-guarantee h2{margin:0 0 8px}
:where([data-front-page="home"],[data-front-page="course"]) .v17-guarantee p{margin:0;color:var(--v17-muted);line-height:1.9}
@media(max-width:900px){
:where([data-front-page="home"],[data-front-page="course"]) .page-home-v17 #main,:where([data-front-page="home"],[data-front-page="course"]) .page-course-v17 #main{padding-bottom:18px}
:where([data-front-page="home"],[data-front-page="course"]) .v17-section{padding:46px 0}
:where([data-front-page="home"],[data-front-page="course"]) .v17-stats{margin-top:-24px}
:where([data-front-page="home"],[data-front-page="course"]) .v17-stats__grid{grid-template-columns:repeat(2,1fr)}
:where([data-front-page="home"],[data-front-page="course"]) .v17-stats article:nth-child(2){border-inline-end:0}
:where([data-front-page="home"],[data-front-page="course"]) .v17-stats article:nth-child(-n+2){border-bottom:1px solid var(--v17-line)}
:where([data-front-page="home"],[data-front-page="course"]) .v17-track{grid-template-columns:repeat(3,1fr);row-gap:28px}
:where([data-front-page="home"],[data-front-page="course"]) .v17-track__line{display:none}
:where([data-front-page="home"],[data-front-page="course"]) .v17-course-grid,:where([data-front-page="home"],[data-front-page="course"]) .v17-blog-grid{grid-template-columns:1fr}
:where([data-front-page="home"],[data-front-page="course"]) .v17-why__grid{grid-template-columns:1fr}
:where([data-front-page="home"],[data-front-page="course"]) .v17-course-hero__grid{grid-template-columns:1fr}
:where([data-front-page="home"],[data-front-page="course"]) .v17-course-layout{grid-template-columns:1fr}
:where([data-front-page="home"],[data-front-page="course"]) .v17-course-sidebar{display:none}
:where([data-front-page="home"],[data-front-page="course"]) .v17-course-stats{grid-template-columns:repeat(2,1fr)}
:where([data-front-page="home"],[data-front-page="course"]) .v17-snapp{grid-template-columns:1fr}
:where([data-front-page="home"],[data-front-page="course"]) .v17-snapp__action{min-width:0;text-align:start}
:where([data-front-page="home"],[data-front-page="course"]) .v17-consult__card{align-items:flex-start;flex-direction:column}
}
@media(max-width:620px){
:where([data-front-page="home"],[data-front-page="course"]) .v17-hero{min-height:0}
:where([data-front-page="home"],[data-front-page="course"]) .v17-hero__inner{padding-block:38px}
:where([data-front-page="home"],[data-front-page="course"]) .v17-hero h1{font-size:clamp(1.8rem,7.8vw,2.3rem)}
:where([data-front-page="home"],[data-front-page="course"]) .v17-section-head--row{align-items:flex-start;flex-direction:column;gap:8px}
:where([data-front-page="home"],[data-front-page="course"]) .v17-track{grid-template-columns:repeat(2,1fr)}
:where([data-front-page="home"],[data-front-page="course"]) .v17-course-grid{gap:14px}
:where([data-front-page="home"],[data-front-page="course"]) .v17-card-actions{display:grid;grid-template-columns:1fr}
:where([data-front-page="home"],[data-front-page="course"]) .v17-card-actions form,:where([data-front-page="home"],[data-front-page="course"]) .v17-card-actions button{width:100%}
:where([data-front-page="home"],[data-front-page="course"]) .v17-post-card{grid-template-columns:1fr}
:where([data-front-page="home"],[data-front-page="course"]) .v17-post-card__media{min-height:180px;aspect-ratio:16/9}
:where([data-front-page="home"],[data-front-page="course"]) .v17-course-hero{padding-top:24px}
:where([data-front-page="home"],[data-front-page="course"]) .v17-buy-card,:where([data-front-page="home"],[data-front-page="course"]) .v17-content-card{border-radius:18px;padding:20px}
:where([data-front-page="home"],[data-front-page="course"]) .v17-course-stats{grid-template-columns:1fr 1fr}
:where([data-front-page="home"],[data-front-page="course"]) .v17-related article{grid-template-columns:105px minmax(0,1fr)}
:where([data-front-page="home"],[data-front-page="course"]) .v17-related article>div{padding:12px 12px 12px 0}
}
@media(max-width:420px){
:where([data-front-page="home"],[data-front-page="course"]) .v17-stats__grid{padding:8px;gap:6px}
:where([data-front-page="home"],[data-front-page="course"]) .v17-stats article{padding:14px 8px}
:where([data-front-page="home"],[data-front-page="course"]) .v17-course-stats{grid-template-columns:1fr}
:where([data-front-page="home"],[data-front-page="course"]) .v17-related article{grid-template-columns:1fr}
:where([data-front-page="home"],[data-front-page="course"]) .v17-related article>div{padding:14px}
:where([data-front-page="home"],[data-front-page="course"]) .v17-related__media{aspect-ratio:16/9}
}
:where([data-front-page="home"],[data-front-page="course"]) .page-course-v17 .v17-course-hero__grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:24px}
:where([data-front-page="home"],[data-front-page="course"]) .page-course-v17 .v17-buy-card{padding:22px;border-radius:22px;display:flex;flex-direction:column;justify-content:center}
:where([data-front-page="home"],[data-front-page="course"]) .page-course-v17 .v17-buy-card h1{font-size:clamp(19px,1.55vw,24px);line-height:1.65;margin:10px 0 8px;letter-spacing:-.6px;text-wrap:pretty}
:where([data-front-page="home"],[data-front-page="course"]) .page-course-v17 .v17-buy-card>.v17-pill{align-self:flex-start}
:where([data-front-page="home"],[data-front-page="course"]) .page-course-v17 .v17-buy-card>p{font-size:13px;margin:0}
:where([data-front-page="home"],[data-front-page="course"]) .page-course-v17 .v17-buy-price{padding:12px 0;margin:14px 0}
:where([data-front-page="home"],[data-front-page="course"]) .page-course-v17 .v17-buy-price>strong{font-size:28px}
:where([data-front-page="home"],[data-front-page="course"]) .page-course-v17 .v17-buy-features{font-size:12px;gap:7px;margin-bottom:14px}
:where([data-front-page="home"],[data-front-page="course"]) .page-course-v17 .v17-buy-card .kf-button,:where([data-front-page="home"],[data-front-page="course"]) .page-course-v17 .v17-buy-card .v17-button-secondary{min-height:44px;padding:10px 14px;font-size:13px}
:where([data-front-page="home"],[data-front-page="course"]) .page-course-v17 .v17-course-media{display:flex}
:where([data-front-page="home"],[data-front-page="course"]) .page-course-v17 .v17-video-frame,:where([data-front-page="home"],[data-front-page="course"]) .page-course-v17 .v17-course-cover{width:100%;height:100%;border-radius:22px;aspect-ratio:auto}
:where([data-front-page="home"],[data-front-page="course"]) .page-course-v17 .v17-video-frame .site-teaser{display:flex;flex-direction:column;height:100%;min-height:0}
:where([data-front-page="home"],[data-front-page="course"]) .page-course-v17 .v17-video-frame .site-teaser video{flex:1;min-height:0;height:100%!important;aspect-ratio:auto!important;object-fit:contain!important}
:where([data-front-page="home"],[data-front-page="course"]) .page-course-v17 .v17-video-frame .kf-text-link{font-size:11px;padding:10px 14px;flex:none}
:where([data-front-page="home"],[data-front-page="course"]) .page-course-v17 .v17-course-cover img{object-fit:contain;background:var(--v17-soft)}
@media(max-width:800px){:where([data-front-page="home"],[data-front-page="course"]) .page-course-v17 .v17-course-hero__grid{grid-template-columns:minmax(0,1fr);gap:18px}:where([data-front-page="home"],[data-front-page="course"]) .page-course-v17 .v17-course-media{aspect-ratio:4/3}:where([data-front-page="home"],[data-front-page="course"]) .page-course-v17 .v17-buy-card{padding:20px}:where([data-front-page="home"],[data-front-page="course"]) .page-course-v17 .v17-buy-card h1{font-size:clamp(18px,4.6vw,25px);line-height:1.7}:where([data-front-page="home"],[data-front-page="course"]) .page-course-v17 .v17-course-hero{padding-block:24px}}
/* Section: front-courses */
:where([data-front-page="courses"]) .courses-page {
padding: 40px 0 80px;
background-color: var(--color-bg, #f8fafc);
min-height: calc(100vh - 200px);
}
:where([data-front-page="courses"]) .courses-header {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 24px;
margin-bottom: 40px;
padding-bottom: 24px;
border-bottom: 1px solid var(--color-border, #e2e8f0);
}
:where([data-front-page="courses"]) .courses-header__title {
font-size: 1.75rem;
font-weight: 800;
color: var(--color-text-main, #0f172a);
margin-bottom: 8px;
}
:where([data-front-page="courses"]) .courses-header__subtitle {
font-size: 0.95rem;
color: var(--color-text-muted, #64748b);
line-height: 1.6;
}
:where([data-front-page="courses"]) .courses-search {
flex-shrink: 0;
width: 100%;
max-width: 340px;
}
:where([data-front-page="courses"]) .courses-search__box {
position: relative;
display: flex;
align-items: center;
}
:where([data-front-page="courses"]) .courses-search__icon {
position: absolute;
right: 14px;
color: var(--color-text-muted, #94a3b8);
pointer-events: none;
transition: color 0.2s ease;
}
:where([data-front-page="courses"]) .courses-search__input {
width: 100%;
padding: 12px 42px 12px 16px;
font-family: inherit;
font-size: 0.9rem;
color: var(--color-text-main, #0f172a);
background-color: var(--color-surface, #ffffff);
border: 1px solid var(--color-border, #cbd5e1);
border-radius: var(--radius-md, 12px);
outline: none;
transition: all 0.25s ease;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02);
}
:where([data-front-page="courses"]) .courses-search__input:focus {
border-color: var(--color-primary, #2563eb);
box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.12);
}
:where([data-front-page="courses"]) .courses-search__input:focus + .courses-search__icon {
color: var(--color-primary, #2563eb);
}
:where([data-front-page="courses"]) .courses-list {
display: flex;
flex-direction: column;
gap: 28px;
}
:where([data-front-page="courses"]) .course-card {
display: grid;
grid-template-columns: 1fr 2fr 1fr;
background-color: var(--color-surface, #ffffff);
border: 1px solid var(--color-border, #e2e8f0);
border-radius: var(--radius-lg, 16px);
overflow: hidden;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
transition:
transform 0.25s ease,
box-shadow 0.25s ease,
border-color 0.25s ease;
}
:where([data-front-page="courses"]) .course-card:hover {
transform: translateY(-4px);
box-shadow: 0 12px 24px rgba(0, 0, 0, 0.06);
border-color: var(--color-primary-light, #93c5fd);
}
:where([data-front-page="courses"]) .course-card--featured {
border: 2px solid var(--brand-accent);
position: relative;
background: linear-gradient(
to bottom,
#fffdfa,
var(--color-surface, #ffffff)
);
}
:where([data-front-page="courses"]) .course-card--featured:hover {
border-color: var(--gold-deep);
box-shadow: 0 12px 28px rgba(195, 160, 90, 0.12);
}
:where([data-front-page="courses"]) .course-card__media {
position: relative;
background-color: #f1f5f9;
min-height: 220px;
overflow: hidden;
}
:where([data-front-page="courses"]) .course-card__img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform 0.35s ease;
}
:where([data-front-page="courses"]) .course-card:hover .course-card__img {
transform: scale(1.04);
}
:where([data-front-page="courses"]) .course-card__badge-corner {
position: absolute;
top: 12px;
right: 12px;
background: linear-gradient(135deg, var(--brand-accent), var(--gold-deep));
color: var(--brand-on-accent);
font-size: 0.75rem;
font-weight: 700;
padding: 4px 10px;
border-radius: 6px;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
z-index: 2;
}
:where([data-front-page="courses"]) .course-card__body {
padding: 24px;
display: flex;
flex-direction: column;
justify-content: space-between;
border-left: 1px solid var(--color-border, #f1f5f9);
}
:where([data-front-page="courses"]) .course-card__tags {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-bottom: 10px;
}
:where([data-front-page="courses"]) .badge {
display: inline-block;
padding: 4px 10px;
font-size: 0.75rem;
font-weight: 600;
border-radius: 6px;
}
:where([data-front-page="courses"]) .badge--primary {
background-color: #eff6ff;
color: #1d4ed8;
}
:where([data-front-page="courses"]) .badge--warning {
background-color: #fef3c7;
color: #b45309;
}
:where([data-front-page="courses"]) .badge--success {
background-color: #f0fdf4;
color: #15803d;
}
:where([data-front-page="courses"]) .badge--info {
background-color: #f0f9ff;
color: #0369a1;
}
:where([data-front-page="courses"]) .badge--neutral {
background-color: #f1f5f9;
color: #475569;
}
:where([data-front-page="courses"]) .course-card__title {
font-size: 1.15rem;
font-weight: 700;
margin-bottom: 10px;
line-height: 1.5;
}
:where([data-front-page="courses"]) .course-card__title a {
color: var(--color-text-main, #0f172a);
text-decoration: none;
transition: color 0.2s ease;
}
:where([data-front-page="courses"]) .course-card__title a:hover {
color: var(--color-primary, #2563eb);
}
:where([data-front-page="courses"]) .course-card__desc {
font-size: 0.88rem;
color: var(--color-text-muted, #475569);
line-height: 1.7;
margin-bottom: 16px;
}
:where([data-front-page="courses"]) .course-card__highlights {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: 6px;
}
:where([data-front-page="courses"]) .course-card__highlights li {
position: relative;
padding-right: 18px;
font-size: 0.82rem;
color: #64748b;
line-height: 1.5;
}
:where([data-front-page="courses"]) .course-card__highlights li::before {
content: "✓";
position: absolute;
right: 0;
color: var(--color-primary, #2563eb);
font-weight: bold;
}
:where([data-front-page="courses"]) .course-card__aside {
padding: 24px;
background-color: #fafbfd;
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 20px;
}
:where([data-front-page="courses"]) .course-card__meta-list {
display: flex;
flex-direction: column;
gap: 10px;
}
:where([data-front-page="courses"]) .meta-item {
display: flex;
align-items: center;
justify-content: space-between;
font-size: 0.82rem;
padding-bottom: 8px;
border-bottom: 1px dashed var(--color-border, #e2e8f0);
}
:where([data-front-page="courses"]) .meta-item:last-child {
border-bottom: none;
padding-bottom: 0;
}
:where([data-front-page="courses"]) .meta-item__label {
color: var(--color-text-muted, #64748b);
}
:where([data-front-page="courses"]) .meta-item__val {
font-weight: 600;
color: var(--color-text-main, #1e293b);
}
:where([data-front-page="courses"]) .course-card__purchase {
display: flex;
flex-direction: column;
gap: 12px;
}
:where([data-front-page="courses"]) .course-card__pricing {
text-align: center;
}
:where([data-front-page="courses"]) .price-old {
display: block;
font-size: 0.85rem;
color: #94a3b8;
text-decoration: line-through;
margin-bottom: 2px;
}
:where([data-front-page="courses"]) .price-current {
display: flex;
align-items: baseline;
justify-content: center;
gap: 4px;
}
:where([data-front-page="courses"]) .price-amount {
font-size: 1.35rem;
font-weight: 800;
color: var(--color-primary, #0f172a);
}
:where([data-front-page="courses"]) .price-unit {
font-size: 0.8rem;
color: #64748b;
}
:where([data-front-page="courses"]) .btn--block {
display: block;
width: 100%;
text-align: center;
padding: 10px 14px;
font-size: 0.88rem;
font-weight: 600;
}
:where([data-front-page="courses"]) .courses-empty {
text-align: center;
padding: 60px 20px;
background-color: var(--color-surface, #ffffff);
border: 1px dashed var(--color-border, #cbd5e1);
border-radius: var(--radius-lg, 16px);
margin-top: 20px;
}
:where([data-front-page="courses"]) .courses-empty__icon {
font-size: 3rem;
display: block;
margin-bottom: 12px;
}
:where([data-front-page="courses"]) .courses-empty h3 {
font-size: 1.2rem;
font-weight: 700;
color: var(--color-text-main, #0f172a);
margin-bottom: 6px;
}
:where([data-front-page="courses"]) .courses-empty p {
font-size: 0.9rem;
color: var(--color-text-muted, #64748b);
}
:where([data-front-page="courses"]) .hidden {
display: none !important;
}
@media (max-width: 1024px) {
:where([data-front-page="courses"]) .course-card {
grid-template-columns: 1fr 1.5fr;
}
:where([data-front-page="courses"]) .course-card__aside {
grid-column: 1 / -1;
border-left: none;
border-top: 1px solid var(--color-border, #e2e8f0);
flex-direction: row;
align-items: center;
}
:where([data-front-page="courses"]) .course-card__meta-list {
flex: 1;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 12px;
}
:where([data-front-page="courses"]) .course-card__purchase {
flex: 0 0 220px;
}
}
@media (max-width: 768px) {
:where([data-front-page="courses"]) .courses-header {
flex-direction: column;
align-items: stretch;
gap: 16px;
}
:where([data-front-page="courses"]) .courses-search {
max-width: 100%;
}
:where([data-front-page="courses"]) .course-card {
grid-template-columns: 1fr;
}
:where([data-front-page="courses"]) .course-card__media {
min-height: 180px;
height: 180px;
}
:where([data-front-page="courses"]) .course-card__body {
border-left: none;
padding: 18px;
}
:where([data-front-page="courses"]) .course-card__aside {
flex-direction: column;
padding: 18px;
gap: 16px;
}
:where([data-front-page="courses"]) .course-card__meta-list {
display: flex;
flex-direction: column;
width: 100%;
}
:where([data-front-page="courses"]) .course-card__purchase {
width: 100%;
}
}
:where([data-front-page="courses"]) .page-courses-list .kf-course-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:24px}
:where([data-front-page="courses"]) .page-courses-list .kf-course{display:grid;grid-template-columns:minmax(220px,.42fr) minmax(0,1fr);border:1px solid var(--line);border-radius:24px;overflow:hidden;background:var(--bg-2);box-shadow:0 8px 24px #102c2208;transition:transform .3s,box-shadow .3s}
:where([data-front-page="courses"]) .page-courses-list .kf-course-image{aspect-ratio:auto;min-height:265px;height:100%;display:block;position:relative}
:where([data-front-page="courses"]) .page-courses-list .kf-course-image img{height:100%;width:100%;object-fit:cover;transition:transform .5s}
:where([data-front-page="courses"]) .page-courses-list .kf-image-fallback{height:100%;min-height:265px;display:grid;place-items:center}
:where([data-front-page="courses"]) .page-courses-list .kf-course-body{padding:28px 32px;display:flex;flex-direction:column;min-width:0}
:where([data-front-page="courses"]) .page-courses-list .kf-course-body h3{font-size:25px;line-height:1.65;margin:8px 0 12px}
:where([data-front-page="courses"]) .page-courses-list .kf-course-body>p{font-size:14px;line-height:2}
:where([data-front-page="courses"]) .page-courses-list .kf-course-body>.kf-eyebrow{font-size:11px;margin:0}
:where([data-front-page="courses"]) .page-courses-list .kf-course-meta{margin-top:14px;gap:18px;font-size:12px}
:where([data-front-page="courses"]) .page-courses-list .kf-course-bottom{margin-top:auto;padding-top:18px}
:where([data-front-page="courses"]) .page-courses-list .kf-price strong{font-size:25px}
:where([data-front-page="courses"]) .page-courses-list .kf-round{width:44px;height:44px}
@media(hover:hover){:where([data-front-page="courses"]) .page-courses-list .kf-course:hover{transform:translateY(-3px);box-shadow:0 16px 32px #102c2212}:where([data-front-page="courses"]) .page-courses-list .kf-course:hover img{transform:scale(1.025)}}
@media(max-width:640px){:where([data-front-page="courses"]) .page-courses-list .kf-course{grid-template-columns:minmax(0,1fr);border-radius:20px}:where([data-front-page="courses"]) .page-courses-list .kf-course-image{aspect-ratio:16/9;min-height:0;height:auto}:where([data-front-page="courses"]) .page-courses-list .kf-image-fallback{min-height:0;height:100%}:where([data-front-page="courses"]) .page-courses-list .kf-course-body{padding:22px}:where([data-front-page="courses"]) .page-courses-list .kf-course-body h3{font-size:21px}:where([data-front-page="courses"]) .page-courses-list .kf-course-meta{flex-wrap:wrap}:where([data-front-page="courses"]) .page-courses-list .kf-price strong{font-size:23px}}
@media(prefers-reduced-motion:reduce){:where([data-front-page="courses"]) .page-courses-list .kf-course,:where([data-front-page="courses"]) .page-courses-list .kf-course-image img{transition:none}:where([data-front-page="courses"]) .page-courses-list .kf-course:hover,:where([data-front-page="courses"]) .page-courses-list .kf-course:hover img{transform:none}}
html:where([data-front-page="courses"])[data-theme="dark"] .page-courses-list .kf-filters{
background:#162b23 !important;
border-color:#40584a !important;
box-shadow:0 10px 30px #0002;
}
html:where([data-front-page="courses"])[data-theme="dark"] .page-courses-list .kf-filters :is(input,select){
background:#10231c !important;
color:#f7edd4 !important;
border-color:#486353 !important;
caret-color:#ecd8a8;
}
html:where([data-front-page="courses"])[data-theme="dark"] .page-courses-list .kf-filters input::placeholder{
color:#aebeb3 !important;
opacity:1;
}
html:where([data-front-page="courses"])[data-theme="dark"] .page-courses-list .kf-filters select option{
background:#172b23 !important;
color:#f7edd4 !important;
}
html:where([data-front-page="courses"])[data-theme="dark"] .page-courses-list .kf-filters a{color:#ecd8a8 !important;}
html:where([data-front-page="courses"])[data-theme="dark"] .page-courses-list .kf-course{
background:#172b23 !important;
border-color:#40584a !important;
}
html:where([data-front-page="courses"])[data-theme="dark"] .page-courses-list .kf-course-body h3 a{color:#f7edd4 !important;}
html:where([data-front-page="courses"])[data-theme="dark"] .page-courses-list .kf-course-body>p,
html:where([data-front-page="courses"])[data-theme="dark"] .page-courses-list .kf-course-meta,
html:where([data-front-page="courses"])[data-theme="dark"] .page-courses-list .kf-course-meta span,
html:where([data-front-page="courses"])[data-theme="dark"] .page-courses-list .kf-course-body>.kf-eyebrow{color:#d6c8a5 !important;}
html:where([data-front-page="courses"])[data-theme="dark"] .page-courses-list .kf-course-bottom{border-color:#40584a !important;}
html:where([data-front-page="courses"])[data-theme="dark"] .page-courses-list .kf-price strong,
html:where([data-front-page="courses"])[data-theme="dark"] .page-courses-list .kf-price small{color:#f7edd4 !important;}
html:where([data-front-page="courses"])[data-theme="dark"] .page-courses-list .kf-price del{
color:#e6a746 !important;
text-decoration-color:#e6a746 !important;
}
/* Section: front-about */
:where([data-front-page="about"]) .about-hero {
position: relative;
min-height: 52vh;
display: grid;
place-items: center;
padding: 100px 0 60px;
text-align: center;
overflow: hidden;
}
:where([data-front-page="about"]) .about-hero::before,:where([data-front-page="about"]) 
.about-hero::after {
content: "";
position: absolute;
border-radius: 50%;
pointer-events: none;
filter: blur(120px);
opacity: 0.22;
z-index: 0;
}
:where([data-front-page="about"]) .about-hero::before {
width: 480px;
height: 480px;
top: -80px;
right: -80px;
background: var(--gold);
}
:where([data-front-page="about"]) .about-hero::after {
width: 420px;
height: 420px;
bottom: -60px;
left: -60px;
background: var(--hero-blob);
}
:where([data-front-page="about"]) .about-hero__inner {
position: relative;
z-index: 1;
max-width: 820px;
display: flex;
flex-direction: column;
align-items: center;
gap: 18px;
}
:where([data-front-page="about"]) .about-hero__eyebrow {
display: inline-flex;
align-items: center;
padding: 6px 18px;
border: 1px solid var(--line);
border-radius: 999px;
background: var(--bg-2);
color: var(--gold);
font-size: 0.85rem;
font-weight: 700;
}
:where([data-front-page="about"]) .about-hero__title {
font-size: clamp(1.6rem, 4vw, 2.6rem);
font-weight: 800;
line-height: 1.55;
letter-spacing: -0.5px;
}
:where([data-front-page="about"]) .about-hero__title .highlight {
display: block;
margin-top: 8px;
color: var(--gold);
}
:where([data-front-page="about"]) .about-hero__sub {
color: var(--muted);
font-size: 1.05rem;
line-height: 1.85;
max-width: 680px;
}
:where([data-front-page="about"]) .about-hero__cta {
display: flex;
align-items: center;
justify-content: center;
gap: 14px;
margin-top: 10px;
flex-wrap: wrap;
}
:where([data-front-page="about"]) .about-hero__scroll {
display: inline-flex;
align-items: center;
justify-content: center;
margin-top: 24px;
color: var(--muted);
animation: kp-about-bounceDown 2s infinite ease-in-out;
}
:where([data-front-page="about"]) .about-hero__scroll svg {
width: 26px;
height: 26px;
}
@keyframes kp-about-bounceDown {
0%, 100% { transform: translateY(0); }
50% { transform: translateY(8px); }
}
:where([data-front-page="about"]) .story {
padding: 80px 0;
}
:where([data-front-page="about"]) .story__card {
background: var(--bg-2);
border: 1px solid var(--line);
border-radius: var(--radius);
padding: 44px;
display: grid;
grid-template-columns: 1.25fr 1fr;
gap: 48px;
align-items: start;
box-shadow: var(--shadow);
}
:where([data-front-page="about"]) .story__text {
display: flex;
flex-direction: column;
gap: 18px;
color: var(--text);
line-height: 1.95;
font-size: 0.98rem;
}
:where([data-front-page="about"]) .story__text strong {
color: var(--gold);
font-weight: 700;
}
:where([data-front-page="about"]) .story__text em {
font-style: normal;
color: var(--text);
text-decoration: underline;
text-decoration-color: var(--gold);
text-underline-offset: 6px;
}
:where([data-front-page="about"]) .timeline {
list-style: none;
margin: 0;
padding: 0;
position: relative;
border-right: 2px dashed var(--line);
padding-right: 24px;
}
:where([data-front-page="about"]) .timeline__item {
position: relative;
padding-bottom: 28px;
}
:where([data-front-page="about"]) .timeline__item:last-child {
padding-bottom: 0;
}
:where([data-front-page="about"]) .timeline__item::before {
content: "";
position: absolute;
right: -31px;
top: 4px;
width: 12px;
height: 12px;
border-radius: 50%;
background: var(--bg-2);
border: 2px solid var(--gold);
transition: transform var(--t), background var(--t);
}
:where([data-front-page="about"]) .timeline__item.is-now::before {
background: var(--gold);
box-shadow: 0 0 0 5px color-mix(in srgb, var(--gold) 24%, transparent);
}
:where([data-front-page="about"]) .timeline__year {
display: inline-block;
font-size: 0.9rem;
font-weight: 800;
color: var(--gold);
margin-bottom: 4px;
}
:where([data-front-page="about"]) .timeline__title {
font-size: 1.05rem;
font-weight: 700;
margin-bottom: 6px;
}
:where([data-front-page="about"]) .timeline__body p {
color: var(--muted);
font-size: 0.9rem;
line-height: 1.75;
}
:where([data-front-page="about"]) .team {
padding: 80px 0 90px;
background: var(--bg-2);
border-block: 1px solid var(--line);
}
:where([data-front-page="about"]) .team__grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
gap: 24px;
}
:where([data-front-page="about"]) .member {
background: var(--bg);
border: 1px solid var(--line);
border-radius: var(--radius);
overflow: hidden;
display: flex;
flex-direction: column;
transition: transform var(--t), border-color var(--t), box-shadow var(--t);
}
:where([data-front-page="about"]) .member:hover {
transform: translateY(-6px);
border-color: var(--gold);
box-shadow: var(--shadow);
}
:where([data-front-page="about"]) .member__photo {
position: relative;
aspect-ratio: 1 / 1;
background: var(--bg-3);
overflow: hidden;
}
:where([data-front-page="about"]) .member__photo img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform var(--t);
}
:where([data-front-page="about"]) .member:hover .member__photo img {
transform: scale(1.04);
}
:where([data-front-page="about"]) .member__photo.is-empty {
display: flex;
align-items: center;
justify-content: center;
background: linear-gradient(135deg, var(--bg-2), var(--bg-3));
}
:where([data-front-page="about"]) .member__photo.is-empty img {
display: none;
}
:where([data-front-page="about"]) .member__photo.is-empty::after {
content: "کوچر";
font-size: 1.6rem;
font-weight: 800;
color: var(--gold);
opacity: 0.7;
}
:where([data-front-page="about"]) .member__body {
padding: 24px;
display: flex;
flex-direction: column;
gap: 8px;
flex: 1;
}
:where([data-front-page="about"]) .member__name {
font-size: 1.18rem;
font-weight: 800;
}
:where([data-front-page="about"]) .member__role {
font-size: 0.88rem;
font-weight: 700;
color: var(--gold);
}
:where([data-front-page="about"]) .member__bio {
color: var(--muted);
font-size: 0.92rem;
line-height: 1.8;
margin-top: 6px;
}
:where([data-front-page="about"]) .about-cta {
padding: 90px 0;
}
:where([data-front-page="about"]) .about-cta__inner {
background: var(--bg-2);
border: 1px solid var(--line);
border-radius: var(--radius);
padding: 50px 32px;
text-align: center;
box-shadow: var(--shadow);
display: flex;
flex-direction: column;
align-items: center;
}
:where([data-front-page="about"]) .about-cta__inner .section-title {
margin-bottom: 12px;
}
:where([data-front-page="about"]) .about-cta__inner .section-sub {
max-width: 620px;
margin-bottom: 26px;
}
:where([data-front-page="about"]) .about-cta__actions {
display: flex;
align-items: center;
justify-content: center;
gap: 14px;
flex-wrap: wrap;
}
@media (max-width: 900px) {
:where([data-front-page="about"]) .story__card {
grid-template-columns: 1fr;
gap: 36px;
padding: 30px;
}
:where([data-front-page="about"]) .timeline {
border-right-style: solid;
}
}
@media (max-width: 600px) {
:where([data-front-page="about"]) .about-hero {
padding: 70px 0 40px;
}
:where([data-front-page="about"]) .story__card,:where([data-front-page="about"]) 
.about-cta__inner {
padding: 24px 18px;
}
:where([data-front-page="about"]) .member__body {
padding: 18px;
}
:where([data-front-page="about"]) .team__grid {
grid-template-columns: 1fr;
}
}
@media (prefers-reduced-motion: reduce) {
:where([data-front-page="about"]) .about-hero__scroll {
animation: none;
}
:where([data-front-page="about"]) .member,:where([data-front-page="about"]) 
.member__photo img {
transition: none;
}
}
:where([data-front-page="about"]) [data-reveal] {
opacity: 0;
transform: translateY(18px);
transition: opacity 0.55s ease, transform 0.55s ease;
}
:where([data-front-page="about"]) [data-reveal].is-visible {
opacity: 1;
transform: none;
}
@media (prefers-reduced-motion: reduce) {
:where([data-front-page="about"]) [data-reveal] {
opacity: 1;
transform: none;
transition: none;
}
}
:where([data-front-page="about"]) .story .container,:where([data-front-page="about"]) 
.story__card,:where([data-front-page="about"]) 
.story__text,:where([data-front-page="about"]) 
.timeline,:where([data-front-page="about"]) 
.timeline__item,:where([data-front-page="about"]) 
.timeline__body {
min-width: 0;
max-width: 100%;
box-sizing: border-box;
}
:where([data-front-page="about"]) .story__card {
width: 100%;
overflow: hidden;
}
:where([data-front-page="about"]) .story__text p,:where([data-front-page="about"]) 
.timeline__body p,:where([data-front-page="about"]) 
.timeline__title,:where([data-front-page="about"]) 
.timeline__year {
max-width: 100%;
overflow-wrap: anywhere;
word-break: normal;
}
:where([data-front-page="about"]) .story__text p,:where([data-front-page="about"]) 
.timeline__body p {
margin: 0;
}
:where([data-front-page="about"]) .timeline__body {
width: 100%;
}
@media (min-width: 901px) {
:where([data-front-page="about"]) .story__card {
grid-template-columns: minmax(0, 1.25fr) minmax(280px, 1fr);
}
}
@media (max-width: 900px) {
:where([data-front-page="about"]) .story__card {
overflow: visible;
}
:where([data-front-page="about"]) .timeline {
width: 100%;
}
}
@media (max-width: 600px) {
:where([data-front-page="about"]) .story {
padding-inline: 0;
}
:where([data-front-page="about"]) .story__card {
gap: 28px;
border-radius: 22px;
}
:where([data-front-page="about"]) .timeline {
padding-right: 20px;
}
:where([data-front-page="about"]) .timeline__item::before {
right: -27px;
}
}
/* Section: front-blogs */
:where([data-front-page="blogs"]) .blogs-page {
padding: 40px 0 80px;
}
:where([data-front-page="blogs"]) .blogs-page .section-head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
margin-bottom: 22px;
}
:where([data-front-page="blogs"]) .blogs-page .section-title {
font-size: 1.45rem;
font-weight: 800;
display: flex;
align-items: center;
gap: 12px;
}
:where([data-front-page="blogs"]) .blogs-page .badge--hot {
font-size: .78rem;
font-weight: 700;
padding: 6px 14px;
border-radius: 999px;
color: #14100a;
background: linear-gradient(135deg, var(--gold), var(--gold-2));
box-shadow: 0 6px 18px rgba(201, 162, 39, .3);
white-space: nowrap;
animation: kp-blogs-hotPulse 2s ease-in-out infinite;
}
@keyframes kp-blogs-hotPulse {
0%, 100% { transform: scale(1); }
50%      { transform: scale(1.05); }
}
:where([data-front-page="blogs"]) .blogs-page .see-all {
display: inline-flex;
align-items: center;
gap: 6px;
font-size: .9rem;
font-weight: 700;
color: var(--muted);
text-decoration: none;
padding: 8px 16px;
border: 1px solid var(--line);
border-radius: 999px;
transition: var(--t);
white-space: nowrap;
}
:where([data-front-page="blogs"]) .blogs-page .see-all:hover {
color: var(--gold);
border-color: var(--gold);
transform: translateX(-4px); 
}
:where([data-front-page="blogs"]) .blog-row {
display: flex;
gap: 20px;
overflow-x: auto;
padding: 6px 2px 18px; 
scroll-snap-type: x mandatory;
scrollbar-width: none;      
-ms-overflow-style: none;   
}
:where([data-front-page="blogs"]) .blog-row::-webkit-scrollbar {
display: none;
}
:where([data-front-page="blogs"]) .blog-row .post {
flex: 0 0 calc((100% - 80px) / 5); 
min-width: 230px;
scroll-snap-align: end; 
display: flex;
flex-direction: column;
background: var(--bg-2);
border: 1px solid var(--line);
border-radius: var(--radius);
overflow: hidden;
transition: var(--t);
}
:where([data-front-page="blogs"]) .blog-row .post:hover {
transform: translateY(-6px);
border-color: var(--gold);
box-shadow: var(--shadow);
}
:where([data-front-page="blogs"]) .blog-row .post__img {
width: 100%;
aspect-ratio: 16 / 10;
object-fit: cover;
background: var(--bg-3);
display: block;
}
:where([data-front-page="blogs"]) .blog-row .post__body {
display: flex;
flex-direction: column;
gap: 10px;
padding: 18px;
flex: 1;
}
:where([data-front-page="blogs"]) .blog-row .post__title {
font-size: 1.05rem;
font-weight: 800;
line-height: 1.6;
color: var(--text);
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
margin: 0;
}
:where([data-front-page="blogs"]) .blog-row .post__desc {
font-size: .88rem;
line-height: 1.8;
color: var(--muted);
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
flex: 1;
margin: 0;
}
:where([data-front-page="blogs"]) .blog-row .post__meta {
font-size: .75rem;
font-weight: 700;
color: var(--gold);
}
:where([data-front-page="blogs"]) .blog-row .post__more {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
padding: 10px 18px;
border-radius: 999px;
font-size: .85rem;
font-weight: 700;
text-decoration: none;
color: var(--gold);
border: 1px solid var(--gold);
background: transparent;
transition: var(--t);
}
:where([data-front-page="blogs"]) .blog-row .post__more:hover {
background: linear-gradient(135deg, var(--gold), var(--gold-2));
color: #14100a;
box-shadow: 0 10px 26px rgba(201, 162, 39, .28);
}
:where([data-front-page="blogs"]) .blogs-featured {
padding: 30px 0;
background:
radial-gradient(600px 300px at 85% 0%,
color-mix(in srgb, var(--gold) 10%, transparent), transparent);
margin-bottom: 20px;
}
:where([data-front-page="blogs"]) .blogs-section {
padding: 30px 0;
}
:where([data-front-page="blogs"]) .blogs-courses {
margin-top: 40px;
padding: 40px 0;
background: var(--bg-2);
border-top: 1px solid var(--line);
}
:where([data-front-page="blogs"]) .blogs-courses__grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
gap: 24px;
}
@media (max-width: 992 ) {
:where([data-front-page="blogs"]) .blog .blog-row .post {
flex-basis: calc((100% - 40px) / 3); 
}
}
@media (max-width: 640px) {
:where([data-front-page="blogs"]) .blogs-page {
padding: 20px 0 60px;
}
:where([data-front-page="blogs"]) .blogs-page .section-title {
font-size: 1.2rem;
}
:where([data-front-page="blogs"]) .blog-row {
gap: 14px;
}
:where([data-front-page="blogs"]) .blog-row .post {
flex-basis: calc((100% - 28px) / 2); 
min-width: 180px;
}
:where([data-front-page="blogs"]) .blogs-page .see-all {
font-size: .8rem;
padding: 6px 12px;
}
}
@media (max-width: 420px) {
:where([data-front-page="blogs"]) .blog-row .post {
flex-basis: 82%; 
}
}
@media (prefers-reduced-motion: reduce) {
:where([data-front-page="blogs"]) .blogs-page .badge--hot { animation: none; }
:where([data-front-page="blogs"]) .blog-row .post,:where([data-front-page="blogs"]) 
.blogs-page .see-all { transition: none; }
}
:where([data-front-page="blogs"]) .page-blogs-list .kf-page-heading h1{font-size:clamp(36px,4.5vw,58px);line-height:1.6;font-weight:850;letter-spacing:-1px}
:where([data-front-page="blogs"]) .page-blogs-list .kf-page-heading h1 em{color:var(--gold-deep)}
:where([data-front-page="blogs"]) .page-blogs-list .kf-post{border:1px solid var(--line);border-radius:24px;overflow:hidden;background:var(--bg-2);transition:transform .3s,box-shadow .3s}
:where([data-front-page="blogs"]) .page-blogs-list .kf-post-image{overflow:hidden;display:block}
:where([data-front-page="blogs"]) .page-blogs-list .kf-post-image img{transition:transform .65s}
:where([data-front-page="blogs"]) .page-blogs-list .kf-post h3{font-size:23px;line-height:1.8}
:where([data-front-page="blogs"]) .page-blogs-list .kf-post>div{padding:24px}
:where([data-front-page="blogs"]) .page-blogs-list .kf-post .kf-text-link{display:inline-block;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}
@media(hover:hover){:where([data-front-page="blogs"]) .page-blogs-list .kf-post:hover{transform:translateY(-5px);box-shadow:0 16px 32px #102c2212}:where([data-front-page="blogs"]) .page-blogs-list .kf-post:hover img{transform:scale(1.04)}}
@media(prefers-reduced-motion:reduce){:where([data-front-page="blogs"]) .page-blogs-list .kf-post,:where([data-front-page="blogs"]) .page-blogs-list .kf-post-image img{transition:none}:where([data-front-page="blogs"]) .page-blogs-list .kf-post:hover,:where([data-front-page="blogs"]) .page-blogs-list .kf-post:hover img{transform:none}}
/* Section: front-blog-show */
:where([data-front-page="article"]) .blog-single-page {
padding-top: 40px;
}
:where([data-front-page="article"]) .blog-breadcrumb {
display: flex;
gap: 10px;
opacity: 0.7;
font-size: 14px;
margin-bottom: 35px;
}
:where([data-front-page="article"]) .blog-hero {
padding-bottom: 60px;
}
:where([data-front-page="article"]) .blog-hero__content {
max-width: 850px;
margin: auto;
text-align: center;
}
:where([data-front-page="article"]) .blog-meta {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 12px;
margin-bottom: 25px;
}
:where([data-front-page="article"]) .blog-meta__item {
background: var(--surface);
border: 1px solid var(--border);
padding: 7px 16px;
border-radius: 999px;
font-size: 14px;
}
:where([data-front-page="article"]) .blog-title {
font-size: clamp(30px, 5vw, 56px);
line-height: 1.4;
margin-bottom: 25px;
}
:where([data-front-page="article"]) .blog-excerpt {
font-size: 18px;
line-height: 2;
opacity: 0.8;
}
:where([data-front-page="article"]) .blog-cover {
margin-top: 50px;
overflow: hidden;
border-radius: 32px;
}
:where([data-front-page="article"]) .blog-cover img {
width: 100%;
max-height: 550px;
object-fit: cover;
}
:where([data-front-page="article"]) .blog-layout {
display: grid;
grid-template-columns: 1fr 320px;
gap: 40px;
}
:where([data-front-page="article"]) .blog-content {
line-height: 2.2;
}
:where([data-front-page="article"]) .blog-content img {
max-width: 100%;
border-radius: 20px;
}
:where([data-front-page="article"]) .blog-sidebar {
display: flex;
flex-direction: column;
gap: 20px;
}
:where([data-front-page="article"]) .sidebar-card {
padding: 25px;
border-radius: 24px;
background: var(--surface);
border: 1px solid var(--border);
}
:where([data-front-page="article"]) .sidebar-card h3 {
margin-bottom: 15px;
}
:where([data-front-page="article"]) .blog-cta {
margin: 80px 0;
text-align: center;
padding: 60px 20px;
border-radius: 32px;
background: var(--surface);
}
@media (max-width: 900px) {
:where([data-front-page="article"]) .blog-layout {
grid-template-columns: 1fr;
}
:where([data-front-page="article"]) .blog-sidebar {
order: -1;
}
}
:where([data-front-page="article"]) .related-posts {
margin: 80px 0;
}
:where([data-front-page="article"]) .related-posts__title {
font-size: 32px;
margin-bottom: 35px;
}
:where([data-front-page="article"]) .related-posts__grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 25px;
}
:where([data-front-page="article"]) .related-card {
overflow: hidden;
border-radius: 28px;
background: var(--surface);
border: 1px solid var(--border);
}
:where([data-front-page="article"]) .related-card img {
width: 100%;
height: 220px;
object-fit: cover;
}
:where([data-front-page="article"]) .related-card__body {
padding: 25px;
}
:where([data-front-page="article"]) .related-card__body span {
font-size: 13px;
opacity: 0.7;
}
:where([data-front-page="article"]) .related-card__body h3 {
font-size: 20px;
line-height: 1.8;
margin: 15px 0;
}
:where([data-front-page="article"]) .related-card__body a {
color: var(--primary);
}
@media (max-width: 900px) {
:where([data-front-page="article"]) .related-posts__grid {
grid-template-columns: 1fr;
}
}
:where([data-front-page="article"]) .blog-content {
color: var(--text);
font-size: 18px;
line-height: 2.25;
}
:where([data-front-page="article"]) .blog-content p {
margin: 0 0 28px;
}
:where([data-front-page="article"]) .blog-content h2 {
margin: 55px 0 25px;
font-size: 34px;
line-height: 1.6;
position: relative;
}
:where([data-front-page="article"]) .blog-content h2::before {
content: "";
display: inline-block;
width: 8px;
height: 32px;
background: var(--primary);
border-radius: 10px;
margin-left: 15px;
vertical-align: middle;
}
:where([data-front-page="article"]) .blog-content h3 {
margin: 40px 0 20px;
font-size: 26px;
}
:where([data-front-page="article"]) .blog-content strong {
font-weight: 800;
color: var(--primary);
}
:where([data-front-page="article"]) .blog-content a {
color: var(--primary);
text-decoration: underline;
}
:where([data-front-page="article"]) .blog-content ul,:where([data-front-page="article"]) 
.blog-content ol {
margin: 30px 0;
padding-right: 30px;
}
:where([data-front-page="article"]) .blog-content li {
margin-bottom: 15px;
}
:where([data-front-page="article"]) .blog-content blockquote {
margin: 45px 0;
padding: 30px;
border-radius: 24px;
background: var(--surface);
border-right: 5px solid var(--primary);
font-size: 20px;
line-height: 2;
}
:where([data-front-page="article"]) .blog-content img {
margin: 40px auto;
display: block;
border-radius: 28px;
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
}
:where([data-front-page="article"]) .blog-content table {
width: 100%;
border-collapse: collapse;
margin: 40px 0;
overflow: hidden;
border-radius: 20px;
}
:where([data-front-page="article"]) .blog-content th,:where([data-front-page="article"]) 
.blog-content td {
padding: 18px;
border: 1px solid var(--border);
}
:where([data-front-page="article"]) .blog-content th {
background: var(--surface);
font-weight: 800;
}
:where([data-front-page="article"]) .blog-content code {
direction: ltr;
display: inline-block;
padding: 5px 12px;
border-radius: 10px;
background: var(--surface);
}
:where([data-front-page="article"]) .blog-content hr {
margin: 50px 0;
border: none;
border-top: 1px solid var(--border);
}
:where([data-front-page="article"]) .blog-hero {
position: relative;
overflow: hidden;
}
:where([data-front-page="article"]) .blog-hero::before {
content: "";
position: absolute;
width: 500px;
height: 500px;
top: -200px;
right: -200px;
background: radial-gradient(
circle,
rgba(100, 120, 255, 0.25),
transparent 70%
);
filter: blur(40px);
z-index: -1;
}
:where([data-front-page="article"]) .blog-title {
font-weight: 900;
letter-spacing: -1px;
}
:where([data-front-page="article"]) .blog-cover {
box-shadow: 0 30px 80px rgba(0, 0, 0, 0.18);
}
/* Section: front-campaign */
:where([data-front-page="campaign"]) .kg-page{--kg-gold:#b48739;--kg-line:rgba(163,140,91,.25);padding-block:28px 80px}
:where([data-front-page="campaign"]) .kg-page *{box-sizing:border-box}
:where([data-front-page="campaign"]) .kg-page h1{font-size:clamp(2rem,4vw,3.7rem);line-height:1.4;letter-spacing:-.04em;margin:16px 0}
:where([data-front-page="campaign"]) .kg-page h2{font-size:clamp(1.65rem,3vw,2.8rem);line-height:1.5;letter-spacing:-.035em;margin:8px 0 24px}
:where([data-front-page="campaign"]) .kg-page h2 em{color:var(--kg-gold);font-style:normal}
:where([data-front-page="campaign"]) .kg-page h3{font-size:1.2rem;line-height:1.7}
:where([data-front-page="campaign"]) .kg-page p{line-height:2;color:var(--kf-muted,#64736d)}
:where([data-front-page="campaign"]) .kg-kicker{color:var(--kg-gold);font-size:.85rem;font-weight:700}
:where([data-front-page="campaign"]) .kg-hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:30px;margin-top:28px;align-items:stretch}
:where([data-front-page="campaign"]) .kg-media{overflow:hidden;border-radius:24px;margin-top:24px;aspect-ratio:16/9;background:rgba(22,72,60,.05)}
:where([data-front-page="campaign"]) .kg-media :is(img,video){width:100%;height:100%;object-fit:cover}
:where([data-front-page="campaign"]) .kg-card{padding:28px;border:1px solid var(--kg-line);background:rgba(255,255,255,.35);border-radius:24px;transition:transform .25s,box-shadow .25s,border-color .25s}
:where([data-front-page="campaign"]) .kg-card:hover{border-color:rgba(180,135,57,.5);box-shadow:0 15px 40px rgba(36,61,49,.06)}
:where([data-front-page="campaign"]) .kg-buy{background:linear-gradient(140deg,rgba(219,182,106,.2),rgba(255,255,255,.35));display:flex;flex-direction:column;justify-content:center;gap:16px}
:where([data-front-page="campaign"]) .kg-buy h2{font-size:1.65rem;margin:0}
:where([data-front-page="campaign"]) .kg-buy .kf-button{width:100%;justify-content:center}
:where([data-front-page="campaign"]) .kg-features{padding-inline-start:22px;line-height:2.2}
:where([data-front-page="campaign"]) .kg-text-button{border:0;background:none;color:inherit;font:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:5px}
:where([data-front-page="campaign"]) .kg-facts{display:flex;justify-content:space-around;text-align:center;border-block:1px solid var(--kg-line);margin:36px 0;padding:24px 0;gap:20px}
:where([data-front-page="campaign"]) .kg-facts strong{display:block;font-size:2rem;color:var(--kg-gold)}
:where([data-front-page="campaign"]) .kg-facts span{font-size:.85rem}
:where([data-front-page="campaign"]) .kg-tabs{display:flex;gap:10px;overflow-x:auto;padding:8px 0}
:where([data-front-page="campaign"]) .kg-tabs a{white-space:nowrap;padding:12px 20px;border:1px solid var(--kg-line);border-radius:99px;color:inherit;text-decoration:none}
:where([data-front-page="campaign"]) .kg-tabs a:hover{background:rgba(180,135,57,.15)}
:where([data-front-page="campaign"]) .kg-section{margin-top:80px;scroll-margin-top:110px}
:where([data-front-page="campaign"]) .kg-rich-text{line-height:2.2;max-width:900px}
:where([data-front-page="campaign"]) .kg-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
:where([data-front-page="campaign"]) .kg-grid-four{grid-template-columns:repeat(4,minmax(0,1fr))}
:where([data-front-page="campaign"]) .kg-level{font-size:3rem;font-weight:800;color:var(--kg-gold)}
:where([data-front-page="campaign"]) .kg-step{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:rgba(180,135,57,.15);color:var(--kg-gold)}
:where([data-front-page="campaign"]) .kg-compare{display:grid;grid-template-columns:1fr 1fr;gap:24px}
:where([data-front-page="campaign"]) .kg-compare-row{padding-block:18px;border-bottom:1px solid var(--kg-line)}
:where([data-front-page="campaign"]) .kg-compare-row a{color:inherit}
:where([data-front-page="campaign"]) .kg-card-gold{background:linear-gradient(125deg,rgba(211,177,105,.3),transparent)}
:where([data-front-page="campaign"]) .kg-installments{display:grid;grid-template-columns:1.5fr 1fr;gap:32px}
:where([data-front-page="campaign"]) .kg-installments strong{font-size:2.2rem;color:var(--kg-gold)}
:where([data-front-page="campaign"]) .kg-books{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;padding:16px 4px 24px}
:where([data-front-page="campaign"]) .kg-book{flex:0 0 210px;scroll-snap-align:start}
:where([data-front-page="campaign"]) .kg-book-cover{min-height:270px;padding:26px 20px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(120deg,#163e34,#396956);color:#fff;border-radius:5px 16px 16px 5px;border-inline-start:8px solid #b89757;box-shadow:8px 10px 0 rgba(31,64,52,.09)}
:where([data-front-page="campaign"]) .kg-book:nth-child(even) .kg-book-cover{background:linear-gradient(120deg,#d0b16a,#eee1b8);color:#243e34}
:where([data-front-page="campaign"]) .kg-book-cover b{font-size:1.65rem}
:where([data-front-page="campaign"]) .kg-book-cover small{font-size:.65rem;letter-spacing:2px}
:where([data-front-page="campaign"]) .kg-book p{font-size:.85rem}
:where([data-front-page="campaign"]) .kg-instructor{display:flex;align-items:center;gap:36px}
:where([data-front-page="campaign"]) .kg-monogram{font-size:5rem;border-radius:50%;background:rgba(180,135,57,.15);min-width:150px;height:150px;display:grid;place-items:center;color:var(--kg-gold)}
:where([data-front-page="campaign"]) .kg-guarantee{text-align:center;padding:40px;border-block:1px solid var(--kg-line)}
:where([data-front-page="campaign"]) .kg-faq details{border-bottom:1px solid var(--kg-line);padding:20px 6px;line-height:2}
:where([data-front-page="campaign"]) .kg-faq summary{cursor:pointer;font-size:1.1rem;font-weight:700}
:where([data-front-page="campaign"]) .kg-faq details[open] summary{color:var(--kg-gold)}
:where([data-front-page="campaign"]) .kg-feedback{display:grid;grid-template-columns:1fr 1fr;gap:20px}
:where([data-front-page="campaign"]) .kg-feedback label{display:flex;flex-direction:column;gap:8px}
:where([data-front-page="campaign"]) .kg-feedback :is(input:not([type=checkbox]),textarea){width:100%;padding:14px;background:rgba(255,255,255,.4);border:1px solid var(--kg-line);border-radius:12px;font:inherit;color:inherit}
:where([data-front-page="campaign"]) .kg-full{grid-column:1/-1}
:where([data-front-page="campaign"]) .kg-feedback .kg-consent{flex-direction:row;align-items:center}
:where([data-front-page="campaign"]) .kg-page blockquote{margin:0;line-height:2}
:where([data-front-page="campaign"]) .kg-page figcaption{margin-top:20px;color:var(--kg-gold)}
:where([data-front-page="campaign"]) .kg-coupon{border:1px dashed var(--kg-gold);border-radius:16px;padding:16px;display:grid;gap:10px}
:where([data-front-page="campaign"]) .kg-coupon button{background:none;border:0;font:inherit;color:inherit;cursor:pointer}
:where([data-front-page="campaign"]) .kg-page :focus-visible{outline:3px solid var(--kg-gold);outline-offset:4px}
@media(max-width:900px){:where([data-front-page="campaign"]) .kg-hero{grid-template-columns:1fr}:where([data-front-page="campaign"]) .kg-grid-four{grid-template-columns:repeat(2,minmax(0,1fr))}:where([data-front-page="campaign"]) .kg-grid{gap:12px}:where([data-front-page="campaign"]) .kg-card{padding:22px}}
@media(max-width:600px){:where([data-front-page="campaign"]) .kg-grid,:where([data-front-page="campaign"]) .kg-compare,:where([data-front-page="campaign"]) .kg-installments,:where([data-front-page="campaign"]) .kg-feedback{grid-template-columns:1fr}:where([data-front-page="campaign"]) .kg-section{margin-top:52px}:where([data-front-page="campaign"]) .kg-facts{gap:12px}:where([data-front-page="campaign"]) .kg-facts strong{font-size:1.5rem}:where([data-front-page="campaign"]) .kg-instructor{flex-direction:column;align-items:start}:where([data-front-page="campaign"]) .kg-monogram{min-width:90px;height:90px;font-size:3rem}:where([data-front-page="campaign"]) .kg-books{margin-inline:-8px}:where([data-front-page="campaign"]) .kg-tabs a{padding:10px 14px}:where([data-front-page="campaign"]) .kg-grid-four{grid-template-columns:1fr}:where([data-front-page="campaign"]) .kg-hero{gap:20px}}
@media(prefers-reduced-motion:reduce){:where([data-front-page="campaign"]) .kg-card{transition:none}}
/* Section: front-cart */
:where([data-front-page="cart"],[data-front-page="checkout"]) .badge {
display: inline-block;
padding: 4px 10px;
font-size: .75rem;
font-weight: 600;
line-height: 1.6;
border-radius: 6px;
border: 1px solid transparent;
white-space: nowrap;
}
:where([data-front-page="cart"],[data-front-page="checkout"]) .badge--primary { background: color-mix(in srgb,var(--brand-accent) 14%,transparent); color: var(--text); border-color: color-mix(in srgb,var(--brand-accent) 34%,transparent); }
:where([data-front-page="cart"],[data-front-page="checkout"]) .badge--info    { background: color-mix(in srgb,var(--brand-primary) 12%,var(--bg-2)); color: var(--text); border-color: color-mix(in srgb,var(--site-border) 88%,transparent); }
:where([data-front-page="cart"],[data-front-page="checkout"]) .badge--success { background: rgba(30, 150, 90, .14);  color: var(--success-2); border-color: rgba(30, 150, 90, .24); }
:where([data-front-page="cart"],[data-front-page="checkout"]) .badge--warning { background: color-mix(in srgb,var(--brand-accent) 16.0%,transparent); color: var(--gold-2);    border-color: color-mix(in srgb,var(--brand-accent) 28.000000000000004%,transparent); }
:where([data-front-page="cart"],[data-front-page="checkout"]) .badge--neutral { background: var(--bg-3);             color: var(--muted);     border-color: var(--line); }
:where([data-front-page="cart"],[data-front-page="checkout"]) .btn--sm {
padding: 9px 18px;
font-size: .85rem;
gap: 6px;
}
:where([data-front-page="cart"],[data-front-page="checkout"]) .btn--outline {
background: transparent;
border-color: var(--line);
color: var(--text);
}
:where([data-front-page="cart"],[data-front-page="checkout"]) .btn--outline:hover {
border-color: var(--gold);
color: var(--gold);
transform: translateY(-2px);
}
:where([data-front-page="cart"],[data-front-page="checkout"]) .btn--block {
display: flex;
width: 100%;
justify-content: center;
}
:where([data-front-page="cart"],[data-front-page="checkout"]) .cart-page {
padding: 40px 0 80px;
min-height: calc(100vh - 200px);
overflow: visible; 
}
:where([data-front-page="cart"],[data-front-page="checkout"]) .crumbs {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px;
font-size: .85rem;
color: var(--muted);
margin-bottom: 26px;
}
:where([data-front-page="cart"],[data-front-page="checkout"]) .crumbs a { color: var(--muted); transition: color var(--t); }
:where([data-front-page="cart"],[data-front-page="checkout"]) .crumbs a:hover { color: var(--gold); }
:where([data-front-page="cart"],[data-front-page="checkout"]) .crumbs__sep { opacity: .5; }
:where([data-front-page="cart"],[data-front-page="checkout"]) .crumbs [aria-current="page"] { color: var(--text); font-weight: 600; }
:where([data-front-page="cart"],[data-front-page="checkout"]) .cart-head { margin-bottom: 34px; }
:where([data-front-page="cart"],[data-front-page="checkout"]) .cart-head__title {
font-size: clamp(1.5rem, 3vw, 2.1rem);
font-weight: 800;
margin: 0 0 10px;
}
:where([data-front-page="cart"],[data-front-page="checkout"]) .cart-head__sub {
color: var(--muted);
font-size: .95rem;
max-width: 62ch;
margin: 0;
line-height: 1.9;
}
:where([data-front-page="cart"],[data-front-page="checkout"]) .steps {
display: flex;
align-items: center;
gap: 10px;
list-style: none;
margin: 0 0 34px;
padding: 14px 18px;
background: var(--bg-2);
border: 1px solid var(--line);
border-radius: var(--radius);
overflow-x: auto;
scrollbar-width: none;
}
:where([data-front-page="cart"],[data-front-page="checkout"]) .steps::-webkit-scrollbar { display: none; }
:where([data-front-page="cart"],[data-front-page="checkout"]) .steps__item {
display: flex;
align-items: center;
gap: 9px;
color: var(--muted);
font-size: .9rem;
font-weight: 600;
white-space: nowrap;
flex: 0 0 auto;
}
:where([data-front-page="cart"],[data-front-page="checkout"]) .steps__item + .steps__item::before {
content: "";
width: 34px;
height: 1px;
background: var(--line);
margin-inline-end: 10px;
}
:where([data-front-page="cart"],[data-front-page="checkout"]) .steps__num {
display: grid;
place-items: center;
width: 30px;
height: 30px;
border-radius: 50%;
background: var(--bg-3);
border: 1px solid var(--line);
font-size: .85rem;
font-weight: 800;
transition: var(--t);
}
:where([data-front-page="cart"],[data-front-page="checkout"]) .steps__item.is-current { color: var(--text); }
:where([data-front-page="cart"],[data-front-page="checkout"]) .steps__item.is-current .steps__num {
background: linear-gradient(135deg, var(--gold), var(--gold-2));
border-color: transparent;
color: #14100a;
box-shadow: 0 8px 20px color-mix(in srgb,var(--brand-accent) 28.000000000000004%,transparent);
}
:where([data-front-page="cart"],[data-front-page="checkout"]) .steps__item.is-done .steps__num {
background: rgba(30, 150, 90, .14);
border-color: rgba(30, 150, 90, .3);
color: var(--success-2);
}
:where([data-front-page="cart"],[data-front-page="checkout"]) .cart-layout {
display: grid;
grid-template-columns: minmax(0, 1fr) 340px;
gap: 26px;
align-items: start;
}
:where([data-front-page="cart"],[data-front-page="checkout"]) .cart-layout[hidden],:where([data-front-page="cart"],[data-front-page="checkout"]) 
.cart-empty[hidden] { display: none; }
:where([data-front-page="cart"],[data-front-page="checkout"]) .cart-items { display: flex; flex-direction: column; gap: 16px; }
:where([data-front-page="cart"],[data-front-page="checkout"]) .cart-items__bar {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
padding-bottom: 14px;
border-bottom: 1px solid var(--line);
}
:where([data-front-page="cart"],[data-front-page="checkout"]) .cart-items__title {
font-size: 1.05rem;
font-weight: 800;
margin: 0;
}
:where([data-front-page="cart"],[data-front-page="checkout"]) .cart-items__count { color: var(--muted); font-weight: 600; font-size: .9rem; }
:where([data-front-page="cart"],[data-front-page="checkout"]) .cart-items__clear {
background: none;
border: 0;
padding: 6px 2px;
color: var(--muted);
font: inherit;
font-size: .85rem;
font-weight: 600;
cursor: pointer;
border-radius: 6px;
transition: color var(--t);
}
:where([data-front-page="cart"],[data-front-page="checkout"]) .cart-items__clear:hover { color: var(--danger-2); }
:where([data-front-page="cart"],[data-front-page="checkout"]) .cart-item {
display: grid;
grid-template-columns: 150px minmax(0, 1fr) 180px;
gap: 20px;
padding: 18px;
background: var(--bg-2);
border: 1px solid var(--line);
border-radius: var(--radius);
transition: var(--t);
}
:where([data-front-page="cart"],[data-front-page="checkout"]) .cart-item:hover {
border-color: var(--gold);
box-shadow: var(--shadow);
}
:where([data-front-page="cart"],[data-front-page="checkout"]) .cart-item.is-removing {
opacity: 0;
transform: translateY(-8px);
pointer-events: none;
}
:where([data-front-page="cart"],[data-front-page="checkout"]) .cart-item__media {
display: block;
border-radius: var(--radius-sm);
overflow: hidden;
background: var(--bg-3);
aspect-ratio: 4 / 3;
}
:where([data-front-page="cart"],[data-front-page="checkout"]) .cart-item__img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
:where([data-front-page="cart"],[data-front-page="checkout"]) .cart-item__content {
display: flex;
flex-direction: column;
gap: 10px;
min-width: 0;
}
:where([data-front-page="cart"],[data-front-page="checkout"]) .cart-item__badges {
display: flex;
flex-wrap: wrap;
gap: 6px;
}
:where([data-front-page="cart"],[data-front-page="checkout"]) .cart-item__title {
font-size: 1.1rem;
font-weight: 800;
margin: 0;
line-height: 1.7;
}
:where([data-front-page="cart"],[data-front-page="checkout"]) .cart-item__title a { color: var(--text); transition: color var(--t); }
:where([data-front-page="cart"],[data-front-page="checkout"]) .cart-item__title a:hover { color: var(--gold); }
:where([data-front-page="cart"],[data-front-page="checkout"]) .cart-item__meta {
list-style: none;
display: flex;
flex-wrap: wrap;
gap: 8px 18px;
margin: 0;
padding: 0;
}
:where([data-front-page="cart"],[data-front-page="checkout"]) .cart-item__aside {
display: flex;
flex-direction: column;
align-items: flex-end;
justify-content: space-between;
gap: 14px;
padding-inline-start: 20px;
border-inline-start: 1px solid var(--line);
}
:where([data-front-page="cart"],[data-front-page="checkout"]) .cart-item__pricing { text-align: end; }
:where([data-front-page="cart"],[data-front-page="checkout"]) .price-old {
display: block;
color: var(--muted);
font-size: .85rem;
text-decoration: line-through;
margin-bottom: 4px;
}
:where([data-front-page="cart"],[data-front-page="checkout"]) .price-current { display: flex; align-items: baseline; gap: 6px; }
:where([data-front-page="cart"],[data-front-page="checkout"]) .price-amount {
color: var(--gold);
font-size: 1.2rem;
font-weight: 800;
}
:where([data-front-page="cart"],[data-front-page="checkout"]) .price-unit { color: var(--muted); font-size: .8rem; }
:where([data-front-page="cart"],[data-front-page="checkout"]) .qty {
display: inline-flex;
align-items: center;
gap: 2px;
padding: 4px;
background: var(--bg-3);
border: 1px solid var(--line);
border-radius: 999px;
}
:where([data-front-page="cart"],[data-front-page="checkout"]) .qty__btn {
width: 30px;
height: 30px;
display: grid;
place-items: center;
border: 0;
border-radius: 50%;
background: transparent;
color: var(--text);
font-size: 1.05rem;
font-weight: 700;
cursor: pointer;
transition: var(--t);
}
:where([data-front-page="cart"],[data-front-page="checkout"]) .qty__btn:hover:not(:disabled) { background: var(--bg-2); color: var(--gold); }
:where([data-front-page="cart"],[data-front-page="checkout"]) .qty__btn:disabled { opacity: .4; cursor: not-allowed; }
:where([data-front-page="cart"],[data-front-page="checkout"]) .qty__input {
width: 38px;
padding: 0;
border: 0;
background: transparent;
color: var(--text);
font: inherit;
font-weight: 700;
text-align: center;
}
:where([data-front-page="cart"],[data-front-page="checkout"]) .cart-item__remove {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 6px 2px;
border: 0;
background: none;
color: var(--muted);
font: inherit;
font-size: .85rem;
font-weight: 600;
cursor: pointer;
transition: color var(--t);
}
:where([data-front-page="cart"],[data-front-page="checkout"]) .cart-item__remove svg { width: 16px; height: 16px; }
:where([data-front-page="cart"],[data-front-page="checkout"]) .cart-item__remove:hover { color: var(--danger-2); }
:where([data-front-page="cart"],[data-front-page="checkout"]) .cart-items__more {
display: inline-flex;
align-items: center;
gap: 8px;
align-self: flex-start;
margin-top: 4px;
padding: 12px 20px;
border: 1px dashed var(--line);
border-radius: 999px;
color: var(--muted);
font-size: .9rem;
font-weight: 600;
transition: var(--t);
}
:where([data-front-page="cart"],[data-front-page="checkout"]) .cart-items__more svg { width: 16px; height: 16px; }
:where([data-front-page="cart"],[data-front-page="checkout"]) .cart-items__more:hover {
border-color: var(--gold);
border-style: solid;
color: var(--gold);
}
:where([data-front-page="cart"],[data-front-page="checkout"]) .cart-summary {
display: flex;
flex-direction: column;
gap: 16px;
position: sticky;
top: 96px; 
}
:where([data-front-page="cart"],[data-front-page="checkout"]) .cart-summary__box {
display: flex;
flex-direction: column;
gap: 18px;
padding: 22px;
background: var(--bg-2);
border: 1px solid var(--line);
border-radius: var(--radius-md);
}
:where([data-front-page="cart"],[data-front-page="checkout"]) .coupon { margin: 0; }
:where([data-front-page="cart"],[data-front-page="checkout"]) .coupon .field { display: flex; flex-direction: column; gap: 8px; }
:where([data-front-page="cart"],[data-front-page="checkout"]) .coupon label { font-size: .85rem; font-weight: 600; color: var(--muted); }
:where([data-front-page="cart"],[data-front-page="checkout"]) .coupon__row { display: flex; gap: 8px; }
:where([data-front-page="cart"],[data-front-page="checkout"]) .coupon__row input { flex: 1; min-width: 0; }
:where([data-front-page="cart"],[data-front-page="checkout"]) .coupon__row .btn { flex: 0 0 auto; }
:where([data-front-page="cart"],[data-front-page="checkout"]) .coupon .form__note { margin: 10px 0 0; font-size: .82rem; }
:where([data-front-page="cart"],[data-front-page="checkout"]) .coupon .form__note.is-error { color: var(--danger-2); }
:where([data-front-page="cart"],[data-front-page="checkout"]) .sum {
list-style: none;
display: flex;
flex-direction: column;
gap: 12px;
margin: 0;
padding: 0;
font-size: .9rem;
}
:where([data-front-page="cart"],[data-front-page="checkout"]) .sum__row {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
}
:where([data-front-page="cart"],[data-front-page="checkout"]) .sum__row b { font-weight: 700; color: var(--text); }
:where([data-front-page="cart"],[data-front-page="checkout"]) .sum__row--off .sum__val { color: var(--success-2); }
:where([data-front-page="cart"],[data-front-page="checkout"]) .sum__row--off b { font-weight: 700; color: var(--text); }
:where([data-front-page="cart"],[data-front-page="checkout"]) .sum__row--total {
margin-top: 6px;
padding-top: 14px;
border-top: 1px dashed var(--line);
}
:where([data-front-page="cart"],[data-front-page="checkout"]) .sum__row--total .sum__label { color: var(--text); font-weight: 700; }
:where([data-front-page="cart"],[data-front-page="checkout"]) .sum__row--total .sum__val { color: var(--gold); font-size: 1.15rem; font-weight: 800; }
:where([data-front-page="cart"],[data-front-page="checkout"]) .cart-summary__agree {
display: flex;
align-items: flex-start;
gap: 9px;
font-size: .82rem;
color: var(--muted);
line-height: 1.8;
cursor: pointer;
}
:where([data-front-page="cart"],[data-front-page="checkout"]) .cart-summary__agree input {
width: 17px;
height: 17px;
margin-top: 3px;
flex: 0 0 auto;
accent-color: var(--gold);
cursor: pointer;
}
:where([data-front-page="cart"],[data-front-page="checkout"]) .trust {
list-style: none;
display: flex;
flex-direction: column;
gap: 9px;
margin: 0;
padding: 0;
}
:where([data-front-page="cart"],[data-front-page="checkout"]) .trust__item {
display: flex;
align-items: center;
gap: 8px;
}
:where([data-front-page="cart"],[data-front-page="checkout"]) .trust__item::before {
content: "";
flex: 0 0 auto;
width: 14px;
height: 14px;
border-radius: 50%;
background: rgba(30, 150, 90, .16);
border: 1px solid rgba(30, 150, 90, .34);
}
:where([data-front-page="cart"],[data-front-page="checkout"]) .cart-summary__help {
padding: 18px;
background: var(--bg-3);
border: 1px solid var(--line);
border-radius: var(--radius);
text-align: center;
}
:where([data-front-page="cart"],[data-front-page="checkout"]) .cart-summary__helpText {
margin: 0 0 12px;
font-size: .88rem;
font-weight: 600;
color: var(--text);
}
:where([data-front-page="cart"],[data-front-page="checkout"]) .cart-empty {
text-align: center;
padding: 64px 24px;
background: var(--bg-2);
border: 1px dashed var(--line);
border-radius: var(--radius);
}
:where([data-front-page="cart"],[data-front-page="checkout"]) .cart-empty__art {
display: grid;
place-items: center;
width: 84px;
height: 84px;
margin: 0 auto 22px;
border-radius: 50%;
background: var(--bg-3);
color: var(--gold);
}
:where([data-front-page="cart"],[data-front-page="checkout"]) .cart-empty__art svg { width: 40px; height: 40px; }
:where([data-front-page="cart"],[data-front-page="checkout"]) .cart-empty__title {
font-size: 1.25rem;
font-weight: 800;
margin: 0 0 10px;
}
:where([data-front-page="cart"],[data-front-page="checkout"]) .cart-empty__desc {
max-width: 52ch;
margin: 0 auto 26px;
color: var(--muted);
font-size: .92rem;
line-height: 1.9;
}
:where([data-front-page="cart"],[data-front-page="checkout"]) .cart-empty__actions {
display: flex;
flex-wrap: wrap;
gap: 12px;
justify-content: center;
}
:where([data-front-page="cart"],[data-front-page="checkout"]) .cart-suggest {
padding: 80px 0 0;
margin-top: 20px;
border-top: 1px solid var(--line);
}
:where([data-front-page="cart"],[data-front-page="checkout"]) .cart-suggest .section-head { margin-bottom: 34px; }
@media (max-width: 1024px) {
:where([data-front-page="cart"],[data-front-page="checkout"]) .cart-layout { grid-template-columns: minmax(0, 1fr) 300px; }
:where([data-front-page="cart"],[data-front-page="checkout"]) .cart-item { grid-template-columns: 130px minmax(0, 1fr) 160px; gap: 16px; }
}
@media (max-width: 900px) {
:where([data-front-page="cart"],[data-front-page="checkout"]) .cart-layout { grid-template-columns: 1fr; }
:where([data-front-page="cart"],[data-front-page="checkout"]) .cart-summary { position: static; }
:where([data-front-page="cart"],[data-front-page="checkout"]) .cart-suggest { padding-top: 56px; }
}
@media (max-width: 768px) {
:where([data-front-page="cart"],[data-front-page="checkout"]) .cart-page { padding: 28px 0 64px; }
:where([data-front-page="cart"],[data-front-page="checkout"]) .cart-item {
grid-template-columns: 110px minmax(0, 1fr);
row-gap: 16px;
}
:where([data-front-page="cart"],[data-front-page="checkout"]) .cart-item__aside {
grid-column: 1 / -1;
flex-direction: row;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
padding-inline-start: 0;
padding-top: 14px;
border-inline-start: 0;
border-top: 1px solid var(--line);
}
:where([data-front-page="cart"],[data-front-page="checkout"]) .steps__num { width: 26px; height: 26px; font-size: .8rem; }
:where([data-front-page="cart"],[data-front-page="checkout"]) .steps__item + .steps__item::before { width: 20px; margin-inline-end: 6px; }
:where([data-front-page="cart"],[data-front-page="checkout"]) .steps__label { font-size: .82rem; }
}
@media (max-width: 560px) {
:where([data-front-page="cart"],[data-front-page="checkout"]) .cart-item { grid-template-columns: 1fr; }
:where([data-front-page="cart"],[data-front-page="checkout"]) .cart-item__media { aspect-ratio: 16 / 9; }
:where([data-front-page="cart"],[data-front-page="checkout"]) .cart-empty { padding: 44px 18px; }
:where([data-front-page="cart"],[data-front-page="checkout"]) .cart-empty__actions .btn { width: 100%; justify-content: center; }
:where([data-front-page="cart"],[data-front-page="checkout"]) .coupon__row { flex-wrap: wrap; }
:where([data-front-page="cart"],[data-front-page="checkout"]) .coupon__row .btn { width: 100%; justify-content: center; }
}
@media (prefers-reduced-motion: reduce) {
:where([data-front-page="cart"],[data-front-page="checkout"]) .cart-item,:where([data-front-page="cart"],[data-front-page="checkout"]) 
.cart-item__img,:where([data-front-page="cart"],[data-front-page="checkout"]) 
.cart-items__more,:where([data-front-page="cart"],[data-front-page="checkout"]) 
.btn--outline,:where([data-front-page="cart"],[data-front-page="checkout"]) 
.qty__btn {
transition: none;
}
:where([data-front-page="cart"],[data-front-page="checkout"]) .cart-item:hover {
box-shadow: none;
}
:where([data-front-page="cart"],[data-front-page="checkout"]) .cart-item__media:hover .cart-item__img {
transform: none;
}
:where([data-front-page="cart"],[data-front-page="checkout"]) .btn--outline:hover {
transform: none;
}
}
html:where([data-front-page="cart"],[data-front-page="checkout"])[data-theme="dark"] .cart-page .cart-item__tags .badge{
color:#f7edd4 !important;
opacity:1 !important;
text-shadow:none !important;
font-weight:800;
}
html:where([data-front-page="cart"],[data-front-page="checkout"])[data-theme="dark"] .cart-page .cart-item__tags .badge--primary{
background:rgba(215,185,104,.16) !important;
border-color:rgba(236,216,168,.48) !important;
}
html:where([data-front-page="cart"],[data-front-page="checkout"])[data-theme="dark"] .cart-page .cart-item__tags .badge--info{
background:rgba(64,88,74,.72) !important;
border-color:rgba(143,163,151,.48) !important;
}
/* Section: front-dashboard */
:where([data-front-page="dashboard"]){--kd-header-offset:76px}
:where([data-front-page="dashboard"]) *{box-sizing:border-box}
:where([data-front-page="dashboard"]) body.kd-body{margin:0;background:var(--kd-bg);color:var(--kd-ink);font-family:var(--font-main);font-size:14px;line-height:1.8}
:where([data-front-page="dashboard"]) button,:where([data-front-page="dashboard"]) input{font:inherit}
:where([data-front-page="dashboard"]) button,:where([data-front-page="dashboard"]) a,:where([data-front-page="dashboard"]) input,:where([data-front-page="dashboard"]) summary{-webkit-tap-highlight-color:transparent}
:where([data-front-page="dashboard"]) a{color:inherit;text-decoration:none}
:where([data-front-page="dashboard"]) button{cursor:pointer}
:where([data-front-page="dashboard"]) button:disabled{cursor:wait;opacity:.6}
:where([data-front-page="dashboard"]) button{color:inherit}
:where([data-front-page="dashboard"]) svg{flex-shrink:0}
:where([data-front-page="dashboard"]) button:focus-visible,:where([data-front-page="dashboard"]) a:focus-visible,:where([data-front-page="dashboard"]) input:focus-visible,:where([data-front-page="dashboard"]) summary:focus-visible{outline:3px solid #b28a32;outline-offset:4px}
:where([data-front-page="dashboard"]) h1,:where([data-front-page="dashboard"]) h2,:where([data-front-page="dashboard"]) h3,:where([data-front-page="dashboard"]) p{margin:0}
:where([data-front-page="dashboard"]) h1,:where([data-front-page="dashboard"]) h2,:where([data-front-page="dashboard"]) h3{line-height:1.6}
:where([data-front-page="dashboard"]) button{border:0}
:where([data-front-page="dashboard"]) input{min-width:0}
:where([data-front-page="dashboard"]) .kd-icon{width:22px;height:22px;vertical-align:middle}
:where([data-front-page="dashboard"]) .kd-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
:where([data-front-page="dashboard"]) .kd-skip{position:fixed;top:-100px;right:20px;z-index:200;background:var(--kd-gold);padding:12px}
:where([data-front-page="dashboard"]) .kd-skip:focus{top:10px}
:where([data-front-page="dashboard"]) [hidden]{display:none!important}
:where([data-front-page="dashboard"]) .kd-sidebar{width:248px;position:fixed;inset:var(--kd-header-offset) 0 0 auto;background:var(--kd-surface);border-left:1px solid var(--kd-line);padding:34px 24px 22px;display:flex;flex-direction:column;z-index:90;overflow-y:auto;overscroll-behavior:contain}
:where([data-front-page="dashboard"]) .kd-sidebar-top{display:flex;align-items:center;justify-content:space-between}
:where([data-front-page="dashboard"]) .kd-brand{display:flex;align-items:center;gap:12px}
:where([data-front-page="dashboard"]) .kd-brand-mark{font-family:var(--font-main);font-size:42px;line-height:1;letter-spacing:-5px;direction:ltr;color:var(--kd-ink)}
:where([data-front-page="dashboard"]) .kd-brand-mark span{color:#bc9140}
:where([data-front-page="dashboard"]) .kd-brand strong{font-size:23px;display:block;line-height:1.3}
:where([data-front-page="dashboard"]) .kd-brand small{font-family:var(--font-main);font-size:9px;letter-spacing:2px;color:var(--kd-muted)}
:where([data-front-page="dashboard"]) .kd-sidebar-label{font-size:11px;color:var(--kd-muted);margin:50px 12px 15px}
:where([data-front-page="dashboard"]) .kd-nav{display:grid;gap:8px}
:where([data-front-page="dashboard"]) .kd-nav-link{display:flex;gap:14px;align-items:center;padding:13px 16px;border-radius:10px;color:var(--kd-muted);transition:background .2s,color .2s}
:where([data-front-page="dashboard"]) .kd-nav-link:hover{background:var(--kd-soft);color:var(--kd-ink)}
:where([data-front-page="dashboard"]) .kd-nav-link.is-active{background:var(--kd-deep);color:#fff;box-shadow:0 7px 17px #142e3412}
:where([data-front-page="dashboard"]) .kd-nav-link.is-active .kd-icon{color:var(--kd-gold)}
:where([data-front-page="dashboard"]) .kd-sidebar-promo{margin-top:48px;background:var(--kd-soft);padding:22px 18px;border-radius:12px;border:1px solid var(--kd-line);position:relative;overflow:hidden}
:where([data-front-page="dashboard"]) .kd-sidebar-promo:after{content:'';position:absolute;width:110px;height:110px;border:1px solid #b6985a40;border-radius:50%;left:-65px;top:45px;pointer-events:none}
:where([data-front-page="dashboard"]) .kd-sidebar-promo .kd-eyebrow{font-size:8px;letter-spacing:1px}
:where([data-front-page="dashboard"]) .kd-sidebar-promo h3{font-size:21px;margin:14px 0 8px}
:where([data-front-page="dashboard"]) .kd-sidebar-promo p{font-size:11px;color:var(--kd-muted)}
:where([data-front-page="dashboard"]) .kd-sidebar-promo a{display:flex;justify-content:space-between;margin-top:20px;font-size:12px;font-weight:700}
:where([data-front-page="dashboard"]) .kd-sidebar-bottom{margin-top:auto;padding-top:36px;display:grid;gap:14px}
:where([data-front-page="dashboard"]) .kd-back-link,:where([data-front-page="dashboard"]) .kd-logout{display:flex;gap:12px;align-items:center;font-size:12px;background:transparent;padding:8px 12px}
:where([data-front-page="dashboard"]) .kd-back-link{color:var(--kd-muted)}
:where([data-front-page="dashboard"]) .kd-logout{color:#b25149}
:where([data-front-page="dashboard"]) .kd-shell{margin-right:248px}
:where([data-front-page="dashboard"]) .kd-topbar{height:92px;padding:0 42px;border-bottom:1px solid var(--kd-line);display:flex;align-items:center;justify-content:space-between;background:color-mix(in srgb,var(--kd-bg) 94%,transparent);gap:14px;position:sticky;top:var(--kd-header-offset);z-index:35;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
:where([data-front-page="dashboard"]) .kd-topbar-title{display:flex;align-items:center;gap:12px;color:var(--kd-muted);font-size:12px}
:where([data-front-page="dashboard"]) .kd-topbar-title strong{font-weight:600;color:var(--kd-ink)}
:where([data-front-page="dashboard"]) .kd-topbar-title b{padding:0 14px;color:#abb5b3}
:where([data-front-page="dashboard"]) .kd-topbar-tools{display:flex;align-items:center;gap:22px}
:where([data-front-page="dashboard"]) .kd-icon-button{width:40px;height:40px;display:grid;place-items:center;background:var(--kd-surface);border:1px solid var(--kd-line);border-radius:12px}
:where([data-front-page="dashboard"]) .kd-user-chip{display:flex;align-items:center;gap:10px;font-weight:600;font-size:12px}
:where([data-front-page="dashboard"]) .kd-user-chip>span:last-child{max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
:where([data-front-page="dashboard"]) .kd-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#e8e8d9;color:#35473b;font-size:18px}
:where([data-front-page="dashboard"]) .kd-main{max-width:1320px;margin:auto;padding:34px 42px 0;outline:0}
:where([data-front-page="dashboard"]) .kd-profile-access{margin-top:34px}
:where([data-front-page="dashboard"]) .kd-mobile-only{display:none}
:where([data-front-page="dashboard"]) .kd-eyebrow{font:10px/1.6 Arial,sans-serif;letter-spacing:1.8px;color:var(--kd-muted);display:block}
:where([data-front-page="dashboard"]) .kd-gold{color:#c69f4f}
:where([data-front-page="dashboard"]) .kd-welcome{min-height:270px;border-radius:18px;background:var(--kd-deep);color:#fff;padding:34px 38px;display:grid;grid-template-columns:1.2fr 1fr;overflow:hidden;position:relative}
:where([data-front-page="dashboard"]) .kd-welcome .kd-eyebrow{color:#bdc9c5;font-size:9px;letter-spacing:1.4px}
:where([data-front-page="dashboard"]) .kd-welcome h1{font-size:32px;font-weight:700;line-height:1.65;margin:13px 0 9px}
:where([data-front-page="dashboard"]) .kd-welcome p{font-size:12px;color:#c0cece;margin-bottom:22px}
:where([data-front-page="dashboard"]) .kd-button{display:inline-flex;justify-content:center;gap:12px;align-items:center;min-height:43px;padding:9px 18px;font-size:12px;font-weight:600;border-radius:9px;border:1px solid transparent;transition:transform .18s,background .18s}
:where([data-front-page="dashboard"]) .kd-button:hover{transform:translateY(-2px)}
:where([data-front-page="dashboard"]) .kd-button-gold{background:var(--kd-gold);color:#253433}
:where([data-front-page="dashboard"]) .kd-button-gold:hover{background:#f2d48f}
:where([data-front-page="dashboard"]) .kd-button-outline{background:transparent;border-color:var(--kd-line);color:var(--kd-ink)}
:where([data-front-page="dashboard"]) .kd-button-outline:hover{background:var(--kd-soft)}
:where([data-front-page="dashboard"]) .kd-button-dark{background:var(--kd-deep);color:#fff}
:where([data-front-page="dashboard"]) .kd-full{width:100%}
:where([data-front-page="dashboard"]) .kd-welcome-art{position:relative;min-height:230px;direction:ltr;isolation:isolate}
:where([data-front-page="dashboard"]) .kd-art-word{position:absolute;font-family:var(--font-main);font-size:88px;top:12px;left:14px;transform:rotate(-9deg);letter-spacing:-5px;z-index:2}
:where([data-front-page="dashboard"]) .kd-art-word>span{color:var(--kd-gold)}
:where([data-front-page="dashboard"]) .kd-art-circle{width:230px;height:230px;border:1px solid #71928b55;border-radius:50%;position:absolute;left:18px;top:-6px}
:where([data-front-page="dashboard"]) .kd-art-circle:after,:where([data-front-page="dashboard"]) .kd-art-circle:before{content:'';position:absolute;border:1px solid #71928b33;border-radius:50%;inset:15px}
:where([data-front-page="dashboard"]) .kd-art-circle:before{inset:-25px}
:where([data-front-page="dashboard"]) .kd-art-ticket{position:absolute;left:55px;top:135px;display:grid;gap:6px;transform:rotate(8deg);background:#e7c779;color:#263b37;padding:15px 27px;border-radius:6px;box-shadow:8px 12px 0 #07171930;border:1px solid #efdaab;z-index:3;text-align:center}
:where([data-front-page="dashboard"]) .kd-art-ticket span{font:8px Arial,sans-serif;letter-spacing:2px}
:where([data-front-page="dashboard"]) .kd-art-ticket b{font-size:17px;direction:rtl}
:where([data-front-page="dashboard"]) .kd-art-spark{position:absolute;left:235px;top:110px;color:var(--kd-gold);font-size:35px;font-style:normal}
:where([data-front-page="dashboard"]) .kd-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:24px 0 36px}
:where([data-front-page="dashboard"]) .kd-stat{border:1px solid var(--kd-line);background:var(--kd-surface);border-radius:13px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:var(--kd-shadow)}
:where([data-front-page="dashboard"]) .kd-stat-icon{width:46px;height:46px;background:var(--kd-soft);border-radius:12px;display:grid;place-items:center;color:var(--kd-ink);flex-shrink:0}
:where([data-front-page="dashboard"]) .kd-stat>div>span{display:block;color:var(--kd-muted);font-size:11px}
:where([data-front-page="dashboard"]) .kd-stat strong{display:block;font-size:25px;line-height:1.5;margin-top:4px}
:where([data-front-page="dashboard"]) .kd-stat strong small{font-weight:400;color:var(--kd-muted);font-size:10px;margin-right:4px}
:where([data-front-page="dashboard"]) .kd-stat strong.kd-stat-text{font-size:17px;margin-top:8px}
:where([data-front-page="dashboard"]) .kd-section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 19px}
:where([data-front-page="dashboard"]) .kd-section-heading h2{font-size:20px;margin-top:5px}
:where([data-front-page="dashboard"]) .kd-text-link{display:flex;align-items:center;gap:10px;font-size:11px;white-space:nowrap}
:where([data-front-page="dashboard"]) .kd-text-link .kd-icon{width:17px}
:where([data-front-page="dashboard"]) .kd-course-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
:where([data-front-page="dashboard"]) .kd-course-card{border-radius:15px;background:var(--kd-surface);border:1px solid var(--kd-line);overflow:hidden;box-shadow:var(--kd-shadow);transition:transform .2s,box-shadow .2s}
:where([data-front-page="dashboard"]) .kd-course-card:hover{transform:translateY(-3px);box-shadow:0 14px 28px #142e340b}
:where([data-front-page="dashboard"]) .kd-course-art{height:145px;position:relative;overflow:hidden;background:#e2e8df;color:#203d36;padding:20px 24px}
:where([data-front-page="dashboard"]) .kd-course-art .kd-eyebrow{font-size:8px;color:#4d665b;position:relative;z-index:2}
:where([data-front-page="dashboard"]) .kd-course-art>strong{font:72px/1.1 Georgia,serif;position:absolute;left:22px;top:22px;z-index:2}
:where([data-front-page="dashboard"]) .kd-art-caption{font-size:11px;position:absolute;bottom:23px;right:24px;z-index:2}
:where([data-front-page="dashboard"]) .kd-orbit{position:absolute;width:160px;height:160px;border:1px solid #879e8855;border-radius:50%;left:-14px;top:-16px}
:where([data-front-page="dashboard"]) .kd-orbit:before{content:'';position:absolute;inset:14px;border:1px solid #879e8855;border-radius:50%}
:where([data-front-page="dashboard"]) .kd-course-card:nth-child(even) .kd-course-art{background:#eee5d3;color:#564525}
:where([data-front-page="dashboard"]) .kd-course-card:nth-child(even) .kd-orbit{border-color:#c7b18b80}
:where([data-front-page="dashboard"]) .kd-course-content{padding:20px 24px}
:where([data-front-page="dashboard"]) .kd-row{display:flex;align-items:center;justify-content:space-between;gap:10px}
:where([data-front-page="dashboard"]) .kd-muted{color:var(--kd-muted);font-size:12px}
:where([data-front-page="dashboard"]) .kd-badge{font-size:10px;display:inline-flex;align-items:center;gap:6px;border-radius:5px;padding:3px 9px;white-space:nowrap;line-height:1.8}
:where([data-front-page="dashboard"]) .kd-badge-success{background:#e6f3ec;color:#296d4f}
:where([data-front-page="dashboard"]) .kd-badge-warning{background:#fcf0d5;color:#806019}
:where([data-front-page="dashboard"]) .kd-badge-neutral{background:var(--kd-soft);color:var(--kd-muted)}
:where([data-front-page="dashboard"]) .kd-course-content h3{font-size:18px;margin:13px 0 8px}
:where([data-front-page="dashboard"]) .kd-course-meta{display:flex;align-items:center;gap:6px;color:var(--kd-muted);font-size:10px;margin-bottom:17px}
:where([data-front-page="dashboard"]) .kd-course-meta .kd-icon{width:15px;height:15px}
:where([data-front-page="dashboard"]) .kd-course-meta small{font-size:9px}
:where([data-front-page="dashboard"]) .kd-license{border:1px solid var(--kd-line);border-radius:9px;padding:9px 12px;margin-bottom:15px;background:var(--kd-soft)}
:where([data-front-page="dashboard"]) .kd-license label{font-size:10px;color:var(--kd-muted);display:block}
:where([data-front-page="dashboard"]) .kd-license-controls{display:flex;align-items:center;gap:6px}
:where([data-front-page="dashboard"]) .kd-license-controls input{flex:1;width:100%;background:transparent;border:0;color:var(--kd-ink);font-family:monospace;font-size:13px;padding:6px 0}
:where([data-front-page="dashboard"]) .kd-license-controls button,:where([data-front-page="dashboard"]) .kd-password button{background:transparent;font-size:10px;padding:7px;border-radius:5px;flex-shrink:0}
:where([data-front-page="dashboard"]) .kd-license-controls .kd-icon{width:17px;height:17px}
:where([data-front-page="dashboard"]) .kd-license-pending{font-size:11px;display:flex;gap:8px;align-items:center;background:var(--kd-soft);color:var(--kd-muted);padding:16px 12px;border-radius:9px;min-height:75px;margin-bottom:15px}
:where([data-front-page="dashboard"]) .kd-panel{background:var(--kd-surface);border:1px solid var(--kd-line);border-radius:15px;box-shadow:var(--kd-shadow)}
:where([data-front-page="dashboard"]) .kd-orders-panel{padding:26px;margin-top:30px}
:where([data-front-page="dashboard"]) .kd-order-row{display:flex;align-items:center;gap:18px;padding:18px 0;border-top:1px solid var(--kd-line)}
:where([data-front-page="dashboard"]) .kd-order-symbol{width:38px;height:42px;border-radius:9px;background:var(--kd-soft);display:grid;place-items:center;color:var(--kd-muted)}
:where([data-front-page="dashboard"]) .kd-order-id{display:grid;gap:3px;min-width:120px}
:where([data-front-page="dashboard"]) .kd-order-id strong{font:600 12px Arial,sans-serif;text-align:right;overflow-wrap:anywhere}
:where([data-front-page="dashboard"]) .kd-order-id small{font-size:10px;color:var(--kd-muted)}
:where([data-front-page="dashboard"]) .kd-order-price{margin-right:auto;font-size:14px;white-space:nowrap}
:where([data-front-page="dashboard"]) .kd-order-price small{font-size:10px;font-weight:400;color:var(--kd-muted)}
:where([data-front-page="dashboard"]) .kd-order-link{display:flex;align-items:center;gap:6px;font-size:10px;white-space:nowrap}
:where([data-front-page="dashboard"]) .kd-order-link .kd-icon{width:16px}
:where([data-front-page="dashboard"]) .kd-footer{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:var(--kd-muted);padding:28px 0;margin-top:10px}
:where([data-front-page="dashboard"]) .kd-footer span[lang]{font-family:var(--font-main);font-style:italic;font-size:14px}
:where([data-front-page="dashboard"]) .kd-page-heading{margin:5px 0 30px}
:where([data-front-page="dashboard"]) .kd-page-heading h1{font-size:33px;margin:8px 0}
:where([data-front-page="dashboard"]) .kd-page-heading p{color:var(--kd-muted);font-size:12px}
:where([data-front-page="dashboard"]) .kd-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}
:where([data-front-page="dashboard"]) .kd-search input{border:1px solid var(--kd-line);background:var(--kd-surface);padding:11px 16px;border-radius:9px;color:var(--kd-ink);width:250px;font-size:12px}
:where([data-front-page="dashboard"]) .kd-empty{grid-column:1/-1;text-align:center;background:var(--kd-surface);padding:44px 24px;border:1px dashed var(--kd-line);border-radius:14px}
:where([data-front-page="dashboard"]) .kd-empty>span{display:grid;place-items:center;margin:0 auto 16px;width:58px;height:58px;background:var(--kd-soft);border-radius:16px}
:where([data-front-page="dashboard"]) .kd-empty h3,:where([data-front-page="dashboard"]) .kd-empty h2{font-size:19px}
:where([data-front-page="dashboard"]) .kd-empty p{font-size:12px;color:var(--kd-muted);margin:10px 0 20px}
:where([data-front-page="dashboard"]) .kd-empty-line{padding:20px 0}
:where([data-front-page="dashboard"]) .kd-order-list{display:grid;gap:20px}
:where([data-front-page="dashboard"]) .kd-order-card{padding:8px 24px 18px}
:where([data-front-page="dashboard"]) .kd-order-card .kd-order-row{border:0}
:where([data-front-page="dashboard"]) .kd-order-details{border-top:1px solid var(--kd-line);padding-top:13px;font-size:12px}
:where([data-front-page="dashboard"]) .kd-order-details summary{cursor:pointer;color:var(--kd-muted);padding:5px 0}
:where([data-front-page="dashboard"]) .kd-order-details ul{list-style:none;margin:15px 0;padding:0}
:where([data-front-page="dashboard"]) .kd-order-details li{display:flex;justify-content:space-between;gap:20px;padding:9px 0;border-bottom:1px solid var(--kd-line)}
:where([data-front-page="dashboard"]) .kd-order-details li small{font-weight:400}
:where([data-front-page="dashboard"]) .kd-order-totals{display:flex;justify-content:space-between;color:var(--kd-muted);font-size:11px;gap:15px}
:where([data-front-page="dashboard"]) .kd-pagination{display:flex;justify-content:center;align-items:center;gap:15px;margin:25px 0;font-size:11px}
:where([data-front-page="dashboard"]) .kd-profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}
:where([data-front-page="dashboard"]) .kd-form-panel{padding:27px}
:where([data-front-page="dashboard"]) .kd-panel-heading{display:flex;gap:14px;align-items:center;border-bottom:1px solid var(--kd-line);padding-bottom:22px;margin-bottom:24px}
:where([data-front-page="dashboard"]) .kd-panel-heading h2{font-size:18px}
:where([data-front-page="dashboard"]) .kd-panel-heading p{font-size:11px;color:var(--kd-muted);margin-top:4px}
:where([data-front-page="dashboard"]) .kd-field{margin-bottom:22px}
:where([data-front-page="dashboard"]) .kd-field>label{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;font-size:12px;font-weight:600}
:where([data-front-page="dashboard"]) .kd-field>label>small{color:var(--kd-muted);font-size:10px;font-weight:400}
:where([data-front-page="dashboard"]) .kd-field input{width:100%;border:1px solid var(--kd-line);background:var(--kd-surface);color:var(--kd-ink);border-radius:8px;padding:12px 13px;min-height:45px;font-size:13px}
:where([data-front-page="dashboard"]) .kd-field input:disabled{background:var(--kd-soft);color:var(--kd-muted);cursor:not-allowed}
:where([data-front-page="dashboard"]) .kd-field>small{font-size:10px;color:var(--kd-muted)}
:where([data-front-page="dashboard"]) .kd-password{position:relative}
:where([data-front-page="dashboard"]) .kd-password input{padding-left:64px}
:where([data-front-page="dashboard"]) .kd-password button{position:absolute;left:8px;top:7px;color:var(--kd-muted)}
:where([data-front-page="dashboard"]) .kd-field-error{color:#b64640;font-size:11px;margin-top:7px}
:where([data-front-page="dashboard"]) .kd-form-panel .kd-muted{font-size:10px;margin-bottom:20px}
:where([data-front-page="dashboard"]) .kd-alert{border-radius:10px;padding:15px 20px;margin-bottom:22px;font-size:12px}
:where([data-front-page="dashboard"]) .kd-alert-success{background:#e6f3ec;color:#296d4f}
:where([data-front-page="dashboard"]) .kd-alert-error{background:#fbece9;color:#943c36}
:where([data-front-page="dashboard"]) .kd-toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#152f35;color:#fff;box-shadow:0 8px 30px #0003;border:1px solid #6e8e89;padding:13px 24px;border-radius:10px;z-index:150;max-width:calc(100% - 32px);text-align:center;font-size:12px}
:where([data-front-page="dashboard"]) .kd-main>section,:where([data-front-page="dashboard"]) .kd-main>.kd-stats,:where([data-front-page="dashboard"]) .kd-main>.kd-course-grid{animation:kp-dashboard-kd-arrive .45s both}
@keyframes kp-dashboard-kd-arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){:where([data-front-page="dashboard"]) .kd-main{padding-top:45px}:where([data-front-page="dashboard"]) .kd-welcome{min-height:300px}:where([data-front-page="dashboard"]) .kd-welcome h1{font-size:38px}}
@media(max-width:1200px){:where([data-front-page="dashboard"]) .kd-sidebar{width:218px;padding-inline:18px}:where([data-front-page="dashboard"]) .kd-shell{margin-right:218px}:where([data-front-page="dashboard"]) .kd-main{padding-inline:26px}:where([data-front-page="dashboard"]) .kd-topbar{padding-inline:26px}:where([data-front-page="dashboard"]) .kd-welcome{padding:30px}:where([data-front-page="dashboard"]) .kd-welcome h1{font-size:27px}:where([data-front-page="dashboard"]) .kd-welcome-art{transform:scale(.85);transform-origin:center}:where([data-front-page="dashboard"]) .kd-stat{padding:16px;gap:11px}:where([data-front-page="dashboard"]) .kd-stat-icon{width:38px;height:38px}:where([data-front-page="dashboard"]) .kd-course-content{padding:18px}:where([data-front-page="dashboard"]) .kd-order-row{gap:12px}:where([data-front-page="dashboard"]) .kd-order-id{min-width:95px}:where([data-front-page="dashboard"]) .kd-profile-grid{gap:18px}:where([data-front-page="dashboard"]) .kd-form-panel{padding:20px}}
@media(max-width:980px){:where([data-front-page="dashboard"]){--kd-header-offset:72px}:where([data-front-page="dashboard"]) .kd-sidebar{width:248px;transform:translateX(100%);visibility:hidden;transition:transform .24s,visibility .24s}:where([data-front-page="dashboard"]) .kd-shell{margin:0}:where([data-front-page="dashboard"]) .kd-mobile-only{display:grid}:where([data-front-page="dashboard"]) .kd-menu-open .kd-sidebar{transform:none;visibility:visible}:where([data-front-page="dashboard"]) .kd-backdrop{position:fixed;inset:0;background:#0a20265c;backdrop-filter:blur(3px);z-index:35}:where([data-front-page="dashboard"]) .kd-menu-open{overflow:hidden}:where([data-front-page="dashboard"]) .kd-main{max-width:920px}:where([data-front-page="dashboard"]) .kd-topbar{height:78px}:where([data-front-page="dashboard"]) .kd-sidebar-promo{margin-top:35px}}
@media(max-width:700px){:where([data-front-page="dashboard"]){--kd-header-offset:60px}}
@media(max-width:640px){:where([data-front-page="dashboard"]) .kd-topbar{padding:0 18px;height:70px}:where([data-front-page="dashboard"]) .kd-topbar-title>span{font-size:0}:where([data-front-page="dashboard"]) .kd-topbar-title b{display:none}:where([data-front-page="dashboard"]) .kd-topbar-title strong{font-size:12px}:where([data-front-page="dashboard"]) .kd-topbar-tools{gap:9px}:where([data-front-page="dashboard"]) .kd-user-chip>span:last-child{display:none}:where([data-front-page="dashboard"]) .kd-main{padding:20px 16px 0}:where([data-front-page="dashboard"]) .kd-welcome{grid-template-columns:1fr;padding:26px;min-height:0}:where([data-front-page="dashboard"]) .kd-welcome h1{font-size:27px}:where([data-front-page="dashboard"]) .kd-welcome p{max-width:220px;line-height:2}:where([data-front-page="dashboard"]) .kd-welcome-art{display:none}:where([data-front-page="dashboard"]) .kd-welcome:after{content:'Hallo!';position:absolute;left:-13px;bottom:40px;transform:rotate(-90deg);font:45px Georgia,serif;color:#ffffff0b;pointer-events:none}:where([data-front-page="dashboard"]) .kd-stats{gap:9px;margin:16px 0 28px;grid-template-columns:repeat(3,minmax(0,1fr))}:where([data-front-page="dashboard"]) .kd-stat{flex-direction:column;align-items:flex-start;gap:10px;padding:13px 10px;border-radius:10px}:where([data-front-page="dashboard"]) .kd-stat-icon{width:32px;height:32px;border-radius:8px}:where([data-front-page="dashboard"]) .kd-stat-icon .kd-icon{width:18px;height:18px}:where([data-front-page="dashboard"]) .kd-stat>div>span{font-size:9px}:where([data-front-page="dashboard"]) .kd-stat strong{font-size:22px}:where([data-front-page="dashboard"]) .kd-stat strong small{display:block;font-size:8px;margin:0}:where([data-front-page="dashboard"]) .kd-stat strong.kd-stat-text{font-size:12px}:where([data-front-page="dashboard"]) .kd-section-heading h2{font-size:16px}:where([data-front-page="dashboard"]) .kd-section-heading .kd-eyebrow{font-size:8px}:where([data-front-page="dashboard"]) .kd-text-link{font-size:10px;gap:4px}:where([data-front-page="dashboard"]) .kd-course-grid{grid-template-columns:1fr;gap:18px}:where([data-front-page="dashboard"]) .kd-course-content{padding:20px}:where([data-front-page="dashboard"]) .kd-orders-panel{padding:20px 16px}:where([data-front-page="dashboard"]) .kd-order-row{flex-wrap:wrap;gap:10px;padding:18px 0}:where([data-front-page="dashboard"]) .kd-order-symbol{width:30px;height:36px}:where([data-front-page="dashboard"]) .kd-order-id{min-width:100px;flex:1}:where([data-front-page="dashboard"]) .kd-order-price{font-size:13px;margin-right:40px}:where([data-front-page="dashboard"]) .kd-order-link{margin-right:auto}:where([data-front-page="dashboard"]) .kd-order-row>.kd-badge{font-size:9px}:where([data-front-page="dashboard"]) .kd-footer{font-size:9px;gap:20px}:where([data-front-page="dashboard"]) .kd-footer span[lang]{font-size:12px}:where([data-front-page="dashboard"]) .kd-page-heading h1{font-size:28px}:where([data-front-page="dashboard"]) .kd-toolbar{gap:12px}:where([data-front-page="dashboard"]) .kd-search{flex:1;min-width:0}:where([data-front-page="dashboard"]) .kd-search input{width:100%;font-size:11px}:where([data-front-page="dashboard"]) .kd-profile-grid{grid-template-columns:1fr}:where([data-front-page="dashboard"]) .kd-form-panel{padding:22px}:where([data-front-page="dashboard"]) .kd-order-totals{flex-direction:column;gap:4px}:where([data-front-page="dashboard"]) .kd-order-card{padding:4px 17px 15px}:where([data-front-page="dashboard"]) .kd-pagination{gap:8px}:where([data-front-page="dashboard"]) .kd-pagination .kd-button{font-size:10px;padding:8px 12px}:where([data-front-page="dashboard"]) .kd-empty{padding:32px 16px}:where([data-front-page="dashboard"]) .kd-empty h2{font-size:18px}}
@media(prefers-reduced-motion:reduce){:where([data-front-page="dashboard"]) *,:where([data-front-page="dashboard"]) *:before,:where([data-front-page="dashboard"]) *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
:where([data-front-page="dashboard"]) .kd-welcome h1,:where([data-front-page="dashboard"]) .kd-course-content h3{overflow-wrap:anywhere}
:where([data-front-page="dashboard"]) .kd-campaign-section{margin:0 0 34px}
:where([data-front-page="dashboard"]) .kd-campaign-heading,:where([data-front-page="dashboard"]) .kd-regular-heading{margin-bottom:16px}
:where([data-front-page="dashboard"]) .kd-campaign-card{position:relative;padding:3px;border-radius:20px;background:linear-gradient(135deg,color-mix(in srgb,var(--kd-gold) 45%,transparent),transparent 60%)}
:where([data-front-page="dashboard"]) .kd-campaign-card .kd-course-card{margin:0}
:where([data-front-page="dashboard"]) .kd-campaign-card .kd-course-art{background:linear-gradient(135deg,var(--kd-deep),color-mix(in srgb,var(--kd-gold) 35%,var(--kd-deep)))}
:where([data-front-page="dashboard"]) .kd-campaign-empty{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px;border:1px solid color-mix(in srgb,var(--kd-gold) 35%,var(--kd-line));border-radius:18px;background:linear-gradient(120deg,color-mix(in srgb,var(--kd-gold) 10%,var(--kd-surface)),var(--kd-surface))}
:where([data-front-page="dashboard"]) .kd-campaign-empty h3{margin:7px 0;font-size:18px}
:where([data-front-page="dashboard"]) .kd-campaign-empty p{margin:0;color:var(--kd-muted);font-size:12px}
:where([data-front-page="dashboard"]) .kd-campaign-mark{font:700 12px Georgia,serif;letter-spacing:.12em;color:var(--kd-gold)}
@media(max-width:640px){:where([data-front-page="dashboard"]) .kd-campaign-empty{align-items:stretch;flex-direction:column;padding:20px 16px}:where([data-front-page="dashboard"]) .kd-campaign-empty .kd-button{width:100%;justify-content:center}:where([data-front-page="dashboard"]) .kd-campaign-heading,:where([data-front-page="dashboard"]) .kd-regular-heading{align-items:flex-end}}
/* Section: front-login */
:where([data-front-page="auth"]) .badge {
display: inline-block;
padding: 4px 10px;
font-size: .75rem;
font-weight: 600;
line-height: 1.6;
border-radius: 6px;
border: 1px solid transparent;
white-space: nowrap;
}
:where([data-front-page="auth"]) .badge--warning {
background: color-mix(in srgb,var(--brand-accent) 16.0%,transparent);
color: var(--gold-2);
border-color: color-mix(in srgb,var(--brand-accent) 28.000000000000004%,transparent);
}
:where([data-front-page="auth"]) .btn--sm { padding: 9px 18px; font-size: .85rem; gap: 6px; }
:where([data-front-page="auth"]) .btn--block { display: flex; width: 100%; justify-content: center; }
:where([data-front-page="auth"]) .auth-page {
padding: 40px 0 90px;
min-height: calc(100vh - 200px);
}
:where([data-front-page="auth"]) .crumbs {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px;
font-size: .85rem;
color: var(--muted);
margin-bottom: 30px;
}
:where([data-front-page="auth"]) .crumbs a { color: var(--muted); transition: color var(--t); }
:where([data-front-page="auth"]) .crumbs a:hover { color: var(--gold); }
:where([data-front-page="auth"]) .crumbs__sep { opacity: .5; }
:where([data-front-page="auth"]) .crumbs [aria-current="page"] { color: var(--text); font-weight: 600; }
:where([data-front-page="auth"]) .auth-layout {
display: grid;
grid-template-columns: minmax(0, 1fr) 420px;
gap: 30px;
align-items: stretch;
max-width: 1040px;
margin-inline: auto;
}
:where([data-front-page="auth"]) .auth-aside {
position: relative;
isolation: isolate;
overflow: hidden;
display: flex;
flex-direction: column;
gap: 16px;
padding: 40px 34px;
background: var(--bg-2);
border: 1px solid var(--line);
border-radius: var(--radius);
}
:where([data-front-page="auth"]) .auth-aside::before {
content: "";
position: absolute;
z-index: -1;
inset-inline-start: -90px;
inset-block-start: -90px;
width: 260px;
height: 260px;
border-radius: 50%;
background: radial-gradient(circle, var(--hero-blob), transparent 68%);
opacity: .18;
filter: blur(6px);
}
:where([data-front-page="auth"]) .auth-aside::after {
content: "";
position: absolute;
z-index: -1;
inset-inline-end: -70px;
inset-block-end: -80px;
width: 220px;
height: 220px;
border-radius: 50%;
background: radial-gradient(circle, var(--gold), transparent 70%);
opacity: .14;
}
:where([data-front-page="auth"]) .auth-aside .badge { align-self: flex-start; }
:where([data-front-page="auth"]) .auth-aside__title {
font-size: clamp(1.4rem, 2.6vw, 1.95rem);
font-weight: 800;
line-height: 1.7;
margin: 6px 0 0;
}
:where([data-front-page="auth"]) .auth-aside__desc {
color: var(--muted);
font-size: .94rem;
line-height: 1.95;
max-width: 44ch;
margin: 0;
}
:where([data-front-page="auth"]) .auth-aside__list {
list-style: none;
display: flex;
flex-direction: column;
gap: 12px;
margin: 8px 0 0;
padding: 0;
font-size: .9rem;
font-weight: 600;
}
:where([data-front-page="auth"]) .auth-aside__list li {
display: flex;
align-items: center;
gap: 10px;
}
:where([data-front-page="auth"]) .auth-aside__list li::before {
content: "";
flex: 0 0 auto;
width: 16px;
height: 16px;
border-radius: 50%;
background: rgba(30, 150, 90, .16);
border: 1px solid rgba(30, 150, 90, .34);
}
:where([data-front-page="auth"]) .auth-aside__note {
margin: auto 0 0;
padding-top: 22px;
color: var(--muted);
font-size: .88rem;
}
:where([data-front-page="auth"]) .auth-aside__note a { color: var(--gold); font-weight: 700; }
:where([data-front-page="auth"]) .auth-card {
display: flex;
flex-direction: column;
gap: 20px;
padding: 32px 28px;
background: var(--bg-2);
border: 1px solid var(--line);
border-radius: var(--radius);
box-shadow: var(--shadow);
}
:where([data-front-page="auth"]) .auth-card__head { text-align: center; }
:where([data-front-page="auth"]) .auth-card__title {
font-size: 1.35rem;
font-weight: 800;
margin: 0 0 8px;
}
:where([data-front-page="auth"]) .auth-card__sub {
margin: 0;
color: var(--muted);
font-size: .88rem;
line-height: 1.8;
}
:where([data-front-page="auth"]) .auth-tabs {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 4px;
padding: 4px;
background: var(--bg-3);
border: 1px solid var(--line);
border-radius: 999px;
}
:where([data-front-page="auth"]) .pw-toggle {
radius: 999px;
}
:where([data-front-page="auth"]) .auth-tabs__btn.is-active {
box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
}
:where([data-front-page="auth"]) .auth-form {
display: flex;
flex-direction: column;
gap: 18px;
}
:where([data-front-page="auth"]) .auth-form .field { gap: 8px; }
:where([data-front-page="auth"]) .field__row {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
}
:where([data-front-page="auth"]) .auth-form label {
font-size: .86rem;
font-weight: 600;
color: var(--muted);
}
:where([data-front-page="auth"]) .field__link {
font-size: .8rem;
font-weight: 700;
color: var(--gold);
}
:where([data-front-page="auth"]) .field__link:hover { text-decoration: underline; }
:where([data-front-page="auth"]) .field__err {
margin: 0;
color: var(--danger-2);
font-size: .8rem;
font-weight: 600;
}
:where([data-front-page="auth"]) .field__err[hidden] { display: none; }
:where([data-front-page="auth"]) .input-wrap { position: relative; display: flex; }
:where([data-front-page="auth"]) .input-wrap input { flex: 1; min-width: 0; padding-inline-end: 46px; }
:where([data-front-page="auth"]) .pw-toggle {
position: absolute;
inset-inline-end: 6px;
inset-block: 6px;
width: 34px;
display: grid;
place-items: center;
border: 0;
border-radius: 8px;
background: transparent;
color: var(--muted);
cursor: pointer;
transition: var(--t);
}
:where([data-front-page="auth"]) .auth-tabs__btn {
padding: 10px 12px;
border: 0;
border-radius: 999px;
background: transparent;
color: var(--muted);
font: inherit;
font-size: .88rem;
font-weight: 700;
cursor: pointer;
transition: var(--t);
}
:where([data-front-page="auth"]) .auth-tabs__btn:hover {
color: var(--text);
}
:where([data-front-page="auth"]) .auth-tabs__btn.is-active {
background: var(--bg-2);
color: var(--text);
}
@media (max-width: 560px) {
:where([data-front-page="auth"]) .auth-page { padding: 26px 0 64px; }
:where([data-front-page="auth"]) .auth-card { padding: 26px 20px; }
:where([data-front-page="auth"]) .auth-aside { padding: 26px 20px; }
:where([data-front-page="auth"]) .auth-tabs__btn { font-size: .82rem; }
}
@media (prefers-reduced-motion: reduce) {
:where([data-front-page="auth"]) .auth-tabs__btn,:where([data-front-page="auth"]) 
.pw-toggle,:where([data-front-page="auth"]) 
.crumbs a { transition: none; }
}
:where([data-front-page="auth"]) .payment-methods{
border:0;
padding:0;
margin:8px 0 20px;
display:grid;
gap:10px;
}
:where([data-front-page="auth"]) .payment-methods legend{
font-weight:800;
margin-bottom:10px;
}
:where([data-front-page="auth"]) .payment-method{
display:flex;
align-items:flex-start;
gap:10px;
padding:14px;
border:1px solid var(--border, rgba(127,127,127,.24));
border-radius:14px;
cursor:pointer;
background:var(--surface, rgba(255,255,255,.7));
}
:where([data-front-page="auth"]) .payment-method input{margin-top:6px}
:where([data-front-page="auth"]) .payment-method__body{display:grid;gap:3px}
:where([data-front-page="auth"]) .payment-method__body small{color:var(--muted)}
:where([data-front-page="auth"]) .payment-method__body em{font-size:.78rem;color:var(--muted);font-style:normal}
/* Section: campaign-ui */
.kc-nav-gold{position:relative;display:inline-flex!important;align-items:center;gap:8px;background:linear-gradient(110deg,#f3dfab,#c9a04b,#f2dfa8);color:#293b30!important;border:1px solid #c29a46;border-radius:12px;padding:9px 15px!important;box-shadow:0 3px 14px #b9924333;font-weight:800;transition:transform .2s,box-shadow .2s}
.kc-nav-gold:hover,.kc-nav-gold:focus-visible{transform:translateY(-2px);box-shadow:0 5px 22px #b9924366}
.kc-nav-gold span{font-size:1.2em}
.kc-offer-timer{flex-wrap:wrap;gap:8px 14px;align-items:center;padding:12px 14px;margin-block:12px;border:1px solid #b68c3b45;border-radius:12px;background:#d4b16a12;font-size:.8rem}
.kc-offer-timer strong{font-variant-numeric:tabular-nums;letter-spacing:.08em;color:#997028}
.kc-offer-timer a{color:inherit;text-decoration:underline}
.kh-stats article{position:relative;border-radius:18px;border:1px solid transparent;transition:background .25s,box-shadow .25s,transform .25s,border-color .25s}
.kh-stats article:hover{background:rgba(255,255,255,.35);border-color:rgba(255,255,255,.65);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 14px 35px rgba(35,65,49,.08),inset 0 1px 0 #ffffff85;transform:translateY(-4px)}
@media(max-width:760px){.kh-stats{display:grid!important;grid-template-columns:1fr 1fr!important;gap:0!important}.kh-stats article{border-radius:0!important;padding:22px 10px!important;border:0!important;transform:none!important}.kh-stats article:nth-child(odd){border-inline-end:1px solid rgba(111,132,112,.25)!important}.kh-stats article:nth-child(-n+2){border-bottom:1px solid rgba(111,132,112,.25)!important}.kh-stats article:after{display:none!important}}
@media(prefers-reduced-motion:reduce){.kc-nav-gold,.kh-stats article{transition:none;transform:none!important}}
/* Section: offer-clock */
.kc-offer-timer{display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:16px;border:1px solid #be9b4b66;background:linear-gradient(135deg,#e6cf9133,#769c8014);border-radius:18px;color:var(--site-text,#194536);min-width:0;box-shadow:inset 0 1px 0 #ffffff55}
.kc-offer-timer>span:first-child{font-size:14px;font-weight:800}
.kc-offer-timer [data-offer-clock]{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;direction:rtl;letter-spacing:0}
.kc-clock-unit{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;border-radius:10px;overflow:hidden;background:linear-gradient(180deg,#204e3f,#15392f);color:#fff6df;box-shadow:0 4px 9px #123d3014;border:1px solid #ac905355}
.kc-clock-digit{font-size:clamp(18px,2vw,26px);font-weight:850;font-variant-numeric:tabular-nums;line-height:1.65;padding:5px 2px;display:block;min-height:39px}
.kc-clock-label{width:100%;font-size:12px;line-height:1.7;font-weight:600;text-align:center;padding:4px 0;background:#ffffff0c;border-top:1px solid #ffffff16;color:#f2e4bc}
.kc-offer-timer [hidden]{display:none!important}
.kc-offer-timer.is-expired{font-size:15px;line-height:1.8}
/* Section: front-landing */
:where([data-front-page="home"]) .page-home-v17{--kh-radius:28px;--kh-soft:#edece3;--kh-green:#163f36;--kh-gold:#e9d5a5}
:where([data-front-page="home"]) .page-home-v17 .v17-home{overflow:clip;background:var(--bg)}
:where([data-front-page="home"]) .kh-section{padding-block:58px}
:where([data-front-page="home"]) .kh-kicker{display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:600;color:var(--muted);margin-bottom:18px}
:where([data-front-page="home"]) .kh-kicker i{width:7px;height:7px;border-radius:50%;background:var(--brand-accent)}
:where([data-front-page="home"]) .kh-hero{padding:42px 0 20px}
:where([data-front-page="home"]) .kh-hero__grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
:where([data-front-page="home"]) .kh-hero__copy{padding-block:28px}
:where([data-front-page="home"]) .kh-hero h1{font-size:clamp(34px,4vw,57px);font-weight:800;line-height:1.55;letter-spacing:-1.7px;margin:0 0 22px}
:where([data-front-page="home"]) .kh-hero h1 em{font-style:normal;color:var(--gold-deep)}
:where([data-front-page="home"]) .kh-hero p{max-width:440px;font-size:16px;line-height:2.05;color:var(--muted);margin:0}
:where([data-front-page="home"]) .kh-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:28px}
:where([data-front-page="home"]) .kh-actions .kf-button{border-radius:14px;font-size:13px;padding:15px 21px;min-height:50px}
:where([data-front-page="home"]) .kh-actions .kf-button span{font-size:20px}
:where([data-front-page="home"]) .kh-link-button{border:0;padding:8px 0;background:none;color:var(--text);display:inline-flex;align-items:center;gap:12px;font:inherit;font-size:13px;font-weight:650;cursor:pointer;text-decoration:none}
:where([data-front-page="home"]) .kh-link-button span{display:inline-block;transition:transform .22s}
:where([data-front-page="home"]) .kh-link-button:hover span{transform:translateX(-4px)}
:where([data-front-page="home"]) .kh-hero__foot{display:flex;gap:18px;align-items:center;margin-top:38px;color:var(--muted);font-size:11px}
:where([data-front-page="home"]) .kh-hero__foot [lang=de]{font-size:13px;border-inline-end:1px solid var(--line);padding-inline-end:18px}
:where([data-front-page="home"]) .kh-hero__visual{position:relative;padding:0 0 18px 14px;min-width:0}
:where([data-front-page="home"]) .kh-hero__photo{display:block;overflow:hidden;border-radius:130px 28px 28px 28px;background:var(--kh-soft);height:510px}
:where([data-front-page="home"]) .kh-hero__photo img{width:100%;height:100%;object-fit:cover;object-position:46% center}
:where([data-front-page="home"]) .kh-photo-note{position:absolute;bottom:40px;right:-20px;display:flex;gap:14px;align-items:center;padding:16px 22px;background:var(--bg-2);color:var(--text);border:1px solid var(--line);border-radius:18px;box-shadow:0 12px 30px #102c2210}
:where([data-front-page="home"]) .kh-photo-note b{display:block;font-size:14px}
:where([data-front-page="home"]) .kh-photo-note small{display:block;font-size:11px;color:var(--muted);margin-top:4px}
:where([data-front-page="home"]) .kh-photo-label{position:absolute;left:28px;top:30px;background:#f8f5eced;color:#163f36;font-size:11px;letter-spacing:.04em;border-radius:99px;padding:8px 15px}
:where([data-front-page="home"]) .kh-wave{display:flex;align-items:center;gap:3px;height:30px;padding:4px}
:where([data-front-page="home"]) .kh-wave i{width:3px;height:12px;border-radius:4px;background:var(--gold-deep)}
:where([data-front-page="home"]) .kh-wave i:nth-child(2),:where([data-front-page="home"]) .kh-wave i:nth-child(4){height:22px}
:where([data-front-page="home"]) .kh-wave i:nth-child(3){height:30px}
:where([data-front-page="home"]) .kh-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding-block:30px 38px;margin-block:14px 0;background:none;border:0;box-shadow:none}
:where([data-front-page="home"]) .kh-stats article{display:grid;gap:4px;justify-items:center;text-align:center;background:none;border:0;border-radius:0;box-shadow:none;padding:10px}
:where([data-front-page="home"]) .kh-stats strong{font-size:clamp(26px,3vw,38px);line-height:1.5;font-weight:700;color:var(--text);font-variant-numeric:tabular-nums}
:where([data-front-page="home"]) .kh-stats [data-kh-counter]{display:inline-block;direction:ltr;unicode-bidi:isolate;min-width:3.8ch}
:where([data-front-page="home"]) .kh-stats article>span{font-size:12px;color:var(--muted)}
:where([data-front-page="home"]) .kh-section-head{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:34px}
:where([data-front-page="home"]) .kh-section-head h2,:where([data-front-page="home"]) .kh-roadmap h2,:where([data-front-page="home"]) .kh-consult h2{font-size:clamp(27px,3vw,40px);line-height:1.6;font-weight:700;margin:0;letter-spacing:-.9px}
:where([data-front-page="home"]) .kh-section-head h2 em{font-style:normal;color:var(--muted)}
:where([data-front-page="home"]) .kh-section-head>p{max-width:350px;font-size:14px;line-height:2;color:var(--muted);margin:0 0 6px}
:where([data-front-page="home"]) .kh-skills__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:22px;align-items:start}
:where([data-front-page="home"]) .kh-skill{position:relative;overflow:hidden;border-radius:var(--kh-radius);isolation:isolate;background:var(--bg-2);min-width:0;transition:transform .35s,box-shadow .35s}
:where([data-front-page="home"]) .kh-skill__photo{overflow:hidden;background:#d9d9c9}
:where([data-front-page="home"]) .kh-skill__photo img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
:where([data-front-page="home"]) .kh-skill__copy{padding:24px 28px}
:where([data-front-page="home"]) .kh-skill__label{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;margin-bottom:14px;opacity:.85}
:where([data-front-page="home"]) .kh-skill__label [lang=en]{letter-spacing:.12em;font-size:10px}
:where([data-front-page="home"]) .kh-skill h3{font-size:clamp(23px,2.3vw,31px);line-height:1.6;margin:0 0 12px;font-weight:700}
:where([data-front-page="home"]) .kh-skill p{font-size:13px;line-height:2;margin:0;max-width:430px}
:where([data-front-page="home"]) .kh-skill__tag{display:inline-block;margin-top:20px;border:1px solid currentColor;border-radius:99px;padding:4px 12px;font-size:10px;opacity:.78}
:where([data-front-page="home"]) .kh-skill--listening{grid-column:span 7;height:520px;color:#fff8e8}
:where([data-front-page="home"]) .kh-skill--listening .kh-skill__photo{position:absolute;inset:0;z-index:-2;height:100%}
:where([data-front-page="home"]) .kh-skill--listening::before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0c2a24fa 0%,#123d32b8 35%,transparent 76%);z-index:-1}
:where([data-front-page="home"]) .kh-skill--listening .kh-skill__copy{display:flex;flex-direction:column;justify-content:end;height:100%;padding:32px}
:where([data-front-page="home"]) .kh-skill--listening .kh-skill__label{position:absolute;top:26px;inset-inline:28px}
:where([data-front-page="home"]) .kh-skill--listening .kh-skill__tag{align-self:start}
:where([data-front-page="home"]) .kh-skill--speaking{grid-column:span 5;margin-top:48px;background:#ecebdd;color:#163f36}
:where([data-front-page="home"]) .kh-skill--speaking .kh-skill__photo{height:225px;margin:10px 10px 0;border-radius:20px}
:where([data-front-page="home"]) .kh-skill--speaking .kh-skill__copy{padding-top:20px}
:where([data-front-page="home"]) .kh-skill--speaking h3{font-size:26px}
:where([data-front-page="home"]) .kh-skill--writing{grid-column:span 5;background:linear-gradient(140deg,#ecd9ad,#debf7e);color:#2d2a1c}
:where([data-front-page="home"]) .kh-skill--writing .kh-skill__photo{height:210px;clip-path:ellipse(85% 100% at 50% 0%)}
:where([data-front-page="home"]) .kh-skill--writing .kh-skill__copy{padding-top:14px}
:where([data-front-page="home"]) .kh-skill--reading{grid-column:span 7;height:465px;color:#fff8e8;margin-top:22px}
:where([data-front-page="home"]) .kh-skill--reading .kh-skill__photo{position:absolute;inset:0;z-index:-2;height:100%}
:where([data-front-page="home"]) .kh-skill--reading::before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#102e27f5 0%,#102e2788 44%,transparent 85%);z-index:-1}
:where([data-front-page="home"]) .kh-skill--reading .kh-skill__copy{display:flex;flex-direction:column;justify-content:end;height:100%;padding:32px}
:where([data-front-page="home"]) .kh-skill--reading .kh-skill__label{position:absolute;top:26px;inset-inline:28px}
:where([data-front-page="home"]) .kh-skill--reading .kh-skill__tag{align-self:start}
:where([data-front-page="home"]) .kh-skills__foot{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:25px;color:var(--muted);font-size:12px}
:where([data-front-page="home"]) .kh-roadmap__panel{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center;border-radius:var(--kh-radius);overflow:hidden;background:var(--kh-soft);color:#163f36;padding:20px}
:where([data-front-page="home"]) .kh-roadmap__photo{height:380px;position:relative;border-radius:20px;overflow:hidden}
:where([data-front-page="home"]) .kh-roadmap__photo img{width:100%;height:100%;object-fit:cover;object-position:50% center}
:where([data-front-page="home"]) .kh-roadmap__photo>span{position:absolute;bottom:22px;left:22px;background:#fff8e8ed;border-radius:99px;padding:8px 16px;font-size:12px;color:#163f36}
:where([data-front-page="home"]) .kh-roadmap__copy{padding:20px 8px 20px 24px}
:where([data-front-page="home"]) .kh-roadmap .kh-kicker{color:#52685b}
:where([data-front-page="home"]) .kh-roadmap p{font-size:14px;color:#52685b;max-width:460px;line-height:2;margin:15px 0}
:where([data-front-page="home"]) .kh-levels{display:flex;list-style:none;padding:0;margin:25px 0;direction:ltr;gap:10px;justify-content:space-between;max-width:450px;position:relative}
:where([data-front-page="home"]) .kh-levels::before{content:"";position:absolute;top:22px;left:15px;right:15px;height:1px;background:#bac8b4}
:where([data-front-page="home"]) .kh-levels li{position:relative}
:where([data-front-page="home"]) .kh-levels span{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#fffdf4;color:#163f36;font-size:13px;border:1px solid #c8cdbd}
:where([data-front-page="home"]) .kh-levels li:first-child span{background:#163f36;color:#f3dfb4;border-color:#163f36}
:where([data-front-page="home"]) .kh-roadmap .kh-link-button{color:#163f36}
:where([data-front-page="home"]) .page-home-v17 .v17-section-head h2{font-size:clamp(25px,2.7vw,35px);line-height:1.7}
:where([data-front-page="home"]) .page-home-v17 .v17-course-card{border-radius:23px;box-shadow:none;transition:transform .3s,box-shadow .3s}
:where([data-front-page="home"]) .page-home-v17 .v17-course-card__media{aspect-ratio:4/3;border-radius:18px;margin:8px;overflow:hidden}
:where([data-front-page="home"]) .page-home-v17 .v17-course-card__body{padding:18px 20px 22px}
:where([data-front-page="home"]) .page-home-v17 .v17-course-card h3{font-size:20px}
:where([data-front-page="home"]) .page-home-v17 .v17-course-card__body>p{font-size:13px;line-height:1.9}
:where([data-front-page="home"]) .page-home-v17 .v17-course-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
:where([data-front-page="home"]) .page-home-v17 .v17-post-card{display:block;border:0;background:none;box-shadow:none}
:where([data-front-page="home"]) .page-home-v17 .v17-post-card__media{display:block;height:auto;min-height:0;border-radius:20px}
:where([data-front-page="home"]) .page-home-v17 .v17-post-card__body{padding:18px 2px}
:where([data-front-page="home"]) .page-home-v17 .v17-post-card h3{font-size:19px}
:where([data-front-page="home"]) .page-home-v17 .v17-blog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}
:where([data-front-page="home"]) .kh-consult{display:grid;grid-template-columns:1fr 1.1fr;background:#163f36;color:#faf5e7;border-radius:var(--kh-radius);overflow:hidden;min-height:380px}
:where([data-front-page="home"]) .kh-consult__copy{padding:46px;align-self:center}
:where([data-front-page="home"]) .kh-consult .kh-kicker{color:#d1c399}
:where([data-front-page="home"]) .kh-consult p{font-size:14px;line-height:2;color:#d1dacc;margin:18px 0 26px;max-width:360px}
:where([data-front-page="home"]) .kh-consult>img{width:100%;height:100%;object-fit:cover;min-height:380px}
:where([data-front-page="home"]) .page-home-v17 .v17-faq{padding-top:25px}
:where([data-front-page="home"]) .page-home-v17 .v17-faq .acc{border:0;border-bottom:1px solid var(--line);border-radius:0;background:none;box-shadow:none}
:where([data-front-page="home"]) .page-home-v17 .v17-faq .acc__head{padding:20px 0;font-size:15px;text-align:start}
@media(hover:hover){:where([data-front-page="home"]) .kh-skill:hover .kh-skill__photo img{transform:scale(1.035)}:where([data-front-page="home"]) .kh-skill:hover{transform:translateY(-4px);box-shadow:0 20px 40px #0b251512}:where([data-front-page="home"]) .page-home-v17 .v17-course-card:hover{transform:translateY(-4px);box-shadow:0 16px 32px #0b25150d}}
html:where([data-front-page="home"])[data-theme=dark] .page-home-v17{--kh-soft:#233b30;--gold-deep:#dcc28b}
html:where([data-front-page="home"])[data-theme=dark] .kh-roadmap__panel,html:where([data-front-page="home"])[data-theme=dark] .kh-roadmap .kh-link-button{color:#f5ecd5}
html:where([data-front-page="home"])[data-theme=dark] .kh-roadmap .kh-kicker,html:where([data-front-page="home"])[data-theme=dark] .kh-roadmap p{color:#c0ccba}
@media(max-width:1050px){:where([data-front-page="home"]) .kh-hero__grid{gap:28px}:where([data-front-page="home"]) .kh-hero__photo{height:455px}:where([data-front-page="home"]) .kh-photo-note{right:-10px}:where([data-front-page="home"]) .kh-actions{gap:12px}:where([data-front-page="home"]) .kh-roadmap__panel{gap:25px}:where([data-front-page="home"]) .kh-consult__copy{padding:30px}:where([data-front-page="home"]) .page-home-v17 .v17-course-grid,:where([data-front-page="home"]) .page-home-v17 .v17-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
:where([data-front-page="home"]) .kh-section{padding-block:36px}:where([data-front-page="home"]) .kh-hero{padding-top:24px}:where([data-front-page="home"]) .kh-hero__grid{grid-template-columns:1fr;gap:25px}:where([data-front-page="home"]) .kh-hero__copy{padding-block:5px}:where([data-front-page="home"]) .kh-hero h1{font-size:clamp(32px,8vw,43px);line-height:1.5;margin-bottom:18px;letter-spacing:-1px}:where([data-front-page="home"]) .kh-hero p{font-size:14px;max-width:100%}
:where([data-front-page="home"]) .kh-hero__foot{margin-top:23px}:where([data-front-page="home"]) .kh-hero__visual{padding:0 0 20px 6px}:where([data-front-page="home"]) .kh-hero__photo{height:360px;border-radius:80px 22px 22px 22px}:where([data-front-page="home"]) .kh-photo-note{right:12px;bottom:4px;padding:12px 17px}:where([data-front-page="home"]) .kh-photo-label{top:18px;left:22px;font-size:10px}
:where([data-front-page="home"]) .kh-actions{gap:18px;margin-top:22px}:where([data-front-page="home"]) .kh-actions .kf-button{font-size:12px;padding-inline:17px}:where([data-front-page="home"]) .kh-link-button{font-size:12px}
:where([data-front-page="home"]) .kh-stats{grid-template-columns:repeat(2,1fr);gap:14px 20px;padding-block:16px 24px;margin-top:0}:where([data-front-page="home"]) .kh-stats strong{font-size:30px}:where([data-front-page="home"]) .kh-stats article>span{font-size:11px}
:where([data-front-page="home"]) .kh-section-head{display:block;margin-bottom:24px}:where([data-front-page="home"]) .kh-section-head h2{font-size:29px}:where([data-front-page="home"]) .kh-section-head>p{font-size:13px;margin-top:15px}:where([data-front-page="home"]) .kh-kicker{margin-bottom:12px}
:where([data-front-page="home"]) .kh-skills__grid{grid-template-columns:1fr;gap:18px}:where([data-front-page="home"]) .kh-skill--listening,:where([data-front-page="home"]) .kh-skill--speaking,:where([data-front-page="home"]) .kh-skill--writing,:where([data-front-page="home"]) .kh-skill--reading{grid-column:auto;margin-top:0;height:auto}
:where([data-front-page="home"]) .kh-skill--listening,:where([data-front-page="home"]) .kh-skill--reading{min-height:440px}:where([data-front-page="home"]) .kh-skill--listening .kh-skill__copy,:where([data-front-page="home"]) .kh-skill--reading .kh-skill__copy{min-height:440px;padding:25px}:where([data-front-page="home"]) .kh-skill h3{font-size:26px}:where([data-front-page="home"]) .kh-skill p{font-size:13px}:where([data-front-page="home"]) .kh-skill__copy{padding:24px}:where([data-front-page="home"]) .kh-skill--speaking .kh-skill__photo{height:220px}:where([data-front-page="home"]) .kh-skill--writing .kh-skill__photo{height:210px}
:where([data-front-page="home"]) .kh-skills__foot{align-items:start;flex-direction:column;gap:4px}
:where([data-front-page="home"]) .kh-roadmap__panel{grid-template-columns:1fr;gap:8px;padding:12px;border-radius:23px}:where([data-front-page="home"]) .kh-roadmap__photo{height:240px}:where([data-front-page="home"]) .kh-roadmap__copy{padding:20px 14px}:where([data-front-page="home"]) .kh-roadmap h2,:where([data-front-page="home"]) .kh-consult h2{font-size:31px}
:where([data-front-page="home"]) .kh-consult{grid-template-columns:1fr}:where([data-front-page="home"]) .kh-consult__copy{padding:30px 26px}:where([data-front-page="home"]) .kh-consult>img{min-height:0;height:250px}:where([data-front-page="home"]) .kh-consult p{font-size:13px}
:where([data-front-page="home"]) .page-home-v17 .v17-course-grid,:where([data-front-page="home"]) .page-home-v17 .v17-blog-grid{grid-template-columns:1fr}:where([data-front-page="home"]) .page-home-v17 .v17-course-card__media{aspect-ratio:16/10}:where([data-front-page="home"]) .page-home-v17 .v17-post-card__media{aspect-ratio:16/10}:where([data-front-page="home"]) .page-home-v17 .v17-faq .acc__head{font-size:14px;gap:14px}
}
@media(prefers-reduced-motion:reduce){:where([data-front-page="home"]) .kh-skill,:where([data-front-page="home"]) .kh-skill__photo img,:where([data-front-page="home"]) .kh-link-button span{transition:none}:where([data-front-page="home"]) .kh-skill:hover,:where([data-front-page="home"]) .kh-skill:hover .kh-skill__photo img,:where([data-front-page="home"]) .kh-link-button:hover span{transform:none}}
:where([data-front-page="home"]) .kh-faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;align-items:center;padding-bottom:35px}
:where([data-front-page="home"]) .kh-faq-intro>img{width:100%;height:195px;object-fit:cover;border-radius:20px;margin-bottom:22px}
:where([data-front-page="home"]) .kh-faq-intro .v17-section-head{margin-bottom:0}
@media(max-width:760px){:where([data-front-page="home"]) .kh-faq-grid{grid-template-columns:1fr;gap:20px}:where([data-front-page="home"]) .kh-faq-intro>img{height:170px}}
:where([data-front-page="home"]) .kh-journey{--journey-ink:var(--text);--journey-gold:var(--brand-accent);background:none;padding-block:54px;overflow:clip}
:where([data-front-page="home"]) .kh-journey__stage{width:min(1480px,100%);margin:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.48fr);align-items:center;direction:rtl;gap:20px}
:where([data-front-page="home"]) .kh-journey__intro{grid-column:2;grid-row:1;padding:20px 24px 20px 12px;direction:rtl;z-index:1}
:where([data-front-page="home"]) .kh-journey__intro h2{font-size:clamp(30px,3.4vw,49px);line-height:1.65;letter-spacing:-1px;margin:0;font-weight:850;color:var(--text)}
:where([data-front-page="home"]) .kh-journey__intro h2 em{font-style:normal;color:var(--gold-deep)}
:where([data-front-page="home"]) .kh-journey__intro p{font-size:14px;line-height:2.1;color:var(--muted);margin-block:20px}
:where([data-front-page="home"]) .kh-journey__intro p bdi{font-weight:800;color:var(--text)}
:where([data-front-page="home"]) .kh-journey__actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px}
:where([data-front-page="home"]) .kh-journey__actions .kf-button{font-size:13px}
:where([data-front-page="home"]) .kh-journey__art{grid-column:1;grid-row:1;position:relative;aspect-ratio:1672/941;min-width:0;isolation:isolate;direction:ltr}
:where([data-front-page="home"]) .kh-journey__picture{position:absolute;inset:0;display:block;overflow:hidden;
mask-image:linear-gradient(90deg,transparent,#000 9%,#000 94%,transparent),linear-gradient(0deg,transparent,#000 10%,#000 89%,transparent);
mask-composite:intersect;
-webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 94%,transparent),linear-gradient(0deg,transparent,#000 10%,#000 89%,transparent);
-webkit-mask-composite:source-in}
:where([data-front-page="home"]) .kh-journey__picture img{display:block;width:100%;height:100%;object-fit:contain}
:where([data-front-page="home"]) .kh-journey__route{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
:where([data-front-page="home"]) .kh-journey__route--mobile{display:none}
:where([data-front-page="home"]) .kh-journey__route-line{fill:none;stroke:#edd494;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0;filter:drop-shadow(0 1px 2px #193c36)}
:where([data-front-page="home"]) .kh-journey.is-ready:not(.is-inview) .kh-journey__route-line{stroke-dashoffset:1}
:where([data-front-page="home"]) .kh-journey.is-inview .kh-journey__route-line{transition:stroke-dashoffset 2.3s cubic-bezier(.2,.7,.2,1)}
:where([data-front-page="home"]) .kh-journey__levels{list-style:none;padding:0;margin:0;position:absolute;inset:0;pointer-events:none}
:where([data-front-page="home"]) .kh-journey__level{position:absolute;display:flex;align-items:center;gap:7px;transform:translate(-50%,-100%);direction:rtl;padding:7px 10px;border-radius:12px;background:var(--bg-2);color:var(--text);border:1px solid var(--line);box-shadow:0 8px 22px #102c221b;min-width:78px;text-align:center;pointer-events:auto}
:where([data-front-page="home"]) .kh-journey__level>span:last-child{display:grid;gap:2px}
:where([data-front-page="home"]) .kh-journey__level b{font-family:Arial,sans-serif;font-size:15px;font-weight:800}
:where([data-front-page="home"]) .kh-journey__level small{font-size:9px;color:var(--muted);white-space:nowrap}
:where([data-front-page="home"]) .kh-journey__level-index{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:var(--brand-primary);color:#fff;font-size:9px}
:where([data-front-page="home"]) .kh-journey__level--c1{left:20%;top:80%}
:where([data-front-page="home"]) .kh-journey__level--b2{left:48%;top:72%}
:where([data-front-page="home"]) .kh-journey__level--b1{left:68%;top:60%}
:where([data-front-page="home"]) .kh-journey__level--a2{left:61%;top:51%}
:where([data-front-page="home"]) .kh-journey__level--a1{left:88%;top:28%;border-color:var(--brand-accent)}
:where([data-front-page="home"]) .kh-journey__level--a1 .kh-journey__level-index{background:var(--brand-gradient);color:#302710}
:where([data-front-page="home"]) .kh-journey.is-ready:not(.is-inview) .kh-journey__level{opacity:0;translate:0 8px}
:where([data-front-page="home"]) .kh-journey.is-inview .kh-journey__level{opacity:1;translate:0 0;transition:opacity .5s var(--delay),translate .5s var(--delay)}
@media(max-width:1100px) and (min-width:761px){:where([data-front-page="home"]) .kh-journey__stage{display:flex;flex-direction:column}:where([data-front-page="home"]) .kh-journey__intro{width:min(720px,100%);padding:0 28px}:where([data-front-page="home"]) .kh-journey__intro h2 br{display:none}:where([data-front-page="home"]) .kh-journey__art{width:100%}:where([data-front-page="home"]) .kh-journey__intro p{max-width:640px}:where([data-front-page="home"]) .kh-journey__level{font-size:12px}}
@media(max-width:760px){
:where([data-front-page="home"]) .kh-journey{padding-block:32px;background:none}:where([data-front-page="home"]) .kh-journey__stage{display:flex;flex-direction:column;gap:10px}
:where([data-front-page="home"]) .kh-journey__intro{padding:0 24px;width:100%}:where([data-front-page="home"]) .kh-journey__intro h2{font-size:clamp(29px,8vw,40px)}:where([data-front-page="home"]) .kh-journey__intro h2 br{display:none}:where([data-front-page="home"]) .kh-journey__intro p{font-size:13px;margin-block:12px}:where([data-front-page="home"]) .kh-journey__actions{gap:8px}:where([data-front-page="home"]) .kh-journey__actions .kh-link-button{font-size:11px}
:where([data-front-page="home"]) .kh-journey__art{width:100%;aspect-ratio:2/3}:where([data-front-page="home"]) .kh-journey__route--desktop{display:none}:where([data-front-page="home"]) .kh-journey__route--mobile{display:block}:where([data-front-page="home"]) .kh-journey__route-line{stroke-width:4}
:where([data-front-page="home"]) .kh-journey__picture{mask-image:linear-gradient(90deg,transparent,#000 7%,#000 95%,transparent),linear-gradient(0deg,transparent,#000 8%,#000 90%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 95%,transparent),linear-gradient(0deg,transparent,#000 8%,#000 90%,transparent)}
:where([data-front-page="home"]) .kh-journey__level{min-width:75px;padding:6px 8px;gap:5px}:where([data-front-page="home"]) .kh-journey__level b{font-size:14px}:where([data-front-page="home"]) .kh-journey__level small{font-size:8px}:where([data-front-page="home"]) .kh-journey__level-index{width:21px;height:23px}
:where([data-front-page="home"]) .kh-journey__level--c1{left:29%;top:80%}:where([data-front-page="home"]) .kh-journey__level--b2{left:77%;top:68%}:where([data-front-page="home"]) .kh-journey__level--b1{left:34%;top:55%}:where([data-front-page="home"]) .kh-journey__level--a2{left:82%;top:45%}:where([data-front-page="home"]) .kh-journey__level--a1{left:48%;top:23%}
}
@media(prefers-reduced-motion:reduce){:where([data-front-page="home"]) .kh-journey.is-ready .kh-journey__level{opacity:1;translate:none;transition:none}:where([data-front-page="home"]) .kh-journey.is-ready .kh-journey__route-line{stroke-dashoffset:0;transition:none}}
:where([data-front-page="home"]) .kh-editorial-label{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:600;color:var(--muted);margin-bottom:12px}
:where([data-front-page="home"]) .kh-editorial-label::before{content:"";width:28px;height:2px;background:var(--brand-accent)}
:where([data-front-page="home"]) .page-home-v17 .kh-display-title,:where([data-front-page="home"]) .page-home-v17 .v17-section-head .kh-display-title{font-size:clamp(34px,4vw,52px);font-weight:850;line-height:1.55;letter-spacing:-1.2px;margin:0 0 10px;color:var(--text)}
:where([data-front-page="home"]) .kh-display-title em{font-style:normal;color:var(--gold-deep)!important}
:where([data-front-page="home"]) .kh-display-title>span{color:var(--brand-accent);margin-inline-start:4px}
:where([data-front-page="home"]) .page-home-v17 .v17-section-head{padding-bottom:22px;border-bottom:1px solid var(--line);margin-bottom:30px}
:where([data-front-page="home"]) .page-home-v17 .v17-section-head p{font-size:14px;line-height:2}
:where([data-front-page="home"]) .page-home-v17 .v17-post-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:24px;background:var(--bg-2);box-shadow:0 8px 26px #102c2207;transition:transform .3s,box-shadow .3s,border-color .3s;overflow:hidden}
:where([data-front-page="home"]) .page-home-v17 .v17-post-card__media{margin:10px 10px 0;border-radius:16px;aspect-ratio:16/10;position:relative;overflow:hidden}
:where([data-front-page="home"]) .page-home-v17 .v17-post-card__media img{transition:transform .65s cubic-bezier(.2,.7,.2,1)}
:where([data-front-page="home"]) .page-home-v17 .v17-post-card__body{padding:20px 23px 24px;display:flex;flex-direction:column;flex:1}
:where([data-front-page="home"]) .kh-post-meta{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--gold-deep);margin-bottom:14px}
:where([data-front-page="home"]) .kh-post-meta>span{font-size:20px}
:where([data-front-page="home"]) .page-home-v17 .v17-post-card h3{font-size:21px;line-height:1.8;font-weight:800;margin-bottom:12px}
:where([data-front-page="home"]) .page-home-v17 .v17-post-card p{font-size:13px;line-height:2}
:where([data-front-page="home"]) .page-home-v17 .v17-post-card__body>.v17-text-link{margin-top:auto;border-top:1px solid var(--line);font-size:12px}
@media(hover:hover){:where([data-front-page="home"]) .page-home-v17 .v17-post-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px #102c2212;border-color:var(--brand-accent)}:where([data-front-page="home"]) .page-home-v17 .v17-post-card:hover img{transform:scale(1.045)}}
:where([data-front-page="home"]) .page-home-v17 .v17-post-card:focus-within{outline:2px solid var(--brand-accent);outline-offset:4px}
@media(max-width:760px){:where([data-front-page="home"]) .page-home-v17 .v17-section-head--row{flex-direction:row;align-items:center;gap:12px}:where([data-front-page="home"]) .page-home-v17 .v17-section-head--row>.v17-text-link{font-size:11px;white-space:nowrap}:where([data-front-page="home"]) .page-home-v17 .v17-section-head p{font-size:12px}:where([data-front-page="home"]) .page-home-v17 .v17-post-card h3{font-size:20px}:where([data-front-page="home"]) .page-home-v17 .kh-display-title,:where([data-front-page="home"]) .page-home-v17 .v17-section-head .kh-display-title{font-size:34px}}
@media(prefers-reduced-motion:reduce){:where([data-front-page="home"]) .page-home-v17 .v17-post-card,:where([data-front-page="home"]) .page-home-v17 .v17-post-card__media img{transition:none}:where([data-front-page="home"]) .page-home-v17 .v17-post-card:hover,:where([data-front-page="home"]) .page-home-v17 .v17-post-card:hover img{transform:none}}
/* Section: landing-polish */
:where([data-front-page="home"]) .page-home-v17 .v17-home{--kp-green:#184c3d;--kp-gold:#a77b2b;--kp-orange:#cc6339;--kp-ink:var(--site-text,#183e33);--kp-muted:var(--site-muted,#526a60)}
:where([data-front-page="home"]) .page-home-v17 .kh-hero{position:relative;isolation:isolate;overflow:hidden;padding:clamp(60px,8vw,112px) 0 76px;background:radial-gradient(ellipse at 15% 25%,#dfac5130,transparent 52%),radial-gradient(ellipse at 85% 65%,#93c7b335,transparent 52%),linear-gradient(150deg,#f8f4e7,#fffaf0 45%,#edf4ed)}
:where([data-front-page="home"]) .page-home-v17 .kh-hero::before{content:"";position:absolute;z-index:-1;inset:22px 8%;border:1px solid #bfa46429;border-radius:50%;transform:rotate(-12deg);pointer-events:none}
:where([data-front-page="home"]) .page-home-v17 .kh-hero__grid{display:block;min-height:0;text-align:center}
:where([data-front-page="home"]) .page-home-v17 .kh-hero__copy{max-width:960px;margin-inline:auto;padding:0;align-items:center}
:where([data-front-page="home"]) .page-home-v17 .kh-hero h1{font-size:clamp(44px,6.4vw,88px);font-weight:900;line-height:1.4;letter-spacing:-1.5px;margin:22px auto}
:where([data-front-page="home"]) .page-home-v17 .kh-hero h1 em{color:var(--kp-gold)}
:where([data-front-page="home"]) .page-home-v17 .kh-hero p{max-width:700px;font-size:clamp(18px,1.6vw,22px);line-height:2;margin:0 auto 28px;color:var(--kp-muted)}
:where([data-front-page="home"]) .page-home-v17 .kh-actions,:where([data-front-page="home"]) .page-home-v17 .kh-hero__foot{justify-content:center}
:where([data-front-page="home"]) .page-home-v17 .kh-hero__foot{margin-top:30px;font-size:15px}
:where([data-front-page="home"]) .page-home-v17 .kh-kicker{font-size:16px;font-weight:750}
:where([data-front-page="home"]) .page-home-v17 :is(.kh-section,.v17-faq){position:relative;padding-block:clamp(48px,6vw,88px);margin-block:0;border-top:1px solid #bba37324}
:where([data-front-page="home"]) .page-home-v17 .kh-journey{background:radial-gradient(ellipse at 80% 15%,#d1b46b18,transparent 65%)}
:where([data-front-page="home"]) .page-home-v17 .kh-skills{background:radial-gradient(ellipse at 5% 10%,#94c3ac35,transparent 48%),linear-gradient(140deg,#eff5ee85,#f8f5e633)}
:where([data-front-page="home"]) .page-home-v17 #courses{background:radial-gradient(ellipse at 85% 0%,#d0ac5b32,transparent 55%),linear-gradient(140deg,#f3eedf80,#e3eee877)}
:where([data-front-page="home"]) .page-home-v17 .kh-magazine{background:radial-gradient(ellipse at 10% 35%,#e9a2762b,transparent 60%),linear-gradient(140deg,#fdf3e677,#f3e9d955)}
:where([data-front-page="home"]) .page-home-v17 #consult{background:radial-gradient(ellipse at 80% 40%,#75b09d2a,transparent 60%)}
:where([data-front-page="home"]) .page-home-v17 .v17-faq{background:linear-gradient(145deg,#e8f1e744,#f8ecda55)}
:where([data-front-page="home"]) .page-home-v17 .kh-editorial-label{display:flex;align-items:center;gap:15px;font-size:clamp(21px,2.2vw,29px);line-height:1.6;font-weight:850;color:var(--kp-ink);margin-bottom:16px}
:where([data-front-page="home"]) .page-home-v17 .kh-editorial-label::before{content:"";flex:0 0 9px;width:9px;height:32px;border-radius:5px;background:linear-gradient(180deg,#206047,#d0a64f,#de814f);box-shadow:4px 0 0 #caa95c22}
:where([data-front-page="home"]) .page-home-v17 .kh-editorial-label::after{content:"";height:2px;max-width:100px;flex:1;background:linear-gradient(to left,#b08c45aa,transparent)}
:where([data-front-page="home"]) .page-home-v17 :is(.kh-display-title,.v17-section-head .kh-display-title,.kh-consult h2,.kh-faq-intro h2){font-size:clamp(34px,4vw,56px);font-weight:900;line-height:1.5;letter-spacing:-1px}
:where([data-front-page="home"]) .page-home-v17 .v17-section-head{border-bottom:1px solid #9eaa9445;padding-bottom:24px;margin-bottom:34px}
:where([data-front-page="home"]) .page-home-v17 .v17-section-head p{font-size:18px;line-height:1.9;color:var(--kp-muted)}
:where([data-front-page="home"]) .page-home-v17 :is(.kh-section-head,.v17-section-head--row){gap:28px;align-items:center}
:where([data-front-page="home"]) .page-home-v17 .kh-section-head>p{position:relative;max-width:560px;border:1px solid #b5c5b575;border-radius:24px 24px 5px 24px;background:linear-gradient(135deg,#ffffffb0,#ede5c980);padding:26px 32px;font-size:clamp(17px,1.6vw,21px);line-height:2;color:var(--kp-ink);box-shadow:0 14px 34px #183e3308}
:where([data-front-page="home"]) .page-home-v17 .kh-section-head>p::before{content:"“";position:absolute;inset-inline-end:18px;top:-24px;font-family:Georgia,serif;font-size:70px;line-height:1;color:#b38c42}
:where([data-front-page="home"]) .page-home-v17 .kh-section-head>p::after{content:"";position:absolute;bottom:-11px;inset-inline-start:28px;width:20px;height:20px;transform:rotate(45deg);background:#ede9d6;border-inline-end:1px solid #b5c5b575;border-bottom:1px solid #b5c5b575}
:where([data-front-page="home"]) .page-home-v17 :is(.kh-skill__copy p,.kh-journey__intro p,.kh-consult p,.acc__body p){font-size:17px;line-height:2}
:where([data-front-page="home"]) .page-home-v17 :is(.kh-skill__label,.kh-skill__tag,.kh-skills__foot,.kh-journey__level small){font-size:15px}
:where([data-front-page="home"]) .page-home-v17 :is(.kf-button,.v17-button-secondary,.kh-link-button,.v17-text-link){font-size:16px;line-height:1.65}
:where([data-front-page="home"]) .page-home-v17 .acc__head{font-size:18px;line-height:1.8}
:where([data-front-page="home"]) .page-home-v17 .kh-stats{padding-block:36px;gap:16px}
:where([data-front-page="home"]) .page-home-v17 .kh-stats article{padding:24px 12px;background:linear-gradient(150deg,#fff9,#d6e5d426);border:1px solid #bdcbb63b;border-radius:20px}
:where([data-front-page="home"]) .page-home-v17 .kh-stats article>span{font-size:16px;line-height:1.8}
:where([data-front-page="home"]) .page-home-v17 .kh-stats strong{font-size:clamp(32px,3.2vw,46px)}
:where([data-front-page="home"]) .page-home-v17 :is(.v17-course-card,.v17-post-card){--card-tint:#e6eddf;--card-accent:#285b48;display:flex;flex-direction:column;min-width:0;border:1px solid #aabcaa66;border-radius:28px;background:linear-gradient(150deg,var(--card-tint),var(--site-surface,#fffdf8));box-shadow:0 12px 34px #163c300a;overflow:hidden;transition:transform .25s,box-shadow .25s}
:where([data-front-page="home"]) .page-home-v17 :is(.v17-course-card,.v17-post-card):nth-child(3n+2){--card-tint:#f4e6bd;--card-accent:#8b641e}
:where([data-front-page="home"]) .page-home-v17 :is(.v17-course-card,.v17-post-card):nth-child(3n){--card-tint:#f4dfd0;--card-accent:#a54d2e}
:where([data-front-page="home"]) .page-home-v17 :is(.v17-course-card__media,.v17-post-card__media){display:block;position:relative;isolation:isolate;aspect-ratio:16/10;height:auto;min-height:0;margin:14px 14px 0;padding:12px;overflow:hidden;border-radius:22px 22px 48px 22px;background:linear-gradient(135deg,var(--card-accent),var(--card-tint));border:1px solid #fff7}
:where([data-front-page="home"]) .page-home-v17 :is(.v17-course-card__media,.v17-post-card__media)::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#122d3026,transparent 50%);pointer-events:none}
:where([data-front-page="home"]) .page-home-v17 :is(.v17-course-card__media,.v17-post-card__media) img{display:block;width:100%;height:100%;object-fit:cover;border-radius:13px 13px 36px 13px;transition:transform .5s}
:where([data-front-page="home"]) .page-home-v17 :is(.v17-course-card,.v17-post-card):nth-child(even) :is(.v17-course-card__media,.v17-post-card__media){border-radius:22px 48px 22px 22px}
:where([data-front-page="home"]) .page-home-v17 :is(.v17-course-card__body,.v17-post-card__body){padding:24px;display:flex;flex-direction:column;flex:1;min-width:0}
:where([data-front-page="home"]) .page-home-v17 :is(.v17-course-card,.v17-post-card) h3{font-size:clamp(22px,2vw,27px);font-weight:850;line-height:1.65;margin:0 0 14px;color:var(--kp-ink)}
:where([data-front-page="home"]) .page-home-v17 :is(.v17-course-card__body,.v17-post-card__body)>p{font-size:16px;line-height:1.95;color:var(--kp-muted);margin-bottom:22px}
:where([data-front-page="home"]) .page-home-v17 .kh-post-meta{font-size:14px;font-weight:750;color:var(--card-accent);margin-bottom:18px}
:where([data-front-page="home"]) .page-home-v17 .v17-post-card__body>.v17-text-link{font-size:16px;color:var(--card-accent);padding-top:18px}
:where([data-front-page="home"]) .page-home-v17 .v17-price{margin-top:auto;padding-block:16px;font-size:18px}
:where([data-front-page="home"]) .page-home-v17 .v17-price strong{font-size:24px}
:where([data-front-page="home"]) .page-home-v17 .v17-course-card__level{z-index:1;font-size:18px;border-radius:12px;background:#fff9;color:#163e33;backdrop-filter:blur(10px)}
:where([data-front-page="home"]) .page-home-v17 .v17-card-actions{display:flex;flex-wrap:wrap;gap:10px}
:where([data-front-page="home"]) .page-home-v17 .v17-card-actions>*{flex:1 1 130px}
:where([data-front-page="home"]) .page-home-v17 .v17-card-actions button{width:100%}
:where([data-front-page="home"]) .page-home-v17 .v17-blog-grid{align-items:start;gap:26px}
:where([data-front-page="home"]) .page-home-v17 .v17-post-card:nth-child(3n+2){margin-top:30px}
:where([data-front-page="home"]) .page-home-v17 .v17-post-card:nth-child(3n){margin-top:12px}
:where([data-front-page="home"]) .kc-offer-timer{display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:16px;border:1px solid #be9b4b66;background:linear-gradient(135deg,#e6cf9133,#769c8014);border-radius:18px;color:var(--site-text,#194536);min-width:0;box-shadow:inset 0 1px 0 #ffffff55}
:where([data-front-page="home"]) .kc-offer-timer>span:first-child{font-size:14px;font-weight:800}
:where([data-front-page="home"]) .kc-offer-timer [data-offer-clock]{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;direction:rtl;letter-spacing:0}
:where([data-front-page="home"]) .kc-clock-unit{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;border-radius:10px;overflow:hidden;background:linear-gradient(180deg,#204e3f,#15392f);color:#fff6df;box-shadow:0 4px 9px #123d3014;border:1px solid #ac905355}
:where([data-front-page="home"]) .kc-clock-digit{font-size:clamp(18px,2vw,26px);font-weight:850;font-variant-numeric:tabular-nums;line-height:1.65;padding:5px 2px;display:block;min-height:39px}
:where([data-front-page="home"]) .kc-clock-label{width:100%;font-size:12px;line-height:1.7;font-weight:600;text-align:center;padding:4px 0;background:#ffffff0c;border-top:1px solid #ffffff16;color:#f2e4bc}
:where([data-front-page="home"]) .kc-offer-timer [hidden]{display:none!important}
:where([data-front-page="home"]) .kc-offer-timer.is-expired{font-size:15px;line-height:1.8}
@media(hover:hover){:where([data-front-page="home"]) .page-home-v17 :is(.v17-course-card,.v17-post-card):hover{transform:translateY(-7px);box-shadow:0 22px 44px #153f3217}:where([data-front-page="home"]) .page-home-v17 :is(.v17-course-card,.v17-post-card):hover img{transform:scale(1.035)}}
html:where([data-front-page="home"])[data-theme="dark"] .page-home-v17 .kh-hero{background:radial-gradient(ellipse at 20% 10%,#bc8b2c25,transparent 55%),linear-gradient(145deg,#122c24,#10211d)}
html:where([data-front-page="home"])[data-theme="dark"] .page-home-v17 :is(.kh-section,.v17-faq){background:radial-gradient(ellipse at 85% 5%,#b3984620,transparent 65%),linear-gradient(145deg,#17342a44,#131e1922)}
html:where([data-front-page="home"])[data-theme="dark"] .page-home-v17 :is(.v17-course-card,.v17-post-card){--card-tint:#274b3a;--card-accent:#d5b675;background:linear-gradient(145deg,var(--card-tint),#182820)}
html:where([data-front-page="home"])[data-theme="dark"] .page-home-v17 :is(.v17-course-card,.v17-post-card):nth-child(3n+2){--card-tint:#484329}
html:where([data-front-page="home"])[data-theme="dark"] .page-home-v17 :is(.v17-course-card,.v17-post-card):nth-child(3n){--card-tint:#49342c}
html:where([data-front-page="home"])[data-theme="dark"] .page-home-v17 .kh-section-head>p{background:linear-gradient(135deg,#233c31,#373925);color:#edf2e8}
html:where([data-front-page="home"])[data-theme="dark"] .page-home-v17 .kh-section-head>p::after{background:#303a2c}
html:where([data-front-page="home"])[data-theme="dark"] .page-home-v17 .kh-stats article{background:#ffffff05}
@media(max-width:1000px){:where([data-front-page="home"]) .page-home-v17 :is(.v17-course-grid,.v17-blog-grid){grid-template-columns:repeat(2,minmax(0,1fr))}:where([data-front-page="home"]) .page-home-v17 .v17-post-card:nth-child(n){margin-top:0}:where([data-front-page="home"]) .page-home-v17 .kh-section-head{flex-direction:column;align-items:stretch}}
@media(max-width:760px){:where([data-front-page="home"]) .page-home-v17 .kh-hero{padding:52px 0}:where([data-front-page="home"]) .page-home-v17 .kh-hero h1{letter-spacing:-.8px;font-size:clamp(40px,9vw,58px)}:where([data-front-page="home"]) .page-home-v17 .kh-hero__foot{flex-wrap:wrap;gap:12px}:where([data-front-page="home"]) .page-home-v17 .kh-section-head>p{padding:24px;font-size:17px}:where([data-front-page="home"]) .page-home-v17 .v17-section-head--row{flex-direction:column;align-items:start}:where([data-front-page="home"]) .page-home-v17 .v17-section-head--row>.v17-text-link{font-size:16px}:where([data-front-page="home"]) .page-home-v17 .v17-section-head p{font-size:17px}:where([data-front-page="home"]) .page-home-v17 .kh-stats article>span{font-size:14px}:where([data-front-page="home"]) .page-home-v17 .kh-editorial-label{font-size:22px}:where([data-front-page="home"]) .page-home-v17 .kh-actions{flex-wrap:wrap}}
@media(max-width:560px){:where([data-front-page="home"]) .page-home-v17 :is(.v17-course-grid,.v17-blog-grid){grid-template-columns:1fr}:where([data-front-page="home"]) .page-home-v17 .kh-actions>*{width:100%;justify-content:center}:where([data-front-page="home"]) .page-home-v17 :is(.v17-course-card__body,.v17-post-card__body){padding:22px}}
@media(prefers-reduced-motion:reduce){:where([data-front-page="home"]) .page-home-v17 :is(.v17-course-card,.v17-post-card,.v17-course-card__media img,.v17-post-card__media img){transition:none;transform:none!important}}
:where([data-front-page="home"]) .kf-course-bottom{flex-wrap:wrap}
:where([data-front-page="home"]) .kf-course-bottom>.kc-offer-timer{flex:1 0 100%;order:3;width:100%}
/* Section: home-courses-three */
:where([data-front-page="home"]) .page-home-v17 #courses.kh-courses-three .v17-course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;align-items:stretch}
:where([data-front-page="home"]) .page-home-v17 #courses.kh-courses-three .v17-course-card{display:flex;flex-direction:column;min-width:0;border-radius:24px;overflow:hidden;background:var(--site-surface,#fffdf8);border:1px solid var(--site-border,#dce4d8);box-shadow:0 10px 30px #163d3009}
:where([data-front-page="home"]) .page-home-v17 #courses.kh-courses-three .v17-course-card .v17-course-card__media{display:block;position:relative;isolation:isolate;width:100%;height:auto;min-height:0;aspect-ratio:16/9;margin:0;padding:0;border:0;background:none;border-radius:0;overflow:hidden;flex-shrink:0}
:where([data-front-page="home"]) .page-home-v17 #courses.kh-courses-three .v17-course-card .v17-course-card__media::after{display:none}
:where([data-front-page="home"]) .page-home-v17 #courses.kh-courses-three .v17-course-card__media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;border:0;border-radius:0}
:where([data-front-page="home"]) .page-home-v17 #courses.kh-courses-three .v17-course-card__body{display:flex;flex-direction:column;flex:1;padding:24px;gap:0}
:where([data-front-page="home"]) .page-home-v17 #courses.kh-courses-three .v17-course-card h3{font-size:clamp(21px,1.8vw,26px);font-weight:850;line-height:1.7}
:where([data-front-page="home"]) .page-home-v17 #courses.kh-courses-three .v17-course-card__body>p{font-size:16px;line-height:1.9}
:where([data-front-page="home"]) .page-home-v17 #courses.kh-courses-three .v17-price{margin-top:auto}
:where([data-front-page="home"]) .page-home-v17 #courses.kh-courses-three .v17-empty{grid-column:1/-1}
:where([data-front-page="home"]) .page-home-v17 .kh-courses-more{display:flex;justify-content:center;align-items:center;gap:24px;margin-top:40px}
:where([data-front-page="home"]) .page-home-v17 .kh-courses-more__line{height:1px;flex:1;max-width:200px;background:linear-gradient(90deg,transparent,#b6985580,transparent)}
:where([data-front-page="home"]) .page-home-v17 .kh-courses-more__button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:60px;padding:10px 24px 10px 10px;border:1px solid #c7a45e;border-radius:18px;background:linear-gradient(125deg,#174c3c,#24624c);color:#fff6df;font-size:18px;font-weight:800;line-height:1.7;text-decoration:none;box-shadow:0 8px 20px #153e3218;transition:transform .25s,box-shadow .25s}
:where([data-front-page="home"]) .page-home-v17 .kh-courses-more__arrow{display:grid;place-items:center;width:40px;height:40px;flex-shrink:0;border-radius:12px;background:linear-gradient(135deg,#e9d598,#cda453);color:#163e30;font-size:24px;transition:transform .25s}
:where([data-front-page="home"]) .page-home-v17 .kh-courses-more__button:focus-visible{outline:3px solid #c7a45e;outline-offset:5px}
@media(hover:hover){:where([data-front-page="home"]) .page-home-v17 .kh-courses-more__button:hover{transform:translateY(-3px);box-shadow:0 14px 28px #153e3228}:where([data-front-page="home"]) .page-home-v17 .kh-courses-more__button:hover .kh-courses-more__arrow{transform:translateX(-3px)}}
@media(max-width:900px){:where([data-front-page="home"]) .page-home-v17 #courses.kh-courses-three .v17-course-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}}
@media(max-width:600px){:where([data-front-page="home"]) .page-home-v17 #courses.kh-courses-three .v17-course-grid{grid-template-columns:1fr}:where([data-front-page="home"]) .page-home-v17 .kh-courses-more{margin-top:28px;gap:12px}:where([data-front-page="home"]) .page-home-v17 .kh-courses-more__button{font-size:16px;gap:16px}:where([data-front-page="home"]) .page-home-v17 #courses.kh-courses-three .v17-course-card__body{padding:22px}}
@media(prefers-reduced-motion:reduce){:where([data-front-page="home"]) .page-home-v17 .kh-courses-more__button,:where([data-front-page="home"]) .page-home-v17 .kh-courses-more__arrow{transition:none;transform:none!important}}
/* Section: kochar-studio */
.ks-public{--ks-orange:#ed793a;--ks-green:#235344;--ks-gold:#bb944e;--ks-line:var(--site-border,#dce2d6);--ks-surface:var(--site-surface,#fffdf8);--ks-text:var(--site-text,#203d32);--ks-muted:var(--site-muted,#63746a);font-size:15px;line-height:1.85}
.ks-public :is(.kf-shell,.container){width:calc(100% - 48px);max-width:1240px;margin-inline:auto}
.ks-public .container--narrow{max-width:900px}
.ks-public :is(.kf-button,.btn,.v17-button-secondary){font-size:14px;min-height:42px;padding:10px 19px;border-radius:12px;line-height:1.6}
.ks-public :is(input,textarea,select){font:inherit}
.ks-public :is(.v17-section,.kf-section){padding-block:44px}
.ks-public .kf-page-heading{padding:42px 0 26px}
.ks-public .kf-page-heading h1{font-size:clamp(29px,3.1vw,42px);line-height:1.5;margin:8px 0 12px}
.ks-public .kf-page-heading p{font-size:15px;max-width:680px;line-height:1.9}
.ks-public .navbar__inner{min-height:70px}
.ks-public .mainnav a{font-size:14px}
.ks-public .topbar__inner{min-height:32px}
.ks-public .brand__fa{font-size:24px}
.ks-public .kc-nav-gold{padding:7px 12px!important}
.ks-public .kh-hero{padding:48px 0 44px}
.ks-public .kh-hero h1{font-size:clamp(36px,4.6vw,62px);line-height:1.4;margin:18px auto}
.ks-public .kh-hero p{font-size:17px;max-width:620px;margin-bottom:22px}
.ks-public .kh-hero__foot{font-size:13px;margin-top:20px}
.ks-public .kh-kicker{font-size:14px}
.ks-public .kh-section{padding-block:48px}
.ks-public .kh-hero::before{inset:12px 18%;opacity:.55}
.ks-public .kh-editorial-label{font-size:18px;font-weight:800;gap:10px;margin-bottom:8px}
.ks-public .kh-editorial-label::before{width:5px;flex-basis:5px;height:22px}
.ks-public :is(.kh-display-title,.v17-section-head .kh-display-title,.kh-consult h2,.kh-faq-intro h2){font-size:clamp(27px,2.5vw,36px);line-height:1.55;letter-spacing:-.5px}
.ks-public .v17-section-head{margin-bottom:22px;padding-bottom:16px}
.ks-public .v17-section-head p{font-size:15px}
.ks-public :is(.kh-skill__copy p,.kh-journey__intro p,.kh-consult p,.acc__body p){font-size:15px;line-height:1.95}
.ks-public .kh-section-head>p{font-size:16px;padding:20px 26px;max-width:470px}
.ks-public .kh-skill__copy{padding:24px}
.ks-public .kh-skill__copy h3{font-size:clamp(24px,2.5vw,34px)}
.ks-public :is(.kh-skill__label,.kh-skill__tag,.kh-skills__foot){font-size:13px}
.ks-public .kh-stats{padding-block:22px}
.ks-public .kh-stats article{padding:18px 10px}
.ks-public .kh-stats strong{font-size:32px}
.ks-public .kh-stats article>span{font-size:13px}
.ks-public #courses.kh-courses-three .v17-course-grid{gap:22px}
.ks-public #courses.kh-courses-three .v17-course-card__body{padding:19px}
.ks-public #courses.kh-courses-three .v17-course-card h3{font-size:19px;line-height:1.65}
.ks-public #courses.kh-courses-three .v17-course-card__body>p{font-size:14px;line-height:1.85;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ks-public #courses .v17-price strong{font-size:20px}
.ks-public #courses .v17-card-actions{gap:8px}
.ks-public #courses .v17-card-actions :is(a,button){font-size:13px;padding:9px 12px}
.ks-public .kh-courses-more{margin-top:25px}
.ks-public .kh-courses-more__button{min-height:48px;font-size:15px;padding:7px 18px 7px 7px;gap:20px}
.ks-public .kh-courses-more__arrow{width:32px;height:32px;font-size:20px}
.ks-public .kh-magazine{padding-block:36px;background:radial-gradient(ellipse at 85% 15%,#eabd6530,transparent 65%),linear-gradient(120deg,#ed793a09,#d9be7620)}
.ks-home-posts{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.ks-home-posts .ks-post{display:grid;grid-template-columns:minmax(140px,43%) 1fr;min-height:155px}
.ks-home-posts .ks-post__image{aspect-ratio:auto;margin:8px;height:calc(100% - 16px);min-height:135px}
.ks-home-posts .ks-post__body{padding:15px 8px 15px 15px}
.ks-home-posts .ks-post h3{font-size:16px;-webkit-line-clamp:2}
.ks-home-posts .ks-post p{font-size:13px;-webkit-line-clamp:2;margin:6px 0}
.ks-home-posts .ks-meta{font-size:11px}
.ks-home-posts .ks-text-link{font-size:12px}
.ks-page-head{padding:42px 0 22px;max-width:760px}
.ks-page-head h1{font-size:clamp(30px,3vw,42px);line-height:1.5;margin:8px 0 10px}
.ks-page-head em{color:var(--ks-gold);font-style:normal}
.ks-page-head p{font-size:15px;color:var(--ks-muted)}
.ks-eyebrow{font-size:12px;font-weight:750;color:var(--ks-orange);display:inline-block}
.ks-section{margin-block:42px}
.ks-section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}
.ks-section-head h2{font-size:24px;margin:0;line-height:1.6}
.ks-head-actions{display:flex;gap:18px;align-items:center}
.ks-text-link{font-size:13px;font-weight:700;color:var(--ks-orange);text-decoration:none}
.ks-text-link:hover{text-decoration:underline;text-underline-offset:5px}
.ks-text-button,.ks-motion-button{font:inherit;color:var(--ks-green);background:transparent;border:1px solid var(--ks-line);padding:7px 12px;border-radius:10px;cursor:pointer}
.ks-search{display:flex;gap:8px;max-width:580px}
.ks-search label{flex:1;min-width:0}
.ks-search input{width:100%;padding:12px 16px;border:1px solid var(--ks-line);border-radius:12px;background:var(--ks-surface);color:var(--ks-text)}
.ks-categories{display:flex;gap:8px;overflow:auto;padding:18px 0 24px}
.ks-categories a{white-space:nowrap;color:var(--ks-muted);font-size:13px;padding:7px 15px;border:1px solid var(--ks-line);border-radius:30px;text-decoration:none;background:var(--ks-surface)}
.ks-categories a[aria-current=page]{color:var(--ks-text);background:linear-gradient(120deg,#efb66b50,#e6ce8b55);border-color:#ba985188}
.ks-mosaic{display:grid;grid-template-columns:1.35fr 1fr;grid-template-rows:repeat(6,64px);gap:16px}
.ks-mosaic__card{position:relative;overflow:hidden;border-radius:22px;display:block;isolation:isolate;background:#24463a;grid-row:span 2}
.ks-mosaic__card:nth-child(-n+2){grid-column:1;grid-row:span 3}
.ks-mosaic__card:nth-child(3){grid-column:2;grid-row:1/span 2}
.ks-mosaic__card:nth-child(4){grid-column:2;grid-row:3/span 2}
.ks-mosaic__card:nth-child(5){grid-column:2;grid-row:5/span 2}
.ks-mosaic__card img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.ks-mosaic__card>div{position:absolute;inset:auto 0 0;padding:35px 22px 18px;background:linear-gradient(transparent,#102d25e8);color:#fff}
.ks-mosaic__card h2{font-size:18px;line-height:1.65;margin:4px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ks-mosaic__card span{font-size:11px;color:#ffce99}
.ks-rail{display:flex;gap:18px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#bdad8260 transparent;padding:5px 2px 18px;scroll-padding-inline:2px}
.ks-rail>*{flex:0 0 calc((100% - 54px)/3.3);min-width:0;scroll-snap-align:start}
.ks-rail:focus-visible{outline:2px solid var(--ks-gold);outline-offset:4px}
.ks-rail-controls{display:flex;align-items:center;gap:9px;flex-shrink:0}
.ks-rail-controls button{width:34px;height:34px;border:1px solid var(--ks-line);border-radius:50%;background:var(--ks-surface);color:var(--ks-text);font:inherit;cursor:pointer}
.ks-rail-controls button:hover:not(:disabled){background:#ed793a20;border-color:var(--ks-orange)}
.ks-rail-controls button:disabled{opacity:.35;cursor:default}
.ks-rail-controls span{font-size:11px;color:var(--ks-muted);min-width:40px;text-align:center}
.ks-rail-controls [hidden]{display:none}
.ks-post,.ks-course{border:1px solid var(--ks-line);border-radius:18px;background:var(--ks-surface);overflow:hidden;display:flex;flex-direction:column;box-shadow:0 6px 20px #203d3205;transition:transform .25s,box-shadow .25s}
.ks-post__image,.ks-course__image{display:block;position:relative;aspect-ratio:16/9;margin:8px 8px 0;overflow:hidden;border-radius:12px}
.ks-post__image img,.ks-course__image img{width:100%;height:100%;object-fit:cover}
.ks-course__image>span{position:absolute;bottom:10px;right:10px;font-size:12px;border-radius:8px;padding:3px 9px;background:#ffffffdd;color:#163e32}
.ks-post__body,.ks-course__body{padding:17px;display:flex;flex:1;flex-direction:column}
.ks-meta{font-size:11px;color:var(--ks-gold)}
.ks-post h3,.ks-course h3{font-size:17px;line-height:1.7;margin:8px 0}
.ks-post h3 a,.ks-course h3 a{color:var(--ks-text);text-decoration:none}
.ks-post h3,.ks-post p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.ks-post p{font-size:13px;line-height:1.9;color:var(--ks-muted);margin:0 0 14px}
.ks-post .ks-text-link,.ks-course .ks-text-link{margin-top:auto;padding-top:14px}
.ks-course .kf-price strong{font-size:18px}
.ks-band{border-radius:24px;padding:24px;background:linear-gradient(130deg,#dbe5db55,#efbd7e18)}
.ks-pagination{display:flex;justify-content:center;align-items:center;gap:20px;font-size:13px}
.ks-pagination a{color:var(--ks-text);padding:8px 14px;border:1px solid var(--ks-line);border-radius:10px}
.ks-inline-consult{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:28px;border:1px solid #c7aa6055;border-radius:24px;background:linear-gradient(120deg,#d8e5d844,#f0c36a25);margin:36px 0 48px}
.ks-inline-consult h2{font-size:25px;margin:5px 0}
.ks-inline-consult p{font-size:14px;color:var(--ks-muted)}
.ks-public .kc-offer-timer{padding:10px;gap:6px;margin-block:10px;border-radius:13px;background:linear-gradient(120deg,#f5e1b833,#ec80351c);box-shadow:none;border-color:#c6a86b55;max-width:330px}
.ks-public .kc-offer-timer>span:first-child{font-size:11px}
.ks-public .kc-offer-timer [data-offer-clock]{gap:4px}
.ks-public .kc-clock-unit{background:linear-gradient(145deg,#fff4df,#f2d4a6 60%,#eeae8333);color:#5a3a22;border:1px solid #d8b98660;box-shadow:none;border-radius:7px}
.ks-public .kc-clock-digit{font-size:18px;min-height:27px;line-height:1.4;padding:4px 1px}
.ks-public .kc-clock-label{font-size:10px;color:#765033;background:#ffffff40;padding:1px 0;border-top:1px solid #d1a97033}
.ks-public .kc-offer-timer.is-expired{font-size:12px}
.ks-course .kc-offer-timer{max-width:none}
.ks-public.page-courses-list .kf-course{grid-template-columns:minmax(220px,.8fr) minmax(0,1.7fr);min-height:0;border-radius:20px}
.ks-public.page-courses-list .kf-course-image{aspect-ratio:16/9}
.ks-public.page-courses-list .kf-course-body{padding:20px 24px}
.ks-public.page-courses-list .kf-course-body h3{margin:5px 0 8px}
.ks-public.page-courses-list .kf-course-body>p{font-size:14px}
.ks-public.page-courses-list .kf-course-meta{font-size:12px}
.ks-public.page-courses-list .kf-course-grid{gap:20px;padding-top:20px}
.ks-public.page-courses-list .kf-price strong{font-size:21px}
.ks-public .kf-filters :is(input,select){font-size:14px;padding:11px 14px}
.ks-consult-collage{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;align-items:center;padding:32px;margin:30px 0 46px;border-radius:26px;background:radial-gradient(ellipse at 10% 15%,#eca86c30,transparent 70%),linear-gradient(120deg,#d7e3d855,#f0e1ba44);border:1px solid #b4c4ab55}
.ks-consult-collage h2{font-size:29px;line-height:1.55;margin:8px 0}
.ks-consult-collage p{font-size:15px;line-height:1.95;color:var(--ks-muted)}
.ks-consult-collage__images{position:relative;height:280px;display:flex;align-items:center;gap:14px}
.ks-consult-collage__images img{width:48%;height:80%;object-fit:cover;border-radius:65px 18px 18px 18px;transform:rotate(-4deg);box-shadow:0 14px 30px #21473416}
.ks-consult-collage__images img:nth-child(2){border-radius:18px 18px 65px 18px;transform:rotate(5deg) translateY(15px)}
.ks-consult-collage__images span{position:absolute;bottom:6px;left:calc(50% - 48px);padding:7px 12px;border:1px solid #ead69c;background:#fff7e9;color:#284737;border-radius:12px;font-size:14px;font-weight:800;direction:ltr}
.ks-public.page-course-v17 .v17-course-hero{padding:28px 0}
.ks-public.page-course-v17 .v17-course-hero__grid{gap:24px;align-items:center}
.ks-public.page-course-v17 .v17-buy-card{padding:20px;border-radius:20px}
.ks-public.page-course-v17 .v17-buy-card h1{font-size:23px}
.ks-public.page-course-v17 .v17-buy-card>p{font-size:14px}
.ks-public.page-course-v17 .v17-course-cover,.ks-public.page-course-v17 .v17-video-frame{aspect-ratio:16/9;min-height:0;height:auto}
.ks-public.page-course-v17 .v17-course-layout{grid-template-columns:minmax(0,1fr) 275px;gap:24px;align-items:stretch}
.ks-public.page-course-v17 .v17-content-card{padding:24px;border-radius:20px}
.ks-public.page-course-v17 .v17-content-card h2{font-size:28px;line-height:1.6}
.ks-public.page-course-v17 .v17-content-card h3{font-size:22px;line-height:1.7}
.ks-public.page-course-v17 :is(.v17-richtext,.v17-lead,.v17-feature-list){font-size:15px;line-height:2}
.ks-public.page-course-v17 .v17-course-stats{gap:10px;margin-top:20px}
.ks-public.page-course-v17 .v17-course-stats>div{padding:15px 8px}
.ks-public.page-course-v17 .v17-course-stats strong{font-size:15px}
.ks-public.page-course-v17 .v17-course-stats span{font-size:12px}
.ks-public .v17-course-sidebar{align-self:stretch;position:relative;min-height:1px}
.ks-public [data-sticky-trigger]{display:block;height:1px}
.ks-public .v17-sticky-buy{position:sticky;top:calc(var(--ks-header-height,74px) + 14px);padding:19px;border-radius:18px;gap:12px;max-height:calc(100dvh - var(--ks-header-height,74px) - 28px);overflow:auto}
.ks-public .v17-sticky-buy h3{font-size:17px;line-height:1.7}
.ks-public .v17-sticky-buy__price{font-size:21px}
.ks-public .v17-sticky-buy.ks-sticky-pending{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(14px)}
.ks-public .v17-sticky-buy.ks-sticky-ready{visibility:visible;opacity:1;transform:translateY(0);transition:opacity .45s,transform .45s}
.ks-teacher{display:flex;align-items:center;gap:12px;margin:12px 0 18px;padding:10px 12px;width:fit-content;background:linear-gradient(120deg,#d8e4d733,#efd49433);border-radius:14px}
.ks-teacher img{width:50px;height:50px;border-radius:50%;object-fit:cover}
.ks-teacher small,.ks-teacher strong{display:block}
.ks-teacher small{font-size:11px;color:var(--ks-muted)}
.ks-teacher strong{font-size:14px}
.ks-public .v17-instructor>img{width:62px;height:62px;border-radius:16px;object-fit:cover}
.ks-benefit-images{display:grid;grid-template-columns:1.3fr 1fr;grid-template-rows:85px 85px;gap:10px;margin:18px 0}
.ks-benefit-images figure{position:relative;overflow:hidden;border-radius:13px;margin:0}
.ks-benefit-images figure:first-child{grid-row:span 2}
.ks-benefit-images img{width:100%;height:100%;object-fit:cover}
.ks-benefit-images figcaption{position:absolute;inset:auto 0 0;color:#fff;background:linear-gradient(transparent,#123d30c9);padding:20px 12px 8px;font-size:12px}
.ks-contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:28px;margin:14px 0 44px}
.ks-contact-info,.ks-contact-form{border:1px solid var(--ks-line);border-radius:24px;padding:28px;background:var(--ks-surface)}
.ks-contact-info{background:linear-gradient(145deg,#dbe7d940,#f4cf9940)}
.ks-contact-info h2,.ks-contact-form h2{font-size:25px;margin:12px 0}
.ks-contact-info>p{font-size:14px;color:var(--ks-muted)}
.ks-contact-art{position:relative;border-radius:18px;padding:24px;background:linear-gradient(120deg,#204e3d,#3d7251);color:#fff4df;overflow:hidden;min-height:150px}
.ks-contact-art span{display:block;font:italic 35px Georgia,serif;color:#edc980}
.ks-contact-art b{font-size:26px}
.ks-contact-art i{position:absolute;font-size:110px;opacity:.16;left:14px;top:5px}
.ks-contact-row{display:flex;justify-content:space-between;gap:18px;padding:17px 0;border-bottom:1px solid #a8b89d50;color:var(--ks-text);text-decoration:none;font-size:14px}
.ks-contact-row>span{font-size:12px;color:var(--ks-muted);flex-shrink:0}
.ks-contact-row p{margin:0}
.ks-contact-form label{display:flex;flex-direction:column;gap:7px;font-size:13px;margin-bottom:18px}
.ks-contact-form :is(input:not([type=checkbox]),textarea){width:100%;padding:11px 13px;background:var(--ks-surface);border:1px solid var(--ks-line);border-radius:11px;color:var(--ks-text)}
.ks-form-two{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.ks-contact-form .ks-consent{flex-direction:row;align-items:center;font-size:12px}
.ks-contact-form :focus-visible{outline:2px solid #dbad66;outline-offset:3px}
.ks-success{color:#246c47;background:#d5ebd955;padding:12px;border-radius:10px}
.ks-errors{color:#a53a2a}
.ks-contact-faq{max-width:800px;margin:0 auto 48px}
.ks-contact-faq h2{font-size:25px}
.ks-contact-faq details{padding:16px 0;border-bottom:1px solid var(--ks-line)}
.ks-contact-faq summary{cursor:pointer;font-weight:750}
.ks-contact-faq p{font-size:14px;color:var(--ks-muted)}
.ks-public.page-studio-about .about-hero{padding:48px 0 30px;background:radial-gradient(ellipse at 15% 30%,#ed793a15,transparent 60%),linear-gradient(140deg,#d9e9d733,#f3dda733)}
.ks-public.page-studio-about .about-hero__title{font-size:clamp(29px,3vw,42px);max-width:850px;line-height:1.6;margin-inline:auto}
.ks-public.page-studio-about .about-hero__sub{font-size:16px;max-width:760px;line-height:2}
.ks-public.page-studio-about .section{padding:46px 0}
.ks-public.page-studio-about .section-title{font-size:29px}
.ks-public.page-studio-about .section-sub{font-size:15px}
.ks-public.page-studio-about .story__card{padding:28px;border-radius:24px;border:1px solid var(--ks-line);background:var(--ks-surface);box-shadow:0 16px 42px #1e483008}
.ks-public.page-studio-about .story__text p{font-size:15px;line-height:2.1}
.ks-public.page-studio-about .timeline__body p{font-size:13px;line-height:1.9}
.ks-team-panels{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;max-width:960px;margin:36px auto 15px;align-items:center;padding:15px}
.ks-team-panels>div{height:245px;overflow:hidden;border-radius:28px 10px;background:#dce6d5;border:1px solid #c3cdbb;transform:perspective(700px) rotateY(-8deg);box-shadow:0 16px 26px #29453213}
.ks-team-panels>div:nth-child(2n){height:210px;transform:translateY(12px) perspective(700px) rotateY(8deg)}
.ks-team-panels>div:nth-child(3){height:300px;transform:translateY(-8px)}
.ks-team-panels img{width:100%;height:100%;object-fit:cover}
.ks-public.page-studio-about .team__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.ks-public.page-studio-about .member{border:1px solid var(--ks-line);border-radius:22px;overflow:hidden;background:var(--ks-surface);box-shadow:0 10px 30px #163d3008}
.ks-public.page-studio-about .member__photo{height:250px;aspect-ratio:auto;overflow:hidden}
.ks-public.page-studio-about .member__photo img{width:100%;height:100%;object-fit:cover;object-position:center 25%}
.ks-public.page-studio-about .member__body{padding:20px}
.ks-public.page-studio-about .member__name{font-size:21px}
.ks-public.page-studio-about .member__role{font-size:13px;color:var(--ks-orange)}
.ks-public.page-studio-about .member__bio{font-size:14px;line-height:1.95}
.ks-demo-note{font-size:12px;color:var(--ks-muted);margin-bottom:20px}
.ks-public .kg-page{padding-block:25px 50px}
.ks-public .kg-page h1{font-size:clamp(28px,3vw,42px);line-height:1.5}
.ks-public .kg-page h2{font-size:clamp(24px,2.4vw,32px);line-height:1.6;margin-bottom:18px}
.ks-public .kg-page h3{font-size:18px}
.ks-public .kg-page p{font-size:14px;line-height:1.95}
.ks-public .kg-hero{gap:24px;grid-template-columns:1.4fr 1fr}
.ks-public .kg-buy h2{font-size:24px}
.ks-public .kg-card{padding:22px;border-radius:20px}
.ks-public .kg-section{margin-top:44px}
.ks-public .kg-facts{margin:25px 0;padding:18px 0}
.ks-public .kg-facts strong{font-size:27px}
.ks-public .kg-facts span{font-size:12px}
.ks-public .kg-tabs a{font-size:13px;padding:9px 15px}
.ks-public .kg-level{font-size:35px}
.ks-public .kg-faq summary{font-size:15px}
.ks-public .kg-grid .kg-card:nth-child(3n+1){background:linear-gradient(140deg,#cee2d345,#ffffef25)}
.ks-public .kg-grid .kg-card:nth-child(3n+2){background:linear-gradient(140deg,#efdbac55,#ffffff22)}
.ks-public .kg-grid .kg-card:nth-child(3n){background:linear-gradient(140deg,#f1cbb345,#ffffff22)}
.ks-public .kg-installments{background:linear-gradient(130deg,#ead6a633,#c9e1cf33)}
.ks-campaign-gallery figure{margin:0;overflow:hidden;border-radius:18px;border:1px solid var(--ks-line);background:var(--ks-surface)}
.ks-campaign-gallery figure img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}
.ks-campaign-gallery figcaption{padding:12px 16px;font-size:14px;font-weight:750}
.ks-resource{background:var(--ks-surface);border:1px solid var(--ks-line);border-radius:18px;padding:10px;display:flex;flex-direction:column}
.ks-resource>img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:11px;margin-bottom:12px}
.ks-resource>:not(img){margin-inline:6px}
.ks-public .ks-resource h3{font-size:16px;line-height:1.7}
.ks-public .ks-resource p{font-size:12px}
.ks-resource-rail>*{flex-basis:calc((100% - 60px)/4.2)}
.ks-public #kf-consult[open]{animation:ks-dialog-in .36s cubic-bezier(.2,.8,.2,1)}
.ks-public #kf-consult[open]::backdrop{animation:ks-backdrop-in .3s ease;background:#102d2585;backdrop-filter:blur(5px)}
.ks-public #kf-consult{max-width:540px;width:calc(100% - 28px);max-height:85dvh;padding:28px;border-radius:23px}
.ks-public #kf-consult h2{font-size:26px}
.ks-public #kf-consult p{font-size:14px}
.ks-public #kf-consult label{font-size:13px}
.ks-public .kh-journey .ks-step-1{left:20%;top:80%}
.ks-public .kh-journey .ks-step-2{left:43%;top:73%}
.ks-public .kh-journey .ks-step-3{left:64%;top:63%}
.ks-public .kh-journey .ks-step-4{left:61%;top:51%}
.ks-public .kh-journey .ks-step-5{left:76%;top:43%}
.ks-public .kh-journey .ks-step-6{left:88%;top:28%;border-color:var(--ks-gold)}
.ks-public .kh-journey__level small{font-size:10px}
.ks-public .kh-journey.is-inview .kh-journey__route-line{animation:ks-road-draw 9s ease-in-out infinite;transition:none}
.ks-public .kh-journey.is-inview .kh-journey__level{animation:ks-road-float 4s ease-in-out infinite;animation-delay:var(--delay,0s)}
.ks-public .kh-journey.is-inview .kh-journey__picture{animation:ks-road-breathe 8s ease-in-out infinite}
.ks-public .ks-motion-button{font-size:11px;padding:5px 9px;margin-bottom:10px}
.ks-motion-paused *,.ks-motion-away *{animation-play-state:paused!important}
@keyframes ks-dialog-in{from{opacity:0;transform:translateY(22px) scale(.97)}to{opacity:1;transform:none}}
@keyframes ks-backdrop-in{from{opacity:0}to{opacity:1}}
@keyframes ks-road-draw{0%,12%{stroke-dashoffset:1}62%,87%{stroke-dashoffset:0}100%{stroke-dashoffset:1}}
@keyframes ks-road-float{0%,100%{translate:0 0}50%{translate:0 -5px}}
@keyframes ks-road-breathe{0%,100%{filter:brightness(1)}50%{filter:brightness(1.04)}}
@media(hover:hover){.ks-post:hover,.ks-course:hover{transform:translateY(-4px);box-shadow:0 14px 25px #234d3010}.ks-mosaic__card:hover img{transform:scale(1.035)}.ks-team-panels>div:hover{transform:translateY(-8px);transition:transform .3s}}
html[data-theme=dark] .ks-public .kc-clock-unit{background:linear-gradient(140deg,#53452c,#563b2a);color:#ffe6b8;border-color:#a7834c55}
html[data-theme=dark] .ks-public .kc-clock-label{color:#ebcc9a;background:#ffffff04}
html[data-theme=dark] .ks-public .kc-offer-timer{background:linear-gradient(120deg,#bd853b15,#dd713313)}
@media(min-width:2200px){.ks-public :is(.kf-shell,.container){max-width:1440px}.ks-public .ks-rail>*{flex-basis:calc((100% - 72px)/4)}.ks-public .ks-resource-rail>*{flex-basis:calc((100% - 80px)/5)}}
@media(max-width:1000px){.ks-rail>*{flex-basis:calc((100% - 36px)/2.4)}.ks-public.page-course-v17 .v17-course-layout{grid-template-columns:minmax(0,1fr) 245px}.ks-home-posts .ks-post{grid-template-columns:40% 1fr}.ks-home-posts .ks-post p{-webkit-line-clamp:2}.ks-contact-grid{gap:18px}.ks-public.page-studio-about .team__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ks-team-panels{gap:10px}.ks-team-panels>div{height:200px}.ks-team-panels>div:nth-child(3){height:255px}.ks-team-panels>div:nth-child(2n){height:175px}.ks-consult-collage{gap:24px;padding:24px}}
@media(max-width:760px){.ks-public :is(.kf-shell,.container){width:calc(100% - 28px)}.ks-public .kh-section,.ks-public .v17-section,.ks-public .kf-section{padding-block:30px}.ks-public .kh-hero{padding:36px 0}.ks-public .kh-hero h1{font-size:38px}.ks-public .kh-hero p{font-size:16px}.ks-public .kh-editorial-label{font-size:16px}.ks-public .kh-section-head>p{font-size:15px}.ks-home-posts{grid-template-columns:1fr;gap:14px}.ks-home-posts .ks-post{min-height:145px}.ks-home-posts .ks-post__image{min-height:125px}.ks-section{margin-block:30px}.ks-section-head h2{font-size:21px}.ks-head-actions{gap:10px}.ks-section-head{align-items:start}.ks-band{padding:17px}.ks-mosaic{grid-template-rows:repeat(6,48px);gap:10px}.ks-mosaic__card{border-radius:15px}.ks-mosaic__card h2{font-size:14px}.ks-mosaic__card>div{padding:28px 12px 12px}.ks-mosaic__card span{font-size:10px}.ks-rail>*{flex-basis:76%}.ks-resource-rail>*{flex-basis:56%}.ks-inline-consult{padding:22px;flex-direction:column;align-items:start}.ks-inline-consult h2{font-size:23px}.ks-contact-grid{grid-template-columns:1fr}.ks-contact-info,.ks-contact-form{padding:22px}.ks-consult-collage{grid-template-columns:1fr;gap:16px}.ks-consult-collage__images{height:210px;max-width:380px;width:100%;margin:auto}.ks-consult-collage h2{font-size:24px}.ks-public.page-courses-list .kf-course{grid-template-columns:1fr}.ks-public.page-courses-list .kf-course-image{width:100%}.ks-public.page-courses-list .kf-course-body{padding:19px}.ks-public.page-course-v17 .v17-course-layout{grid-template-columns:1fr}.ks-public .v17-sticky-buy{position:relative;top:auto;max-height:none}.ks-public.page-course-v17 .v17-content-card{padding:20px}.ks-public.page-course-v17 .v17-content-card h2{font-size:23px}.ks-public.page-course-v17 .v17-content-card h3{font-size:20px}.ks-public.page-course-v17 .v17-course-stats{grid-template-columns:1fr 1fr}.ks-public .kg-hero{grid-template-columns:1fr}.ks-public .kg-grid,.ks-public .kg-grid-four{grid-template-columns:1fr 1fr}.ks-public .kg-section{margin-top:30px}.ks-public .kg-page h2{font-size:24px}.ks-public .kg-card{padding:18px}.ks-public .kg-instructor{gap:18px}.ks-public .kh-journey .ks-step-1{left:29%;top:80%}.ks-public .kh-journey .ks-step-2{left:77%;top:68%}.ks-public .kh-journey .ks-step-3{left:34%;top:55%}.ks-public .kh-journey .ks-step-4{left:82%;top:45%}.ks-public .kh-journey .ks-step-5{left:60%;top:36%}.ks-public .kh-journey .ks-step-6{left:48%;top:23%}.ks-team-panels>div{height:145px;border-radius:16px 7px}.ks-team-panels>div:nth-child(2n){height:125px}.ks-team-panels>div:nth-child(3){height:175px}.ks-public.page-studio-about .member__photo{height:205px}.ks-public .kh-stats article>span{font-size:12px}}
@media(max-width:480px){.ks-mosaic{grid-template-columns:1fr 1fr;grid-template-rows:200px 145px 145px}.ks-mosaic__card:nth-child(n){grid-column:auto;grid-row:auto}.ks-mosaic__card:first-child{grid-column:1/-1}.ks-mosaic__card:nth-child(n+4){grid-row:3}.ks-form-two{grid-template-columns:1fr;gap:0}.ks-public.page-studio-about .team__grid{grid-template-columns:1fr}.ks-public.page-studio-about .member{display:grid;grid-template-columns:115px 1fr}.ks-public.page-studio-about .member__photo{height:100%;min-height:210px}.ks-public.page-studio-about .member__body{padding:16px}.ks-public.page-studio-about .member__name{font-size:18px}.ks-public.page-studio-about .member__bio{font-size:13px}.ks-public .kg-grid,.ks-public .kg-grid-four{grid-template-columns:1fr}.ks-public .kg-feedback{grid-template-columns:1fr}.ks-public .kg-page h1{font-size:28px}.ks-contact-row{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.ks-public *{scroll-behavior:auto!important}.ks-public :is(.kh-journey__route-line,.kh-journey__level,.kh-journey__picture,#kf-consult[open]){animation:none!important}.ks-public :is(.ks-post,.ks-course,.ks-mosaic__card img,.ks-team-panels>div,.v17-sticky-buy){transition:none!important}}
@media(prefers-reduced-motion:reduce){.ks-public #kf-consult[open]::backdrop{animation:none!important}}
.ks-public .kf-article-heading{margin:30px auto;max-width:850px}
.ks-public .kf-article-heading h1{font-size:clamp(28px,3vw,40px);line-height:1.6}
.ks-public .kf-article-cover{max-height:440px;margin-bottom:32px;border-radius:20px}
.ks-public .kf-article{font-size:16px;line-height:2.05}
.ks-public .kf-article h2{font-size:27px}
.ks-public .kf-article h3{font-size:22px}
.ks-public .kf-consult-banner{padding:28px;margin-block:28px 40px}
.ks-public .kf-consult-banner h2{font-size:27px}
.ks-public .kf-reading-layout{gap:30px;grid-template-columns:190px minmax(0,760px)}
@media(max-width:900px){.ks-public .kf-reading-layout{grid-template-columns:minmax(0,1fr)}}
/* Section: kochar-detail */
.ks-public :is(.kf-course,.kf-course-body,.kf-course-image,.kf-course-bottom,.v17-course-media,.v17-buy-card,.ks-resource,.kd-included-grid>article){min-width:0;max-width:100%;box-sizing:border-box}
.ks-public.page-courses-list .kf-course{grid-template-columns:clamp(220px,29vw,340px) minmax(0,1fr);align-items:stretch;gap:0;overflow:hidden}
.ks-public.page-courses-list .kf-course-image{position:relative;width:100%;height:auto;aspect-ratio:16/10;max-height:230px;min-height:0;align-self:center;overflow:hidden;border-radius:16px;margin:12px;width:calc(100% - 24px)}
.ks-public.page-courses-list .kf-course-image img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:100%;object-fit:cover}
.ks-public.page-courses-list .kf-course-body{padding:18px 22px;overflow-wrap:anywhere}
.ks-public.page-courses-list .kf-course-body h3{font-size:21px;line-height:1.65;margin:4px 0 6px}
.ks-public.page-courses-list .kf-course-body>p{min-height:0;margin:6px 0}
.ks-public.page-courses-list .kf-course-meta{margin-top:8px;flex-wrap:wrap}
.ks-public.page-courses-list .kf-course-bottom{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:8px 16px;margin-top:12px;padding-top:12px;align-items:center}
.ks-public.page-courses-list .kf-course-bottom>.kf-price{grid-column:1;grid-row:1;min-width:0}
.ks-public.page-courses-list .kf-course-bottom>.kc-offer-timer{grid-column:1;grid-row:2;width:min(330px,100%);max-width:100%;box-sizing:border-box;margin:0}
.ks-public.page-courses-list .kf-course-bottom>.kf-round{grid-column:2;grid-row:1/span 2;width:42px;height:42px;flex-shrink:0}
.ks-public :is(.ks-benefit-images,.kd-faq-images,.kd-included-grid){min-width:0;max-width:100%;box-sizing:border-box}
.ks-public .ks-benefit-images{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);grid-template-rows:90px 90px;height:190px}
.ks-public .ks-benefit-images figure{min-width:0;min-height:0}
.ks-public .ks-benefit-images img{display:block;width:100%;height:100%;max-width:100%;object-fit:cover}
.ks-public.page-course-v17 .v17-course-hero__grid{grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);align-items:stretch;gap:22px}
.ks-public.page-course-v17 .v17-course-media{position:relative;display:block;aspect-ratio:auto;min-height:360px;max-width:100%}
.ks-public.page-course-v17 .v17-course-media :is(.v17-video-frame,.v17-course-cover){position:absolute;inset:0;width:100%;height:100%;min-height:0;max-width:100%;aspect-ratio:auto;margin:0;overflow:hidden;border-radius:20px}
.ks-public.page-course-v17 .v17-video-frame .site-teaser{display:flex;flex-direction:column;width:100%;height:100%;min-height:0;max-width:100%}
.ks-public.page-course-v17 .v17-video-frame .site-teaser video{display:block;flex:1 1 0;width:100%;height:0!important;min-height:0;max-width:100%;object-fit:contain!important;aspect-ratio:auto!important;border-radius:0}
.ks-public.page-course-v17 .v17-course-cover img{display:block;width:100%;height:100%;object-fit:contain;background:#122e26}
.ks-public.page-course-v17 .v17-video-frame .kf-text-link{flex:0 0 auto;padding:8px 13px;font-size:11px}
.ks-public.page-course-v17 .v17-buy-card{padding:18px;justify-content:flex-start;gap:0}
.ks-public.page-course-v17 .v17-buy-card h1{font-size:clamp(19px,1.55vw,23px);line-height:1.6;margin:8px 0;overflow-wrap:anywhere}
.ks-public.page-course-v17 .v17-buy-card>p{font-size:13px;line-height:1.85;margin:0 0 8px}
.ks-public.page-course-v17 .v17-buy-price{margin:8px 0;padding:9px 0}
.ks-public.page-course-v17 .v17-buy-price>strong{font-size:25px}
.ks-public.page-course-v17 .v17-buy-features{margin:0 0 12px;padding-block:8px;font-size:12px;gap:5px}
.ks-public.page-course-v17 .v17-buy-card .kc-offer-timer{margin:7px 0;padding:7px;width:100%;max-width:330px}
.ks-public.page-course-v17 .v17-buy-card>.v17-pill{position:absolute;inset-inline-end:18px;top:18px;font-size:11px;min-height:25px}
.ks-public.page-course-v17 .v17-buy-card{position:relative}
.kd-badge{font-size:11px;color:var(--ks-gold);padding-inline-end:40px}
.kd-breadcrumb{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding-top:20px;font-size:12px;color:var(--ks-muted)}
.kd-breadcrumb a{color:var(--ks-green);text-decoration:none}
.kd-breadcrumb a:hover{color:var(--ks-orange)}
.kd-coupon{padding:10px 12px;border:1px dashed #bb954d;border-radius:12px;background:linear-gradient(115deg,#eed9a72b,#edb97833);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 8px;margin:8px 0}
.kd-coupon>span{font-size:12px;font-weight:750}
.kd-coupon p{font-size:11px;margin:0}
.kd-coupon button{grid-column:2;grid-row:1/span 2;display:flex;gap:12px;align-items:center;border:0;border-radius:8px;padding:7px 10px;color:var(--ks-green);background:#fff8df;cursor:pointer}
.kd-coupon small{grid-column:1/-1;font-size:11px}
.kd-sticky-summary{padding-inline-start:18px;font-size:12px;line-height:1.9;color:var(--ks-muted)}
.kd-check-list{padding:0;margin:12px 0 0;list-style:none;display:grid;gap:12px}
.kd-check-list li{display:flex;align-items:flex-start;gap:10px}
.kd-check-list li>span{display:grid;place-items:center;flex:0 0 25px;height:25px;border-radius:50%;color:#245741;background:#d4e6d64d;font-size:14px}
.kd-check-list p{margin:0;font-size:14px;line-height:1.95}
.kd-negative .kd-check-list li>span{background:#ebbb9d33;color:#a65e39}
.kd-included-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}
.kd-included-grid article{display:flex;gap:12px;border:1px solid var(--ks-line);border-radius:14px;padding:12px;background:linear-gradient(125deg,#e5cf8b12,#dbe8d51f)}
.kd-included-grid article>img{width:62px;height:75px;flex:0 0 62px;object-fit:cover;border-radius:9px}
.kd-included-grid h4{font-size:14px;margin:0 0 6px}
.kd-included-grid p{font-size:12px;margin:0;line-height:1.85;color:var(--ks-muted)}
.kd-resource-rail>*{flex-basis:calc((100% - 36px)/2.7)}
.kd-resource-rail .ks-resource{min-width:0}
.kd-resource-rail .ks-resource>img{display:block;width:100%;height:auto;aspect-ratio:4/3;max-height:180px;object-fit:cover}
.kd-resource-rail h4{font-size:15px;margin-block:7px}
.kd-resource-rail p{font-size:12px;color:var(--ks-muted)}
.kd-resource-rail>.kd-resource-empty{flex-basis:100%;display:flex;align-items:center;gap:18px;border:1px dashed var(--ks-line);border-radius:16px;padding:16px;box-sizing:border-box}
.kd-resource-empty img{width:110px;max-width:30%;aspect-ratio:1;object-fit:cover;border-radius:12px}
.kd-resource-empty h4{font-size:16px}
.ks-public .kd-course-detail .ks-section-head h3{margin:0;font-size:22px}
.ks-public .kd-course-detail .v17-course-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
.ks-public .kd-course-detail .v17-course-stats>div{min-width:0}
.ks-public .kd-course-detail .v17-course-stats span{line-height:1.8}
.ks-public .kd-course-detail .v17-instructor>div{min-width:0}
.ks-public .kd-course-detail .v17-instructor span{white-space:pre-line;font-size:14px;line-height:1.95}
.kd-consult{border-top:1px solid var(--ks-line);padding-top:12px;font-size:13px}
.kd-consult summary{cursor:pointer;font-weight:750;display:flex;justify-content:space-between;gap:8px}
.kd-consult[open] form{animation:kd-in .25s ease}
.kd-consult form{padding-top:14px}
.kd-consult label,.kd-review-form label{display:flex;flex-direction:column;gap:6px;font-size:12px;margin-bottom:13px}
.kd-consult :is(input:not([type=checkbox]),select),.kd-review-form :is(input:not([type=checkbox]),select,textarea){width:100%;min-width:0;box-sizing:border-box;border:1px solid var(--ks-line);border-radius:9px;background:var(--ks-surface);color:var(--ks-text);padding:9px 10px;font:inherit}
.kd-consult .kd-consent,.kd-review-form .kd-consent{flex-direction:row;align-items:start;line-height:1.8}
.kd-consent input{margin-top:5px}
.kd-consult :focus-visible,.kd-review-form :focus-visible{outline:2px solid #c6a45d;outline-offset:3px}
.kd-guarantee-card{display:flex;align-items:center;gap:24px;padding:30px;border-radius:22px;border:1px solid #b69a5850;background:linear-gradient(120deg,#dac08224,#e4ebd73d)}
.kd-guarantee-card>div{flex:1;min-width:0}
.kd-guarantee-card h2{font-size:25px;margin:8px 0}
.kd-guarantee-card p{font-size:14px;line-height:2;white-space:pre-line}
.kd-guarantee-mark{display:grid;place-items:center;flex:0 0 68px;height:76px;font-size:35px;color:#967537;border:1px solid #b79a62;border-radius:25px 25px 45px 45px;background:linear-gradient(140deg,#fff3c8,#d0b573)}
.kd-signature{font:italic 32px Georgia,serif;color:#9c8247}
.kd-reviews-layout{display:grid;grid-template-columns:minmax(0,1fr) 315px;gap:26px;align-items:start}
.kd-reviews-layout .v17-section-head h2{font-size:28px;line-height:1.7}
.kd-reviews{display:grid;gap:14px}
.kd-review,.kd-review-form{border:1px solid var(--ks-line);background:var(--ks-surface);border-radius:18px;padding:22px;min-width:0}
.kd-review header{display:flex;gap:12px;align-items:center}
.kd-avatar{width:38px;height:38px;display:grid;place-items:center;flex-shrink:0;border-radius:12px;color:#74582e;background:linear-gradient(135deg,#eedba84d,#cde1ce44)}
.kd-review strong{font-size:14px}
.kd-review small{display:block;font-size:11px;color:var(--ks-muted)}
.kd-rating{color:#b28735;margin-inline-start:auto;white-space:nowrap;font-size:14px}
.kd-review p{font-size:14px;line-height:2;white-space:pre-line;overflow-wrap:anywhere}
.kd-review-empty{text-align:center;padding:35px 20px}
.kd-review-empty>span{font-size:34px;color:#bb9855}
.kd-review-empty h3{font-size:21px}
.kd-review-form{position:sticky;top:calc(var(--ks-header-height,80px) + 15px);max-height:calc(100dvh - var(--ks-header-height,80px) - 30px);overflow:auto}
.kd-review-form h3{font-size:23px;margin:0 0 8px}
.kd-review-form>p{font-size:12px;color:var(--ks-muted);line-height:1.9}
.ks-public .kd-golden-feature{background:radial-gradient(ellipse at 12% 0,#fff9dbe0,transparent 55%),linear-gradient(118deg,#b48b3f 0%,#f5e0a0 27%,#dac071 56%,#fff0b9 78%,#bc9446 100%);border:1px solid #b08b42;color:#263c2c;box-shadow:0 12px 32px #94753213;gap:28px;padding:28px;isolation:isolate}
.ks-public .kd-golden-feature :is(h2,h3,p,.kg-kicker){color:#34412a}
.ks-public .kd-golden-feature h2{font-size:29px}
.ks-public .kd-golden-feature .kg-grid{min-width:0;gap:14px}
.ks-public .kd-golden-feature .kg-card{position:relative;min-width:0;overflow:hidden;padding:10px 10px 16px;border:1px solid #fff6d48a;background:linear-gradient(150deg,#fff9e3d9,#ead698bc);border-radius:18px;box-shadow:0 6px 18px #765a1f12;text-decoration:none}
.ks-public .kd-golden-feature .kd-path-photo{display:block;width:100%;height:auto;max-height:150px;aspect-ratio:16/10;object-fit:cover;border-radius:11px}
.ks-public .kd-golden-feature .kg-level{position:absolute;top:18px;right:18px;background:#fff1bdde;border:1px solid #e2c77d;color:#5b4a22;border-radius:8px;padding:3px 8px;font-size:17px}
.ks-public .kd-golden-feature .kg-card h3{font-size:17px;margin:12px 5px 4px}
.ks-public .kd-golden-feature .kg-card p{font-size:12px;margin:0 5px}
.ks-public .kd-golden-feature .kf-button{color:#f7d785;background:linear-gradient(115deg,#123e30,#2b6042)}
.ks-public.page-studio-campaign main{background:radial-gradient(ellipse at 92% 5%,#f3d37250,transparent 42%),linear-gradient(155deg,#b88b3714,#fff3b940 26%,#bc914621 60%,#ead69b24)}
.ks-public.page-studio-campaign .kg-hero{padding:24px;border:1px solid #bd96465e;border-radius:26px;background:radial-gradient(ellipse at 10% 10%,#fff8ddec,transparent 60%),linear-gradient(130deg,#b68b4166,#f5dea388 45%,#ddbf7488)}
.ks-public.page-studio-campaign .kg-buy{background:linear-gradient(150deg,var(--ks-surface),#eedba23b);border-color:#c4a26366}
.ks-public.page-studio-campaign .kg-tabs{background:linear-gradient(100deg,#f1ddae,#fff6d5,#d8bb77);border:1px solid #b9984d5c;border-radius:14px;padding:8px}
.ks-public.page-studio-campaign .kg-tabs a{color:#3b452a}
.ks-public.page-studio-campaign .kg-grid .kg-card{background:linear-gradient(145deg,#e6c67525,var(--ks-surface));border-color:#b6934c55}
.ks-public .kd-learning-card>img{display:block;width:100%;height:auto;max-height:220px;aspect-ratio:16/9;object-fit:cover;border-radius:12px;margin-bottom:15px}
.ks-public.page-studio-campaign .kg-section h2 em{color:#9c752b}
.ks-public.page-studio-campaign .kg-installments{background:linear-gradient(120deg,#f4dfaa44,#cfa95333)}
.ks-public.page-home-v17 .kd-gold-link,.ks-public.page-home-v17 .kd-gold-link:visited{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:48px;padding:7px 18px 7px 7px;border:1px solid #c3a25c;border-radius:16px;background:linear-gradient(120deg,#153d30,#2a6045);color:#f4d485!important;font-size:15px;font-weight:800;text-decoration:none;line-height:1.7;box-shadow:0 8px 20px #173c3015;white-space:normal}
.ks-public.page-home-v17 .kd-gold-link:hover{color:#ffe6a9!important}
.ks-public.page-home-v17 .kd-gold-link>.kh-courses-more__arrow{display:grid;place-items:center;width:33px;height:33px;flex:0 0 33px;border-radius:10px;background:linear-gradient(135deg,#f7dfa0,#b48b40);color:#183e2d;font-size:20px}
.ks-public.page-home-v17 .kd-gold-link:focus-visible{outline:3px solid #c6a15b;outline-offset:4px}
.ks-public .kh-skills__foot{gap:26px;align-items:center;margin-top:26px}
.kd-skill-dialog{position:relative;display:flex;gap:16px;align-items:center;padding:19px 26px;border-radius:24px 24px 8px 24px;border:1px solid #b3cbb566;background:linear-gradient(135deg,#1e4d3c,#356748);color:#fff4d1;box-shadow:0 10px 22px #204f3812;max-width:600px;box-sizing:border-box}
.kd-skill-dialog::after{content:"";position:absolute;bottom:-9px;right:30px;width:16px;height:16px;background:#285840;transform:rotate(45deg);border-radius:0 0 4px 0}
.kd-dialog-mark{font-size:29px;color:#e2bc67}
.kd-skill-dialog small{display:block;font-size:11px;color:#d8d9b6}
.kd-skill-dialog strong{display:block;font-size:18px;line-height:1.8}
.kd-skill-dots{display:flex!important;gap:5px;margin-top:9px}
.kd-skill-dots i{display:block;width:6px;height:6px;border-radius:50%;background:#e8c476}
.kd-skill-dots i:nth-child(2n){background:#95bca2}
.ks-public .kd-faq-images{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:360px;margin:0 auto 24px;padding:12px;align-items:center}
.kd-faq-images figure{position:relative;min-width:0;margin:0;aspect-ratio:1;overflow:hidden;border-radius:16px;border:1px solid #c4b47755;box-shadow:0 7px 16px #173f3010}
.kd-faq-images figure:nth-child(2){transform:translateY(12px);border-radius:40px 16px 16px 16px}
.kd-faq-images figure:nth-child(3){transform:translateY(-4px);border-radius:16px 16px 40px 16px}
.ks-public .kh-faq-intro .kd-faq-images img{position:absolute;inset:0;width:100%;height:100%;min-height:0;max-width:100%;object-fit:cover;display:block;margin:0;border-radius:0;aspect-ratio:auto}
.kd-faq-images figcaption{position:absolute;bottom:8px;inset-inline:8px;padding:4px 8px;border:1px solid #fff7d86b;border-radius:8px;background:#fff8e6dc;color:#2b4936;font-size:11px;text-align:center}
@keyframes kd-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
@media(hover:hover){.kd-golden-feature .kg-card{transition:transform .25s,box-shadow .25s}.kd-golden-feature .kg-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #79592226}.kd-faq-images img{transition:transform .5s}.kd-faq-images figure:hover img{transform:scale(1.05)}}
html[data-theme=dark] .ks-public.page-studio-campaign .kg-hero{background:linear-gradient(130deg,#684d23,#393b25 48%,#745b2b)}
html[data-theme=dark] .ks-public.page-studio-campaign .kg-tabs{background:linear-gradient(110deg,#554322,#2e3d2d)}
html[data-theme=dark] .ks-public.page-studio-campaign .kg-tabs a{color:#f1d58e}
html[data-theme=dark] .ks-public.page-studio-campaign .kg-section h2 em{color:#e2bd67}
@media(max-width:1000px){.ks-public.page-course-v17 .v17-course-hero__grid{grid-template-columns:minmax(0,1fr) minmax(320px,1fr)}.ks-public .kd-golden-feature{grid-template-columns:minmax(0,1fr);gap:22px}.kd-included-grid{grid-template-columns:minmax(0,1fr)}.kd-reviews-layout{grid-template-columns:minmax(0,1fr) 285px;gap:18px}}
@media(max-width:800px){.ks-public.page-course-v17 .v17-course-hero__grid{grid-template-columns:minmax(0,1fr)}.ks-public.page-course-v17 .v17-course-media{min-height:0;aspect-ratio:auto}.ks-public.page-course-v17 .v17-course-media :is(.v17-video-frame,.v17-course-cover){position:relative;inset:auto;height:auto;aspect-ratio:auto}.ks-public.page-course-v17 .v17-video-frame .site-teaser video{flex:none;aspect-ratio:16/9!important;height:auto!important}.ks-public.page-course-v17 .v17-course-cover{aspect-ratio:16/9!important}.ks-public.page-course-v17 .v17-buy-card h1{font-size:23px}.kd-reviews-layout{grid-template-columns:minmax(0,1fr)}.kd-review-form{position:static;max-height:none}.kd-guarantee-card{gap:16px;padding:22px}.kd-signature{display:none}.ks-public.page-studio-campaign .kg-hero{padding:16px}.ks-public .kh-skills__foot{flex-direction:column;align-items:stretch}.kd-skill-dialog{max-width:none}.ks-public .kh-skills__foot .kd-gold-link{align-self:center}}
@media(max-width:640px){.ks-public.page-courses-list .kf-course{grid-template-columns:minmax(0,1fr)}.ks-public.page-courses-list .kf-course-image{max-height:none;aspect-ratio:16/9;align-self:auto;margin:10px;width:calc(100% - 20px)}.ks-public.page-courses-list .kf-course-body{padding:10px 18px 18px}.ks-public.page-courses-list .kf-course-body h3{font-size:20px}.ks-public .kd-golden-feature{padding:18px}.ks-public .kd-golden-feature h2{font-size:25px}.ks-public .kd-golden-feature .kg-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ks-public .kd-golden-feature .kg-card h3{font-size:15px}.ks-public .kd-golden-feature .kg-card p{font-size:11px}.kd-resource-rail>*{flex-basis:76%}.kd-resource-empty{align-items:start!important}.kd-resource-empty img{width:70px}.kd-guarantee-card{align-items:flex-start}.kd-guarantee-mark{flex-basis:42px;height:49px;font-size:24px}.kd-guarantee-card h2{font-size:21px}.kd-reviews-layout .v17-section-head h2{font-size:24px}.kd-review{padding:17px}.kd-rating{font-size:12px}.kd-skill-dialog{padding:18px}.kd-skill-dialog strong{font-size:16px}.ks-public .kd-faq-images{max-width:290px;gap:10px}.ks-public.page-home-v17 .v17-section-head--row:has(.kd-gold-link){flex-wrap:wrap;gap:16px}.ks-public.page-home-v17 .kd-gold-link{font-size:14px;gap:12px}.ks-public .kd-course-detail .ks-section-head{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.kd-consult[open] form{animation:none}.kd-golden-feature .kg-card,.kd-faq-images img{transition:none}}
/* Section: kochar-final-polish */
.ks-public.page-courses-list .kp-course-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,300px);grid-template-rows:auto auto;gap:16px 20px;align-items:start}
.ks-public.page-courses-list .kp-course-copy{grid-column:1;grid-row:1;min-width:0;overflow-wrap:anywhere}
.ks-public.page-courses-list .kp-course-copy>.kf-eyebrow{font-size:12px;margin:0 0 8px;color:var(--ks-muted)}
.ks-public.page-courses-list .kp-course-copy>p:not(.kf-eyebrow){font-size:14px;line-height:1.9;color:var(--ks-muted);margin:8px 0;min-height:0}
.ks-public.page-courses-list .kp-course-timer{grid-column:2;grid-row:1;min-width:0;align-self:start;padding-top:5px}
.ks-public.page-courses-list .kp-course-timer:empty{display:none}
.ks-public.page-courses-list .kp-course-timer .kc-offer-timer{width:100%;max-width:300px;box-sizing:border-box;margin:0}
.ks-public.page-courses-list .kp-course-body>.kf-course-bottom{grid-column:1/-1;grid-row:2;margin:0;align-self:end}
.ks-public.page-courses-list .kp-course-body>.kf-course-bottom>.kf-round{grid-row:1}
.ks-public.page-courses-list .kp-course-body:not(:has(.kc-offer-timer)) .kp-course-copy{grid-column:1/-1}
.ks-public.page-studio-blog .kp-blog-band{--kp-tint:#d7e8d6;--kp-edge:#91ad90;padding:26px;border:1px solid color-mix(in srgb,var(--kp-edge) 35%,transparent);border-radius:25px;background:radial-gradient(ellipse at 95% 0,color-mix(in srgb,var(--kp-tint) 80%,transparent),transparent 68%),linear-gradient(125deg,color-mix(in srgb,var(--kp-tint) 58%,var(--ks-surface)),var(--ks-surface));position:relative}
.ks-public.page-studio-blog .kp-tone-gold{--kp-tint:#f0dda2;--kp-edge:#bb9850}
.ks-public.page-studio-blog .kp-tone-peach{--kp-tint:#f4d2b9;--kp-edge:#d39369}
.ks-public.page-studio-blog .kp-tone-blue{--kp-tint:#cfe3ec;--kp-edge:#80a6b7}
.ks-public.page-studio-blog .kp-tone-lilac{--kp-tint:#e0d8ed;--kp-edge:#a597bc}
.ks-public.page-studio-blog .kp-tone-mint{--kp-tint:#cce5de;--kp-edge:#7fab9f}
.ks-public.page-studio-blog .kp-tone-sand{--kp-tint:#e8dfc4;--kp-edge:#b1a277}
.ks-public.page-studio-blog .kp-tone-rose{--kp-tint:#edd7d3;--kp-edge:#bd9187}
.ks-public.page-studio-blog .kp-blog-band .ks-section-head{border-bottom:1px solid color-mix(in srgb,var(--kp-edge) 30%,transparent);padding-bottom:15px}
.ks-public.page-studio-blog .kp-blog-band .ks-section-head h2::before{content:"";display:inline-block;width:5px;height:20px;background:var(--kp-edge);border-radius:5px;margin-inline-end:10px;vertical-align:middle}
.ks-public.page-studio-blog .ks-mosaic__card{--kp-cover:#47715c;--kp-glow:#e0bc64;isolation:isolate}
.ks-public.page-studio-blog .ks-mosaic__card:nth-child(2){--kp-cover:#887042;--kp-glow:#f0d58d}
.ks-public.page-studio-blog .ks-mosaic__card:nth-child(3){--kp-cover:#496d76;--kp-glow:#badcd9}
.ks-public.page-studio-blog .ks-mosaic__card:nth-child(4){--kp-cover:#956949;--kp-glow:#e2bc83}
.ks-public.page-studio-blog .ks-mosaic__card:nth-child(5){--kp-cover:#6c667c;--kp-glow:#dad0b2}
.ks-public.page-studio-blog .ks-mosaic__card::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(145deg,color-mix(in srgb,var(--kp-glow) 25%,transparent),color-mix(in srgb,var(--kp-cover) 38%,transparent));box-shadow:inset 0 0 0 1px #fff8df35;transition:opacity .3s}
.ks-public.page-studio-blog .ks-mosaic__card>img{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;filter:saturate(.85)}
.ks-public.page-studio-blog .ks-mosaic__card>div{z-index:2;background:linear-gradient(transparent,#112d25d9 48%,#10251ff5);padding-top:45px;color:#fffaf0}
.ks-public.page-studio-blog .ks-mosaic__card>div>span{display:inline-block;background:#fff7df22;border:1px solid #f3dfb24d;border-radius:7px;padding:2px 7px;color:#ffe3a4;margin-bottom:4px}
.ks-public.page-studio-blog .ks-mosaic__card h2{color:#fffaf0;text-shadow:0 1px 5px #0005}
.ks-public .kd-golden-feature .kg-card{transition:background .25s,border-color .25s,transform .25s,box-shadow .25s}
.ks-public .kd-golden-feature .kg-card:focus-visible{background:#fff!important;border-color:#fff;outline:3px solid #4d6845;outline-offset:3px}
@media(hover:hover){.ks-public .kd-golden-feature .kg-card:hover{background:#fff!important;border-color:#fff;box-shadow:0 12px 25px #785d2626}.ks-public.page-studio-blog .ks-mosaic__card:hover::after{opacity:.65}}
html[data-theme=dark] .ks-public.page-studio-blog .kp-blog-band{background:radial-gradient(ellipse at 95% 0,color-mix(in srgb,var(--kp-edge) 24%,transparent),transparent 70%),linear-gradient(130deg,color-mix(in srgb,var(--kp-edge) 15%,var(--ks-surface)),var(--ks-surface))}
@media(max-width:1100px){.ks-public.page-courses-list .kp-course-body{grid-template-columns:minmax(0,1fr)}.ks-public.page-courses-list .kp-course-copy{grid-column:1;grid-row:1}.ks-public.page-courses-list .kp-course-timer{grid-column:1;grid-row:2;padding:0;justify-self:start;width:min(300px,100%)}.ks-public.page-courses-list .kp-course-body>.kf-course-bottom{grid-column:1;grid-row:3}}
@media(max-width:640px){.ks-public.page-studio-blog .kp-blog-band{padding:17px;border-radius:19px}.ks-public.page-studio-blog .ks-mosaic__card>div{padding:32px 12px 12px}.ks-public.page-studio-blog .ks-mosaic__card>div>span{font-size:10px}.ks-public.page-courses-list .kp-course-body{gap:12px}}
@media(prefers-reduced-motion:reduce){.ks-public .kd-golden-feature .kg-card,.ks-public.page-studio-blog .ks-mosaic__card::after{transition:none}}
/* Section: kochar-editor-samples */
:where([data-front-page="article"],[data-front-page="course"]) .ks-public .kes-rich {overflow-wrap:anywhere; min-width:0}
:where([data-front-page="article"],[data-front-page="course"]) .ks-public .kes-rich .color {color:var(--color)}
:where([data-front-page="article"],[data-front-page="course"]) .ks-public .kes-rich .color :is(strong,em,a) {color:inherit}
:where([data-front-page="article"],[data-front-page="course"]) .ks-public .kes-rich mark {background:#fef08a;color:#422006;border-radius:.25em;padding:.05em .22em}
:where([data-front-page="article"],[data-front-page="course"]) .ks-public .kes-rich .lead {font-size:1.15em;line-height:1.9}
:where([data-front-page="article"],[data-front-page="course"]) .ks-public .kes-rich small {font-size:.85em}
:where([data-front-page="article"],[data-front-page="course"]) .ks-public .kes-rich :is(h4,h5,h6) {font-weight:800;line-height:1.6;margin-block:1.5em .65em}
:where([data-front-page="article"],[data-front-page="course"]) .ks-public .kes-rich h4 {font-size:1.15em}
:where([data-front-page="article"],[data-front-page="course"]) .ks-public .kes-rich pre {direction:ltr;text-align:left;overflow:auto;background:#132332;color:#e2e8f0;padding:1rem;border-radius:14px;font: .9rem/1.8 monospace}
:where([data-front-page="article"],[data-front-page="course"]) .ks-public .kes-rich pre code {color:inherit}
:where([data-front-page="article"],[data-front-page="course"]) .ks-public .kes-rich details {padding:1rem 1.2rem;border:1px solid #c8dedf;background:#f3f9f8;border-radius:16px;margin-block:1rem}
:where([data-front-page="article"],[data-front-page="course"]) .ks-public .kes-rich summary {cursor:pointer;font-weight:800}
:where([data-front-page="article"],[data-front-page="course"]) .ks-public .kes-rich details[open] summary {margin-bottom:1rem}
:where([data-front-page="article"],[data-front-page="course"]) .ks-public .kes-rich hr {border:0;height:1px;background:linear-gradient(90deg,transparent,#b88635,transparent);margin-block:2rem}
:where([data-front-page="article"],[data-front-page="course"]) .ks-public .kes-rich table {display:block;overflow-x:auto;max-width:100%;border-collapse:collapse}
:where([data-front-page="article"],[data-front-page="course"]) .ks-public .kes-rich :is(td,th) {border:1px solid #cbd5e1;padding:.65rem;min-width:5rem}
:where([data-front-page="article"],[data-front-page="course"]) .ks-public .kes-rich th {background:#edf6f4;font-weight:800}
:where([data-front-page="article"],[data-front-page="course"]) .ks-public .kes-rich .grid-layout {display:grid;grid-template-columns:minmax(0,1fr);gap:1.25rem}
:where([data-front-page="article"],[data-front-page="course"]) .ks-public .kes-rich .grid-layout-col {min-width:0;margin-top:0}
:where([data-front-page="article"],[data-front-page="course"]) .ks-public .kes-rich .grid-layout[data-from-breakpoint="default"] {grid-template-columns:var(--cols)}
:where([data-front-page="article"],[data-front-page="course"]) .ks-public .kes-rich .grid-layout[data-from-breakpoint="default"]>.grid-layout-col {grid-column:var(--col-span)}
:where([data-front-page="article"],[data-front-page="course"]) .ks-public .kes-rich img {max-width:100%;height:auto}
:where([data-front-page="article"],[data-front-page="course"]) .ks-public .kes-sample {padding:clamp(18px,3vw,28px);overflow:hidden;background:linear-gradient(125deg,#f0faf6,#fff 65%,#fff3e2);border:1px solid #d7e9df}
:where([data-front-page="article"],[data-front-page="course"]) .ks-public .kes-eyebrow {display:inline-block;font-size:.8rem;font-weight:800;color:#176052;letter-spacing:0;margin-bottom:.65rem}
:where([data-front-page="article"],[data-front-page="course"]) .ks-public .kes-sample__intro h3 {margin:0 0 .6rem;font-size:clamp(1.12rem,2vw,1.4rem)}
:where([data-front-page="article"],[data-front-page="course"]) .ks-public .kes-sample__intro p {white-space:pre-line;line-height:1.9;margin:0 0 1.2rem}
:where([data-front-page="article"],[data-front-page="course"]) .ks-public .kes-sample__player {margin:1rem 0 0;width:100%;min-width:0}
:where([data-front-page="article"],[data-front-page="course"]) .ks-public .kes-sample__player video {display:block;width:100%;height:auto;aspect-ratio:16/9;max-height:470px;object-fit:contain;background:#111c24;border-radius:16px}
:where([data-front-page="article"],[data-front-page="course"]) .ks-public .kes-sample__player a {display:inline-block;margin-top:.65rem;font-size:.85rem}
:where([data-front-page="article"],[data-front-page="course"]) .ks-public .v17-snapp.kes-snapp {position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.43fr);gap:22px;align-items:center;padding:clamp(20px,3vw,32px);border:1px solid #b3d5f6;border-radius:24px;background:radial-gradient(ellipse at 90% 0%,#fff 0,transparent 55%),linear-gradient(120deg,#e5f1ff,#e8f6ff 60%,#d7edff);box-shadow:0 12px 35px #32629a0a;overflow:hidden}
:where([data-front-page="article"],[data-front-page="course"]) .ks-public .v17-snapp.kes-snapp--2 {background:radial-gradient(ellipse at 100% 0%,#fff,transparent 60%),linear-gradient(120deg,#dcecff,#f0f5ff 65%,#e0ecff)}
:where([data-front-page="article"],[data-front-page="course"]) .ks-public .kes-snapp .v17-snapp__badge {display:inline-flex;align-items:center;gap:1rem;color:#0753a5;background:#fff;border:1px solid #c8def7;padding:.4rem .9rem;border-radius:999px;font-weight:900;font-size:.85rem}
:where([data-front-page="article"],[data-front-page="course"]) .ks-public .kes-snapp h3 {color:#153b68;font-size:clamp(1.1rem,2vw,1.4rem);line-height:1.65;margin:.8rem 0 .5rem}
:where([data-front-page="article"],[data-front-page="course"]) .ks-public .kes-snapp p {color:#3b5672;font-size:.9rem;line-height:1.95;white-space:pre-line;margin:0}
:where([data-front-page="article"],[data-front-page="course"]) .ks-public .kes-snapp__action {display:flex;flex-direction:column;align-items:center;gap:.8rem;text-align:center;border-inline-start:1px solid #bed6ef;padding-inline-start:20px;font-size:.76rem;color:#35587b}
:where([data-front-page="article"],[data-front-page="course"]) .ks-public .kes-snapp__icon {display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:#fff9;color:#1464c0;font-size:2rem;transform:rotate(-8deg);transition:transform .25s}
:where([data-front-page="article"],[data-front-page="course"]) .ks-public .kes-snapp:hover .kes-snapp__icon {transform:rotate(0) translateY(-3px)}
:where([data-front-page="article"],[data-front-page="course"]) .ks-public .kes-snapp .kf-button {display:flex;gap:.7rem;justify-content:center;color:#fff;background:linear-gradient(110deg,#0871d2,#2455ba);border:0;width:100%;padding:.85rem 1rem;font-size:.85rem;white-space:normal;line-height:1.6;box-shadow:0 8px 22px #1561bb22}
:where([data-front-page="article"],[data-front-page="course"]) .ks-public .kes-snapp .kf-button:hover {background:linear-gradient(110deg,#075cac,#1b459c)}
:where([data-front-page="article"],[data-front-page="course"]) .ks-public .kes-snapp .kf-button:focus-visible {outline:3px solid #cf982b;outline-offset:4px}
@media(max-width:600px){:where([data-front-page="article"],[data-front-page="course"]) .ks-public .v17-snapp.kes-snapp{grid-template-columns:minmax(0,1fr);gap:16px;border-radius:20px}:where([data-front-page="article"],[data-front-page="course"]) .ks-public .kes-snapp__action{border-inline-start:0;border-top:1px solid #bed6ef;padding:16px 0 0}:where([data-front-page="article"],[data-front-page="course"]) .ks-public .kes-snapp__icon{display:none}}
@media(prefers-reduced-motion:reduce){:where([data-front-page="article"],[data-front-page="course"]) .ks-public .kes-snapp__icon{transition:none;transform:none!important}}
@media(min-width:640px){:where([data-front-page="article"],[data-front-page="course"]) .ks-public .kes-rich .grid-layout[data-from-breakpoint="sm"]{grid-template-columns:var(--cols)}:where([data-front-page="article"],[data-front-page="course"]) .ks-public .kes-rich .grid-layout[data-from-breakpoint="sm"]>.grid-layout-col{grid-column:var(--col-span)}}
@media(min-width:768px){:where([data-front-page="article"],[data-front-page="course"]) .ks-public .kes-rich .grid-layout[data-from-breakpoint="md"]{grid-template-columns:var(--cols)}:where([data-front-page="article"],[data-front-page="course"]) .ks-public .kes-rich .grid-layout[data-from-breakpoint="md"]>.grid-layout-col{grid-column:var(--col-span)}}
@media(min-width:1024px){:where([data-front-page="article"],[data-front-page="course"]) .ks-public .kes-rich .grid-layout[data-from-breakpoint="lg"]{grid-template-columns:var(--cols)}:where([data-front-page="article"],[data-front-page="course"]) .ks-public .kes-rich .grid-layout[data-from-breakpoint="lg"]>.grid-layout-col{grid-column:var(--col-span)}}
@media(min-width:1280px){:where([data-front-page="article"],[data-front-page="course"]) .ks-public .kes-rich .grid-layout[data-from-breakpoint="xl"]{grid-template-columns:var(--cols)}:where([data-front-page="article"],[data-front-page="course"]) .ks-public .kes-rich .grid-layout[data-from-breakpoint="xl"]>.grid-layout-col{grid-column:var(--col-span)}}
@media(min-width:1536px){:where([data-front-page="article"],[data-front-page="course"]) .ks-public .kes-rich .grid-layout[data-from-breakpoint="2xl"]{grid-template-columns:var(--cols)}:where([data-front-page="article"],[data-front-page="course"]) .ks-public .kes-rich .grid-layout[data-from-breakpoint="2xl"]>.grid-layout-col{grid-column:var(--col-span)}}
:where([data-front-page="article"],[data-front-page="course"]) .ks-public .kes-snapp__amount{color:#0753a5;font-size:1.45rem;line-height:1.5;font-weight:900}
:where([data-front-page="article"],[data-front-page="course"]) .ks-public .kes-snapp__amount small{font-size:.8rem;font-weight:600}
:where([data-front-page="article"],[data-front-page="course"]) .ks-public .kes-snapp__action>small{font-size:.7rem;line-height:1.8}
/* Section: kochar-blog-speed */
.ks-public .kb-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:28px 0 36px}
.ks-public .kb-feature{--shade:16,58,49;position:relative;isolation:isolate;min-width:0;aspect-ratio:16/9;overflow:hidden;border-radius:22px;background:rgb(var(--shade));text-decoration:none;color:white;box-shadow:0 12px 28px #15392f12}
.ks-public .kb-feature--1{--shade:25,53,91}
.ks-public .kb-feature--2{--shade:78,40,81}
.ks-public .kb-feature--3{--shade:103,49,20}
.ks-public .kb-feature::after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,rgba(var(--shade),.05),rgba(var(--shade),.4) 35%,rgba(var(--shade),.96) 100%);pointer-events:none}
.ks-public .kb-feature img{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;transition:transform .5s ease}
.ks-public .kb-feature:hover img{transform:scale(1.035)}
.ks-public .kb-feature:focus-visible{outline:3px solid #bd8d35;outline-offset:4px}
.ks-public .kb-feature__copy{position:absolute;inset:auto 0 0;z-index:1;padding:clamp(18px,2.4vw,30px);background:linear-gradient(0deg,rgba(var(--shade),.8),transparent);color:white}
.ks-public .kb-feature h2{color:inherit;font-size:clamp(1.05rem,1.65vw,1.45rem);line-height:1.65;font-weight:850;margin:10px 0;text-shadow:0 2px 8px #0005;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ks-public .kb-chip{display:inline-block;border:1px solid #ffffff60;background:#ffffff24;border-radius:999px;padding:4px 12px;font-size:.74rem;color:white}
.ks-public .kb-feature__meta{display:flex;justify-content:space-between;align-items:center;font-size:.78rem;color:#fff}
.page-studio-blog .ks-post__image{position:relative;isolation:isolate;aspect-ratio:16/10;overflow:hidden}
.page-studio-blog .ks-post__image::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,#24513c44);pointer-events:none}
.page-studio-blog .ks-post:nth-child(4n+2) .ks-post__image::after{background:linear-gradient(180deg,transparent 50%,#355b954d)}
.page-studio-blog .ks-post:nth-child(4n+3) .ks-post__image::after{background:linear-gradient(180deg,transparent 50%,#713d8d44)}
.page-studio-blog .ks-post:nth-child(4n+4) .ks-post__image::after{background:linear-gradient(180deg,transparent 50%,#b5653044)}
.kb-tools{position:fixed;right:max(12px,calc((100vw - 1370px)/2));top:32%;z-index:25;display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px 7px;border:1px solid #d2b87266;border-radius:40px;background:#fffef8f2;box-shadow:0 8px 30px #173e3314;color:#164e3c}
.kb-tools :is(button,a){display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:42px;min-height:42px;border:0;border-radius:50%;background:transparent;color:inherit;text-decoration:none;cursor:pointer;font:inherit}
.kb-tools :is(button,a)>span{font-size:23px;line-height:1}
.kb-tools small{font-size:10px}
.kb-tools :is(button,a):hover,.kb-tools [aria-pressed=true]{background:#f2e5c5;color:#805a16}
.kb-tools :focus-visible{outline:2px solid #9b762a;outline-offset:2px}
.kb-tools progress{width:40px;height:5px;accent-color:#bc913c;border:0}
.kb-comments{max-width:900px;margin:40px auto;padding:clamp(18px,3vw,30px);border:1px solid #c8d9ce;border-radius:22px;background:#f2f7f2;color:#193e33;scroll-margin-top:110px}
.kb-comments h2{font-size:1.4rem}
.kb-comments article{background:#fff;border-radius:14px;padding:18px;margin-block:15px}
.kb-comments article small{margin-inline-start:15px;color:#647469}
.kb-comments article p{white-space:pre-line;line-height:1.9}
.kb-comments form{display:grid;gap:15px}
.kb-form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.kb-comments label{display:grid;gap:7px;font-size:.9rem}
.kb-comments :is(input:not([type=checkbox]),textarea){box-sizing:border-box;width:100%;padding:12px;border:1px solid #bccfc2;border-radius:12px;font:inherit;background:#fff;color:#173e33}
.kb-comments .kb-consent{display:flex;align-items:center}
.kb-comments button{justify-self:start}
.kb-trust{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin:28px 0}
.kb-trust__badge{width:145px;min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;background:#fff;border:1px solid #ddcd9e;border-radius:18px;padding:14px;color:#214b3c;text-decoration:none;font-size:.75rem}
.kb-trust__badge img{object-fit:contain;max-width:100%}
.kb-trust__placeholder>span{font-size:38px;color:#a78239}
.kb-trust__placeholder small{color:#68716c;font-size:.65rem}
@media(max-width:1400px){.kb-tools{position:sticky;top:88px;right:auto;flex-direction:row;justify-content:center;width:max-content;max-width:100%;margin:16px auto;border-radius:50px;z-index:20}}
@media(max-width:640px){.ks-public .kb-feature-grid{grid-template-columns:1fr;gap:14px}.ks-public .kb-feature{aspect-ratio:16/10;border-radius:18px}.ks-public .kb-feature h2{font-size:1.15rem}.kb-form-row{grid-template-columns:1fr}.kb-tools{top:76px}}
@media(prefers-reduced-motion:reduce){.ks-public .kb-feature img{transition:none}}
html[data-theme=dark] .kb-comments{background:#15362e;color:#f4efdf}
html[data-theme=dark] .kb-comments article{background:#20483c}
html[data-theme=dark] .kb-tools{background:#173b31;color:#f1dcab}
.kb-tools svg{width:21px;height:21px}
.kb-tools [data-blog-like][aria-pressed=true] svg{fill:currentColor}
.kb-tools{padding:6px 3px;gap:3px;border-radius:24px;box-shadow:0 5px 18px #173e3310}
.kb-tools :is(button,a){width:28px;min-height:32px;gap:1px}
.kb-tools svg{width:15px;height:15px}
.kb-tools small{font-size:8px;line-height:1.2}
.kb-progress{--read:0;position:relative;width:2px;height:48px;margin:6px auto;background:#bdad8733;border-radius:3px;overflow:hidden}
.kb-progress i{position:absolute;inset:0;background:linear-gradient(#c9a34f,#277052);transform:scaleY(var(--read));transform-origin:top;display:block}
@media(max-width:1400px){.kb-tools{flex-direction:column;float:inline-end;top:100px;margin:10px 0 10px 10px;width:34px}.kb-progress{height:40px}}
@media(pointer:coarse){.kb-tools :is(button,a){min-height:40px;width:32px}}
.kh-journey__level>a{display:flex;align-items:center;gap:inherit;color:inherit;text-decoration:none;width:100%;height:100%}
.kh-journey__level>a:focus-visible{outline:2px solid #bb913b;outline-offset:5px;border-radius:8px}
.footer .footer__col .kb-trust{justify-content:flex-start;gap:10px;margin:18px 0 0}
.footer .kb-trust__badge{box-sizing:border-box;width:102px;min-height:112px;padding:9px 7px;gap:6px;border-radius:13px;font-size:10px;line-height:1.7}
.footer .kb-trust__badge img{width:58px;height:64px;object-fit:contain}
.footer .kb-trust__placeholder>span{font-size:25px;line-height:1.2}
.footer .kb-trust__placeholder small{font-size:8px;line-height:1.65}
.footer .footer__bottom{display:flex;justify-content:center;align-items:center;text-align:center;width:100%;box-sizing:border-box}
.footer .footer__bottom>span{display:block;margin-inline:auto;text-align:center;line-height:1.9}
@media(max-width:640px){.footer .footer__bottom{padding-inline:20px}.footer .footer__bottom>span{font-size:11px}}
/* Section: kochar-home-refresh */
.nav-search-tools{display:contents}
.mobile-theme-toggle{display:none}
html[data-theme="dark"]{
--site-background:#0f1f1a;
--site-text:#f6ecd2;
--site-muted:#d2c5a2;
--site-border:#40564a;
--bg:var(--site-background);
--bg-2:var(--site-surface);
--bg-3:#20392f;
--text:var(--site-text);
--muted:var(--site-muted);
--line:var(--site-border);
--gold-deep:#e7bf67;
--brand-accent:#d3a64f;
--gold:var(--brand-accent);
--gold-2:#efcb78;
--brand-on-accent:#21170b;
--glass-surface:color-mix(in srgb,var(--site-surface) 82%,transparent);
--glass-edge:color-mix(in srgb,var(--site-surface) 80%,#d6b25e 20%);
}
html[data-theme="dark"] body.site-body{background:var(--site-background)}
html[data-theme="dark"] body.site-body :is(.mainnav a,.footer__links a,.footer__about,.footer__links li,.brand__en){color:var(--site-muted)}
html[data-theme="dark"] body.site-body :is(.mainnav a:hover,.footer__links a:hover){color:var(--gold-2)}
html[data-theme="dark"] body.site-body :is(.footer__title,.v17-eyebrow,.kh-editorial-label,.kf-eyebrow){color:var(--gold-2)}
html[data-theme="dark"] body.site-body :is(.nav-search__panel,input,textarea,select){color:var(--site-text)}
html[data-theme="dark"] body.site-body input::placeholder{color:#b8ad91}
.page-home-v17 .kh-hero::before{display:none!important}
.page-home-v17 .kh-hero__copy{max-width:1040px}
.page-home-v17 .kh-hero h1{margin-top:0}
.page-home-v17 .kh-hero h1 em{color:var(--gold-deep)!important}
.page-home-v17 .kh-hero p{max-width:760px}
html[data-theme="dark"] .page-home-v17 .kh-hero{
background:radial-gradient(ellipse at 18% 20%,#c99a3e18,transparent 52%),linear-gradient(145deg,#10241e,#0e1d19)!important;
}
html[data-theme="dark"] .page-home-v17 .kh-hero h1{color:#f8eed8}
html[data-theme="dark"] .page-home-v17 .kh-hero p{color:#d8c9a6}
.page-home-v17 .kh-skills__grid{max-width:980px;margin-inline:auto;gap:14px}
.page-home-v17 .kh-skill{border-radius:22px}
.page-home-v17 .kh-skill--listening{height:340px}
.page-home-v17 .kh-skill--reading{height:315px;margin-top:14px}
.page-home-v17 .kh-skill--speaking{margin-top:26px}
.page-home-v17 .kh-skill--speaking .kh-skill__photo{height:145px;margin:8px 8px 0;border-radius:16px}
.page-home-v17 .kh-skill--writing .kh-skill__photo{height:138px}
.page-home-v17 .kh-skill__copy{padding:18px 20px}
.page-home-v17 .kh-skill--listening .kh-skill__copy,
.page-home-v17 .kh-skill--reading .kh-skill__copy{padding:22px}
.page-home-v17 .kh-skill--listening .kh-skill__label,
.page-home-v17 .kh-skill--reading .kh-skill__label{top:18px;inset-inline:20px}
.page-home-v17 .kh-skill h3,.ks-public.page-home-v17 .kh-skill__copy h3{font-size:clamp(19px,1.8vw,25px);line-height:1.55;margin-bottom:8px}
.page-home-v17 .kh-skill p,.ks-public.page-home-v17 .kh-skill__copy p{font-size:12.5px;line-height:1.85}
.page-home-v17 .kh-skill__tag{margin-top:12px;font-size:10px}
.page-home-v17 .kh-skills__foot{justify-content:flex-start!important;margin-top:22px}
html[data-theme="dark"] .page-home-v17 .kh-skills,
html[data-theme="dark"] .page-home-v17 #courses{
background:radial-gradient(ellipse at 8% 8%,#54846d1c,transparent 48%),linear-gradient(145deg,#132b23,#10211c)!important;
}
html[data-theme="dark"] .page-home-v17 .kh-section-head>p{background:linear-gradient(135deg,#20382e,#302f20)!important;color:#f1e5c7!important;border-color:#8d78474f}
html[data-theme="dark"] .page-home-v17 .kh-section-head>p::after{background:#293429!important}
html[data-theme="dark"] .page-home-v17 .kh-editorial-label,
html[data-theme="dark"] .page-home-v17 .kh-display-title{color:#f6ecd2!important}
html[data-theme="dark"] .page-home-v17 #courses.kh-courses-three .v17-course-card{
background:linear-gradient(145deg,#1c342a,#17271f)!important;
border-color:#496052!important;
}
html[data-theme="dark"] .page-home-v17 #courses :is(.v17-course-card h3,.v17-course-card h3 a){color:#f7edd4!important}
html[data-theme="dark"] .page-home-v17 #courses .v17-course-card__body>p{color:#cfc4a8!important}
html[data-theme="dark"] .page-home-v17 #courses .v17-price strong{color:#f3cd78!important}
html[data-theme="dark"] .page-home-v17 #courses .v17-price del{color:#f0a56d!important}
html[data-theme="dark"] .ks-public .kc-offer-timer,
html[data-theme="dark"] .page-home-v17 .kc-offer-timer{
background:linear-gradient(135deg,#f0d486,#c99b3f)!important;
border-color:#f5dc96!important;
color:#281d0d!important;
box-shadow:0 8px 22px #0003!important;
}
html[data-theme="dark"] .ks-public .kc-offer-timer>span:first-child,
html[data-theme="dark"] .page-home-v17 .kc-offer-timer>span:first-child{color:#2c1e0c!important}
html[data-theme="dark"] .ks-public .kc-clock-unit,
html[data-theme="dark"] .page-home-v17 .kc-clock-unit{
background:#fff0c4!important;
border-color:#b8792e66!important;
color:#9a4f1e!important;
}
html[data-theme="dark"] .ks-public .kc-clock-digit,
html[data-theme="dark"] .page-home-v17 .kc-clock-digit{color:#9a4f1e!important;font-weight:900}
html[data-theme="dark"] .ks-public .kc-clock-label,
html[data-theme="dark"] .page-home-v17 .kc-clock-label{background:#d9aa5533!important;color:#3b260f!important;border-top-color:#a36c2e44!important}
.page-home-v17 .v17-faq{background:linear-gradient(145deg,#f0e7d333,#dce9dd38)!important}
.page-home-v17 .kh-faq-wrap{max-width:980px}
.page-home-v17 .kh-faq-head{margin-bottom:12px!important;padding-bottom:18px!important}
.page-home-v17 .kh-faq-head .kh-display-title{margin:0}
.page-home-v17 .v17-faq-list{max-width:900px;margin-inline:auto}
.page-home-v17 .v17-faq .acc{padding-inline:18px;border-radius:14px!important;margin-bottom:8px;background:color-mix(in srgb,var(--site-surface) 82%,transparent)!important;border:1px solid var(--line)!important}
.page-home-v17 .v17-faq .acc__head{color:var(--text)!important}
.page-home-v17 .v17-faq .acc__head>span{color:var(--gold-deep)!important}
.page-home-v17 .v17-faq .acc__body p{color:var(--muted)!important}
html[data-theme="dark"] .page-home-v17 .v17-faq{background:linear-gradient(145deg,#122820,#0f1f1a)!important}
html[data-theme="dark"] .page-home-v17 .v17-faq .acc{background:#192d25!important;border-color:#40574a!important}
html[data-theme="dark"] .page-home-v17 .v17-faq .acc__head{color:#f4dfad!important}
html[data-theme="dark"] .page-home-v17 .v17-faq .acc__body p{color:#d2c5a2!important}
body.site-body .fab{top:50%!important;left:-4px!important;transform:translateY(-50%)!important;background:linear-gradient(180deg,#efca72,#c7963e)!important;color:#21170b!important;border-color:#f5dc98!important;box-shadow:0 12px 28px #0003}
body.site-body .fab span{font-weight:900;letter-spacing:0}
@media(max-width:900px){
body.site-body .navbar__inner{
display:grid!important;
grid-template-columns:minmax(0,1fr) 44px;
grid-template-rows:1fr;
gap:10px;
direction:ltr;
position:relative;
}
body.site-body .navbar__inner>.brand{grid-column:1;grid-row:1;justify-self:start;align-self:center;direction:rtl;z-index:2}
body.site-body .navbar__inner>.mainnav{grid-column:1/-1;direction:rtl}
body.site-body .navtools{display:contents!important}
body.site-body .burger{display:flex!important;grid-column:2;grid-row:1;justify-self:end;align-self:center;direction:rtl}
body.site-body .nav-search-tools{display:flex!important;grid-column:1;grid-row:1;justify-self:start;align-self:center;align-items:center;gap:6px;margin-left:clamp(96px,29vw,116px);direction:ltr;z-index:3}
body.site-body .nav-search{display:block!important;margin:0!important;direction:rtl;z-index:3}
body.site-body .nav-search__toggle{display:grid}
body.site-body .mobile-theme-toggle{display:grid!important;flex:0 0 auto}
body.site-body .nav-search.is-enhanced .nav-search__panel{
position:fixed;
top:calc(var(--header-height,68px) + 8px);
left:16px;
right:16px;
inset-inline:auto;
width:auto;
transform-origin:top center;
}
body.site-body .cart-wrap,
body.site-body #themeBtn,
body.site-body .navtools>.btn{display:none!important}
}
@media(max-width:520px){
body.site-body .nav-search-tools{margin-left:92px;gap:5px}
body.site-body .brand__mark{width:34px;height:34px}
body.site-body .brand__fa{font-size:20px}
body.site-body .brand__en{font-size:.58rem;letter-spacing:2px}
}
@media(max-width:760px){
.page-home-v17 .kh-hero{padding:40px 0 34px!important}
.page-home-v17 .kh-hero h1,.ks-public.page-home-v17 .kh-hero h1{font-size:clamp(34px,9vw,44px)!important;line-height:1.48}
.page-home-v17 .kh-hero p,.ks-public.page-home-v17 .kh-hero p{font-size:15px!important;line-height:1.9;margin-bottom:0}
.page-home-v17 .kh-hero .kh-actions{display:none!important}
.page-home-v17 .kh-skills__grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;max-width:none}
.page-home-v17 .kh-skill--listening,
.page-home-v17 .kh-skill--speaking,
.page-home-v17 .kh-skill--writing,
.page-home-v17 .kh-skill--reading{
grid-column:auto!important;
margin-top:0!important;
height:300px!important;
min-height:0!important;
border-radius:17px;
}
.page-home-v17 .kh-skill--speaking,
.page-home-v17 .kh-skill--writing{display:flex;flex-direction:column}
.page-home-v17 .kh-skill--speaking .kh-skill__photo,
.page-home-v17 .kh-skill--writing .kh-skill__photo{height:105px!important;min-height:105px;margin:6px 6px 0;border-radius:12px;clip-path:none}
.page-home-v17 .kh-skill--listening .kh-skill__copy,
.page-home-v17 .kh-skill--reading .kh-skill__copy{height:300px!important;min-height:300px!important;padding:14px!important}
.page-home-v17 .kh-skill--listening .kh-skill__label,
.page-home-v17 .kh-skill--reading .kh-skill__label{top:12px;inset-inline:12px}
.page-home-v17 .kh-skill__copy{padding:12px!important;min-height:0}
.page-home-v17 .kh-skill h3,.ks-public.page-home-v17 .kh-skill__copy h3{font-size:15.5px!important;line-height:1.55;margin:4px 0 6px}
.page-home-v17 .kh-skill p,.ks-public.page-home-v17 .kh-skill__copy p{font-size:10.5px!important;line-height:1.65;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.page-home-v17 .kh-skill__label,.ks-public.page-home-v17 .kh-skill__label{font-size:9px!important;gap:5px}
.page-home-v17 .kh-skill__label [lang=en]{font-size:7.5px}
.page-home-v17 .kh-skill__tag,.ks-public.page-home-v17 .kh-skill__tag{font-size:8px!important;margin-top:8px;padding:3px 7px}
.page-home-v17 .kh-skills__foot{margin-top:16px!important;width:100%;align-items:flex-start!important}
.page-home-v17 .ks-home-posts{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
.page-home-v17 .ks-home-posts .ks-post{display:flex!important;flex-direction:column!important;min-height:0!important;border-radius:14px}
.page-home-v17 .ks-home-posts .ks-post__image{width:auto;height:auto!important;min-height:0!important;aspect-ratio:16/10!important;margin:5px 5px 0!important;border-radius:10px}
.page-home-v17 .ks-home-posts .ks-post__body{padding:9px 10px 11px!important}
.page-home-v17 .ks-home-posts .ks-post h3{font-size:12.5px!important;line-height:1.55;margin:5px 0!important;-webkit-line-clamp:2}
.page-home-v17 .ks-home-posts .ks-post p{font-size:10px!important;line-height:1.55;margin:3px 0 7px!important;-webkit-line-clamp:2}
.page-home-v17 .ks-home-posts .ks-meta{font-size:9px!important}
.page-home-v17 .ks-home-posts .ks-text-link{font-size:9.5px!important;padding-top:7px}
.page-home-v17 .kh-faq-wrap{width:calc(100% - 28px)}
.page-home-v17 .v17-faq .acc{padding-inline:12px}
.page-home-v17 .kh-faq-head .kh-display-title{font-size:30px!important}
}
@media(max-width:380px){
.page-home-v17 .kh-skill h3,.ks-public.page-home-v17 .kh-skill__copy h3{font-size:14px!important}
.page-home-v17 .kh-skill p,.ks-public.page-home-v17 .kh-skill__copy p{font-size:10px!important;-webkit-line-clamp:3}
.page-home-v17 .ks-home-posts .ks-post h3{font-size:11.5px!important}
}
@media(prefers-reduced-motion:reduce){
.page-home-v17 .kh-skill,.page-home-v17 .ks-post{transition:none!important;transform:none!important}
}
/* Section: kochar-ui-v2 */
html[data-theme="dark"]{
--site-background:#0d1d18;
--site-surface:#172b23;
--site-text:#f7edd4;
--site-muted:#d6c8a5;
--site-border:#40584a;
--brand-accent:#d9a64c;
--gold:#d9a64c;
--gold-2:#f0c96f;
--brand-on-accent:#24170a;
}
html[data-theme="dark"] body.site-body{background:#0d1d18;color:var(--site-text)}
html[data-theme="dark"] body.site-body :is(.auth-page,.footer){color:var(--site-text)}
html[data-theme="dark"] body.site-body :is(.auth-card__sub,.auth-aside__desc,.auth-aside__note,.auth-form label,.form__note,.footer__about){color:var(--site-muted)!important}
html[data-theme="dark"] body.site-body :is(
.btn--primary,
.btn--ghost,
.kf-button,
.kf-button-orange,
.v17-button-secondary,
.kh-link-button,
.iconbtn
):not(:disabled):hover,
html[data-theme="dark"] body.site-body .auth-tabs__btn:hover{
background:linear-gradient(135deg,#f0c86c,#d88b38)!important;
color:#24170a!important;
border-color:#f3d284!important;
box-shadow:0 10px 24px #d88b3838!important;
}
html[data-theme="dark"] body.site-body :is(.btn--primary,.kf-button):not(:disabled):hover *{color:#24170a!important}
html[data-theme="dark"] body.site-body :is(.btn--primary,.kf-button):focus-visible{outline-color:#f0c96f}
body.site-body .auth-page{overflow-x:clip}
body.site-body .auth-layout{
width:min(1040px,100%);
grid-template-columns:minmax(0,1fr) 420px;
gap:22px;
}
body.site-body .auth-layout>.auth-aside,
body.site-body .auth-layout>.auth-card{
position:relative!important;
top:auto!important;
margin:0!important;
align-self:stretch!important;
min-width:0;
height:100%;
}
body.site-body .auth-aside{padding:32px 30px!important;justify-content:flex-start}
body.site-body .auth-card{padding:30px 26px!important}
body.site-body .auth-card__head{min-height:70px;display:flex;flex-direction:column;justify-content:center}
body.site-body .auth-form :is(input,select,textarea){min-width:0;width:100%;box-sizing:border-box}
body.site-body .auth-form input{min-height:46px}
body.site-body .auth-form .btn--block{min-height:46px}
body.site-body .pw-toggle{inset-inline-end:6px!important;inset-block:6px!important;width:34px!important;border-radius:9px!important}
html[data-theme="dark"] body.site-body .auth-tabs{background:#10231c!important;border-color:#3e5949!important}
html[data-theme="dark"] body.site-body .auth-tabs__btn{color:#d7c8a5!important}
html[data-theme="dark"] body.site-body .auth-tabs__btn.is-active{background:#274335!important;color:#f7e7bd!important;box-shadow:inset 0 0 0 1px #6f805c55!important}
html[data-theme="dark"] body.site-body .field input,
html[data-theme="dark"] body.site-body .field textarea,
html[data-theme="dark"] body.site-body .field select{background:#12261f!important;border-color:#3d5b4b!important;color:#f7edd4!important}
html[data-theme="dark"] body.site-body .field input:focus,
html[data-theme="dark"] body.site-body .field textarea:focus,
html[data-theme="dark"] body.site-body .field select:focus{border-color:#e2b456!important;background:#172d24!important;box-shadow:0 0 0 3px #e2b45618}
html[data-theme="dark"] body.site-body .auth-aside__list li::before{background:#dc97372b!important;border-color:#e0a64b99!important}
@media(max-width:900px){
body.site-body .auth-page{padding:22px 0 calc(110px + env(safe-area-inset-bottom))!important}
body.site-body .auth-page>.container{width:min(100% - 24px,620px)!important;margin-inline:auto}
body.site-body .auth-page .crumbs{margin-bottom:16px!important;font-size:12px}
body.site-body .auth-layout{grid-template-columns:minmax(0,1fr)!important;gap:14px!important;max-width:560px!important;margin-inline:auto!important}
body.site-body .auth-card{order:1;padding:22px 18px!important;border-radius:18px!important}
body.site-body .auth-aside{order:2;padding:20px 18px!important;border-radius:18px!important;gap:10px!important;height:auto!important}
body.site-body .auth-card__head{min-height:0}
body.site-body .auth-card__title{font-size:1.22rem!important}
body.site-body .auth-card__sub{font-size:.82rem!important;line-height:1.8}
body.site-body .auth-aside__title{font-size:1.15rem!important;line-height:1.65;margin-top:2px!important}
body.site-body .auth-aside__desc{font-size:.82rem!important;line-height:1.8;max-width:none!important}
body.site-body .auth-aside__list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 10px!important;font-size:.76rem!important;margin-top:4px!important}
body.site-body .auth-aside__list li{align-items:flex-start!important;gap:7px!important;line-height:1.65}
body.site-body .auth-aside__list li::before{width:11px!important;height:11px!important;margin-top:5px}
body.site-body .auth-aside__note{margin-top:8px!important;padding-top:12px!important;font-size:.78rem!important}
body.site-body .auth-tabs{width:100%}
body.site-body .auth-tabs__btn{min-width:0;padding:9px 8px!important;font-size:.8rem!important}
body.site-body .auth-form{gap:12px!important}
body.site-body .auth-form .field{margin-block:8px!important}
body.site-body .auth-form :is(input,select,textarea){font-size:16px!important;min-height:46px!important}
body.site-body .field__row{align-items:center!important;gap:8px!important}
body.site-body .field__link{font-size:.74rem!important;white-space:nowrap}
body.site-body .auth-form__meta{font-size:.8rem}
body.site-body .auth-card__foot,body.site-body .auth-card__terms{font-size:.78rem!important;line-height:1.85;text-align:center}
}
@media(max-width:430px){
body.site-body .auth-page>.container{width:calc(100% - 18px)!important}
body.site-body .auth-card{padding:18px 14px!important}
body.site-body .auth-aside{padding:17px 14px!important}
body.site-body .auth-aside__list{grid-template-columns:1fr!important}
body.site-body .auth-tabs__btn{font-size:.76rem!important}
body.site-body .auth-form label{font-size:.8rem!important}
}
@media(max-width:700px){
body.site-body .site-mobile-dock{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:3px!important}
body.site-body .site-mobile-dock :is(a,button){font-size:9px!important}
body.site-body .site-mobile-dock svg{width:20px!important;height:20px!important}
}
@media(max-width:900px){
body.site-body .footer{padding-top:38px}
body.site-body .footer__grid{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:24px 18px!important;
padding-bottom:28px!important;
}
body.site-body .footer__col--brand{grid-column:1/-1}
body.site-body .footer__col--quick{grid-column:1}
body.site-body .footer__col--contact{grid-column:2}
body.site-body .footer__title{font-size:.95rem;margin-bottom:12px}
body.site-body .footer__links{gap:8px}
body.site-body .footer__links :is(a,li){font-size:.8rem;line-height:1.75}
body.site-body .footer__about{font-size:.82rem;line-height:1.85;max-width:520px}
body.site-body .footer .footer__col .kb-trust{justify-content:flex-start!important;margin-top:14px!important}
}
@media(max-width:430px){
body.site-body .footer__grid{gap:20px 12px!important}
body.site-body .footer__links :is(a,li){font-size:.73rem!important}
}
body.site-body .footer .kb-trust__badge--enamad img{width:72px!important;height:78px!important;object-fit:contain!important}
html[data-theme="dark"] body.site-body .footer .kb-trust__badge{background:#f8f1de!important;color:#244234!important;border-color:#d8b960!important}
html[data-theme="dark"] body.site-body .footer .kb-trust__placeholder small{color:#68716c!important}
/* Section: kochar-ui-v3 */
:root{
--ko-orange:#e98b2a;
--ko-orange-2:#f2a33f;
--ko-orange-deep:#c96d18;
--ko-cream:#fff4dc;
--ko-dark:#10251e;
}
body.site-body .auth-form__meta{display:flex;align-items:center;min-height:34px}
body.site-body .auth-form__meta .check{
max-width:100%;
cursor:pointer;
user-select:none;
}
body.site-body .auth-form__meta .check input[type="checkbox"]{
-webkit-appearance:none!important;
appearance:none!important;
display:grid!important;
place-items:center!important;
width:18px!important;
min-width:18px!important;
max-width:18px!important;
height:18px!important;
min-height:18px!important;
max-height:18px!important;
flex:0 0 18px!important;
margin:0!important;
padding:0!important;
border:1px solid #c9923f!important;
border-radius:5px!important;
background:#10251e!important;
box-shadow:none!important;
cursor:pointer;
}
body.site-body .auth-form__meta .check input[type="checkbox"]::after{
content:"✓";
display:block;
color:#fff;
font-size:13px;
font-weight:900;
line-height:1;
transform:scale(0);
transition:transform .12s ease;
}
body.site-body .auth-form__meta .check input[type="checkbox"]:checked{
background:linear-gradient(135deg,var(--ko-orange-2),var(--ko-orange))!important;
border-color:var(--ko-orange-2)!important;
}
body.site-body .auth-form__meta .check input[type="checkbox"]:checked::after{transform:scale(1)}
body.site-body .auth-form__meta .check input[type="checkbox"]:focus-visible{
outline:3px solid #e98b2a55!important;
outline-offset:3px!important;
}
body.site-body .auth-form__meta .check span{line-height:1.6;color:var(--site-text,#fff4dc)!important}
html[data-theme="dark"] body.site-body :is(.page-courses-list,.page-course-v17) :is(.kf-button,.kf-round,.v17-button-secondary){
background:linear-gradient(135deg,var(--ko-orange-2),var(--ko-orange))!important;
color:#fff!important;
border-color:#f3b15e!important;
box-shadow:0 9px 22px #e98b2a24!important;
}
html[data-theme="dark"] body.site-body :is(.page-courses-list,.page-course-v17) :is(.kf-button,.kf-round,.v17-button-secondary):hover{
background:linear-gradient(135deg,#ffb454,#e57e1d)!important;
color:#fff!important;
border-color:#ffc36f!important;
transform:translateY(-2px);
box-shadow:0 13px 28px #e98b2a36!important;
}
html[data-theme="dark"] body.site-body :is(.page-courses-list,.page-course-v17) :is(.kf-button,.kf-round,.v17-button-secondary) *{color:#fff!important}
html[data-theme="dark"] body.site-body .page-course-v17 .v17-text-link,
html[data-theme="dark"] body.site-body .page-course-v17 .ks-text-button{color:var(--ko-orange-2)!important}
html[data-theme="dark"] body.site-body .page-courses-list .kf-price strong,
html[data-theme="dark"] body.site-body .page-courses-list .kf-price small{color:#fff!important}
html[data-theme="dark"] body.site-body .page-courses-list .kf-price del{
color:var(--ko-orange-2)!important;
text-decoration-color:var(--ko-orange-2)!important;
}
html[data-theme="dark"] body.site-body.ks-public .kc-offer-timer{
background:linear-gradient(135deg,#ef9b38,#d9781e)!important;
border-color:#ffc16a!important;
color:#fff!important;
box-shadow:0 10px 26px #d9781e2e,inset 0 1px 0 #ffffff42!important;
}
html[data-theme="dark"] body.site-body.ks-public .kc-offer-timer>span:first-child,
html[data-theme="dark"] body.site-body.ks-public .kc-offer-timer [data-offer-expired],
html[data-theme="dark"] body.site-body.ks-public .kc-offer-timer a{color:#fff!important}
html[data-theme="dark"] body.site-body.ks-public .kc-clock-unit{
background:rgba(57,31,11,.36)!important;
color:#fff!important;
border-color:#ffd18d66!important;
}
html[data-theme="dark"] body.site-body.ks-public .kc-clock-digit,
html[data-theme="dark"] body.site-body.ks-public .kc-clock-label{color:#fff!important}
html[data-theme="dark"] body.site-body.ks-public .kc-clock-label{
background:#3b1d0e20!important;
border-top-color:#ffffff24!important;
}
html[data-theme="dark"] body.site-body .page-course-v17 .v17-buy-price>div span{
background:linear-gradient(135deg,var(--ko-orange-2),var(--ko-orange))!important;
color:#fff!important;
border:1px solid #ffc16a!important;
box-shadow:0 6px 16px #e98b2a2b;
}
html[data-theme="dark"] body.site-body .page-course-v17 .v17-buy-price del{
color:var(--ko-orange-2)!important;
text-decoration-color:var(--ko-orange-2)!important;
}
html[data-theme="dark"] body.site-body .page-course-v17 .v17-buy-price>strong,
html[data-theme="dark"] body.site-body .page-course-v17 .v17-buy-price>strong small,
html[data-theme="dark"] body.site-body .page-course-v17 .v17-sticky-buy__price{color:#fff!important}
html[data-theme="dark"] body.site-body .page-course-v17 .v17-course-stats>div{
background:#122b22!important;
border:1px solid #e98b2a33;
}
html[data-theme="dark"] body.site-body .page-course-v17 .v17-course-stats strong{color:var(--ko-orange-2)!important}
html[data-theme="dark"] body.site-body .page-course-v17 .v17-course-stats span{color:#f4ead5!important}
html[data-theme="dark"] body.site-body .page-course-v17 :is(.v17-buy-features,.v17-feature-list) li>span,
html[data-theme="dark"] body.site-body .page-course-v17 .kd-check-list li>span,
html[data-theme="dark"] body.site-body .page-course-v17 .kd-negative .kd-check-list li>span{
background:linear-gradient(135deg,var(--ko-orange-2),var(--ko-orange))!important;
color:#fff!important;
border:1px solid #ffc16a!important;
box-shadow:0 5px 14px #e98b2a20;
}
html[data-theme="dark"] body.site-body .page-course-v17 .kd-list-section h3{color:#fff!important}
html[data-theme="dark"] body.site-body .page-course-v17 .kd-check-list p,
html[data-theme="dark"] body.site-body .page-course-v17 .v17-feature-list li,
html[data-theme="dark"] body.site-body .page-course-v17 .v17-buy-features li{color:#f7edd8!important}
html[data-theme="dark"] body.site-body .page-course-v17 .v17-related article{
background:linear-gradient(135deg,#122b22,#10251e)!important;
border-color:#4a5e51!important;
}
html[data-theme="dark"] body.site-body .page-course-v17 .v17-related h4,
html[data-theme="dark"] body.site-body .page-course-v17 .v17-related h4 a{color:#fff!important}
html[data-theme="dark"] body.site-body .page-course-v17 .v17-related p{color:#d8cdb5!important}
html[data-theme="dark"] body.site-body .page-course-v17 .v17-related__foot strong,
html[data-theme="dark"] body.site-body .page-course-v17 .v17-related__foot .v17-text-link{color:var(--ko-orange-2)!important}
html[data-theme="dark"] body.site-body .page-course-v17 .kd-guarantee-card{
background:linear-gradient(135deg,#18352a,#243d31)!important;
border-color:#e98b2a66!important;
color:#fff!important;
box-shadow:0 14px 32px #06100c32;
}
html[data-theme="dark"] body.site-body .page-course-v17 .kd-guarantee-card h2{color:#fff!important}
html[data-theme="dark"] body.site-body .page-course-v17 .kd-guarantee-card p{color:#f0e5cf!important}
html[data-theme="dark"] body.site-body .page-course-v17 .kd-guarantee-card .ks-eyebrow,
html[data-theme="dark"] body.site-body .page-course-v17 .kd-signature{color:var(--ko-orange-2)!important}
html[data-theme="dark"] body.site-body .page-course-v17 .kd-guarantee-mark{
background:linear-gradient(135deg,var(--ko-orange-2),var(--ko-orange))!important;
border-color:#ffc16a!important;
color:#fff!important;
}
html[data-theme="dark"] body.site-body .page-course-v17 .kd-guarantee-card .ks-text-button{color:var(--ko-orange-2)!important}
html[data-theme="dark"] body.site-body .kf-consult-banner{
background:linear-gradient(135deg,#173329,#10251e)!important;
border-color:#e98b2a66!important;
color:#fff!important;
box-shadow:0 14px 30px #06100c2b!important;
}
html[data-theme="dark"] body.site-body .kf-consult-banner h2{color:#fff!important}
html[data-theme="dark"] body.site-body .kf-consult-banner p{color:#efe3ca!important}
html[data-theme="dark"] body.site-body .kf-consult-banner .kf-button{
background:linear-gradient(135deg,var(--ko-orange-2),var(--ko-orange))!important;
color:#fff!important;
border-color:#ffc16a!important;
}
html[data-theme="dark"] body.site-body .kf-consult-banner .kf-button:hover{background:linear-gradient(135deg,#ffb454,#e57e1d)!important;color:#fff!important}
@media(max-width:700px){
body.site-body.page-home-v17 .kh-journey .ks-motion-button{display:none!important}
}
/* Section: kochar-ui-v4 */
:root{
--ko4-orange:#ef8f24;
--ko4-orange-2:#ffad43;
--ko4-orange-deep:#d96f12;
--ko4-ink:#10231c;
--ko4-cream:#fff4df;
--ko4-muted:#d9c9aa;
}
html[data-theme="dark"] body.site-body :is(.kf-button,.btn--primary,.v17-button-secondary,.kf-round){
background:linear-gradient(135deg,var(--ko4-orange-2),var(--ko4-orange))!important;
color:#fff!important;
border-color:#ffc66f!important;
box-shadow:0 9px 22px rgba(239,143,36,.22)!important;
}
html[data-theme="dark"] body.site-body :is(.kf-button,.btn--primary,.v17-button-secondary,.kf-round):not(:disabled):hover{
background:linear-gradient(135deg,#ffba5d,var(--ko4-orange-deep))!important;
color:#fff!important;
border-color:#ffd18b!important;
box-shadow:0 13px 30px rgba(239,143,36,.34)!important;
transform:translateY(-2px);
}
html[data-theme="dark"] body.site-body :is(.kf-button,.btn--primary,.v17-button-secondary,.kf-round) *{color:#fff!important}
body.site-body input[type="checkbox"]{
width:16px!important;
min-width:16px!important;
max-width:16px!important;
height:16px!important;
min-height:16px!important;
max-height:16px!important;
padding:0!important;
flex:0 0 16px!important;
accent-color:var(--ko4-orange)!important;
}
body.site-body .auth-form__meta .check{
position:relative!important;
display:inline-flex!important;
width:auto!important;
max-width:100%!important;
align-items:center!important;
justify-content:flex-start!important;
gap:9px!important;
min-height:28px!important;
cursor:pointer!important;
color:var(--site-text,#fff4df)!important;
}
body.site-body .auth-form__meta .check .check__input{
position:absolute!important;
inline-size:1px!important;
block-size:1px!important;
min-inline-size:1px!important;
min-block-size:1px!important;
max-inline-size:1px!important;
max-block-size:1px!important;
opacity:0!important;
pointer-events:none!important;
overflow:hidden!important;
margin:0!important;
padding:0!important;
}
body.site-body .auth-form__meta .check .check__box{
display:grid!important;
place-items:center!important;
flex:0 0 18px!important;
width:18px!important;
height:18px!important;
border-radius:5px!important;
border:1px solid #c9903c!important;
background:#10251e!important;
color:transparent!important;
font-size:12px!important;
font-weight:900!important;
line-height:1!important;
box-shadow:none!important;
transition:.15s ease!important;
}
body.site-body .auth-form__meta .check .check__input:checked + .check__box{
background:linear-gradient(135deg,var(--ko4-orange-2),var(--ko4-orange))!important;
border-color:#ffc66f!important;
color:#fff!important;
}
body.site-body .auth-form__meta .check .check__input:focus-visible + .check__box{
outline:3px solid rgba(239,143,36,.30)!important;
outline-offset:3px!important;
}
body.site-body .auth-form__meta .check .check__label,
body.site-body .auth-form__meta .check .check__label a{color:inherit!important}
body.site-body .auth-form__meta .check .check__label a{color:var(--ko4-orange-2)!important}
body.site-body .auth-layout{
grid-template-columns:minmax(0,1fr) minmax(360px,420px)!important;
align-items:stretch!important;
gap:24px!important;
}
body.site-body .auth-layout>.auth-aside,
body.site-body .auth-layout>.auth-card{
height:100%!important;
min-width:0!important;
box-sizing:border-box!important;
}
body.site-body .auth-card{justify-content:flex-start!important}
body.site-body .auth-aside{justify-content:flex-start!important}
body.site-body .auth-aside__note{margin-top:auto!important}
@media(max-width:860px){
body.site-body .auth-page{padding:24px 0 90px!important}
body.site-body .auth-page>.container{width:min(100% - 24px,620px)!important}
body.site-body .auth-layout{
grid-template-columns:minmax(0,1fr)!important;
gap:14px!important;
max-width:620px!important;
}
body.site-body .auth-card{order:1!important;padding:22px 18px!important;border-radius:18px!important}
body.site-body .auth-aside{order:2!important;padding:20px 18px!important;border-radius:18px!important;height:auto!important}
body.site-body .auth-tabs{width:100%!important}
body.site-body .auth-form{gap:15px!important}
body.site-body .auth-form .field,
body.site-body .auth-form .input-wrap,
body.site-body .auth-form input:not([type="checkbox"]),
body.site-body .auth-form select,
body.site-body .auth-form textarea{width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
body.site-body .auth-form input:not([type="checkbox"]){min-height:46px!important}
body.site-body .auth-form__meta{min-height:28px!important}
body.site-body .auth-aside__list{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:520px){
body.site-body .auth-page>.container{width:calc(100% - 18px)!important}
body.site-body .auth-card{padding:18px 14px!important}
body.site-body .auth-aside{padding:17px 14px!important}
body.site-body .auth-aside__list{grid-template-columns:1fr!important}
body.site-body .auth-card__title{font-size:1.2rem!important}
body.site-body .auth-card__sub{font-size:.8rem!important}
body.site-body .auth-tabs__btn{font-size:.8rem!important;padding:9px 8px!important}
body.site-body .field__row{gap:8px!important;align-items:flex-start!important}
}
html[data-theme="dark"] body.site-body .kc-offer-timer{
background:linear-gradient(135deg,#f3a03b,#d97217)!important;
border-color:#ffc66f!important;
color:#fff!important;
box-shadow:0 10px 25px rgba(217,114,23,.28),inset 0 1px 0 rgba(255,255,255,.25)!important;
}
html[data-theme="dark"] body.site-body .kc-offer-timer :is(span,b,strong,small,a){color:#fff!important}
html[data-theme="dark"] body.site-body .kc-clock-unit{
background:rgba(67,32,7,.34)!important;
border-color:rgba(255,219,160,.42)!important;
color:#fff!important;
}
html[data-theme="dark"] body.site-body :is(.kc-clock-digit,.kc-clock-label){color:#fff!important}
html[data-theme="dark"] body.site-body.ks-public.page-courses-list .kf-course{
border-color:rgba(239,143,36,.24)!important;
}
html[data-theme="dark"] body.site-body.ks-public.page-courses-list .kf-course .kf-price strong,
html[data-theme="dark"] body.site-body.ks-public.page-courses-list .kf-course .kf-price small{color:#fff!important}
html[data-theme="dark"] body.site-body.ks-public.page-courses-list .kf-course .kf-price del{
color:var(--ko4-orange-2)!important;
text-decoration-color:var(--ko4-orange-2)!important;
}
html[data-theme="dark"] body.site-body.ks-public.page-courses-list .kf-course .kf-level{
background:linear-gradient(135deg,var(--ko4-orange-2),var(--ko4-orange))!important;
border-color:#ffc66f!important;
color:#fff!important;
}
html[data-theme="dark"] body.site-body.page-home-v17 .kh-courses-three .v17-price strong{color:#fff!important}
html[data-theme="dark"] body.site-body.page-home-v17 .kh-courses-three .v17-price del{
color:var(--ko4-orange-2)!important;
text-decoration-color:var(--ko4-orange-2)!important;
}
html[data-theme="dark"] body.site-body.page-home-v17 .kh-courses-three .v17-course-card__level{
background:linear-gradient(135deg,var(--ko4-orange-2),var(--ko4-orange))!important;
border-color:#ffc66f!important;
color:#fff!important;
}
html[data-theme="dark"] body.site-body.ks-public.page-course-v17 .v17-buy-price>div span{
background:linear-gradient(135deg,var(--ko4-orange-2),var(--ko4-orange))!important;
color:#fff!important;
border:1px solid #ffc66f!important;
box-shadow:0 6px 16px rgba(239,143,36,.25)!important;
}
html[data-theme="dark"] body.site-body.ks-public.page-course-v17 .v17-buy-price del{
color:var(--ko4-orange-2)!important;
text-decoration-color:var(--ko4-orange-2)!important;
}
html[data-theme="dark"] body.site-body.ks-public.page-course-v17 .v17-buy-price>strong,
html[data-theme="dark"] body.site-body.ks-public.page-course-v17 .v17-buy-price>strong span,
html[data-theme="dark"] body.site-body.ks-public.page-course-v17 .v17-buy-price>strong small,
html[data-theme="dark"] body.site-body.ks-public.page-course-v17 .v17-sticky-buy__price,
html[data-theme="dark"] body.site-body.ks-public.page-course-v17 .v17-sticky-buy__price span{color:#fff!important}
html[data-theme="dark"] body.site-body.ks-public.page-course-v17 .v17-course-stats>div{
background:#122a22!important;
border:1px solid rgba(239,143,36,.26)!important;
}
html[data-theme="dark"] body.site-body.ks-public.page-course-v17 .v17-course-stats strong{color:var(--ko4-orange-2)!important}
html[data-theme="dark"] body.site-body.ks-public.page-course-v17 .v17-course-stats span{color:#f5ead5!important}
html[data-theme="dark"] body.site-body.ks-public.page-course-v17 :is(.v17-buy-features,.v17-feature-list) li>span,
html[data-theme="dark"] body.site-body.ks-public.page-course-v17 .kd-check-list li>span{
display:grid!important;
place-items:center!important;
background:linear-gradient(135deg,var(--ko4-orange-2),var(--ko4-orange))!important;
border:1px solid #ffc66f!important;
color:#fff!important;
box-shadow:0 5px 14px rgba(239,143,36,.20)!important;
}
html[data-theme="dark"] body.site-body.ks-public.page-course-v17 :is(.kd-list-section,.v17-content-card) h3{color:#fff!important}
html[data-theme="dark"] body.site-body.ks-public.page-course-v17 :is(.kd-check-list p,.v17-buy-features li,.v17-feature-list li){color:#f8edd9!important}
html[data-theme="dark"] body.site-body.ks-public.page-course-v17 .kd-negative .kd-check-list li>span{
background:linear-gradient(135deg,#f1a044,#dd7419)!important;
color:#fff!important;
}
html[data-theme="dark"] body.site-body.ks-public.page-course-v17 .kd-included-grid article{
background:linear-gradient(135deg,#142d24,#10251e)!important;
border-color:rgba(239,143,36,.24)!important;
}
html[data-theme="dark"] body.site-body.ks-public.page-course-v17 .kd-included-grid h4{color:#fff!important}
html[data-theme="dark"] body.site-body.ks-public.page-course-v17 .kd-included-grid p{color:#e4d6ba!important}
html[data-theme="dark"] body.site-body.ks-public.page-course-v17 .v17-related article{
background:linear-gradient(135deg,#142d24,#10251e)!important;
border-color:rgba(239,143,36,.28)!important;
}
html[data-theme="dark"] body.site-body.ks-public.page-course-v17 .v17-related h4,
html[data-theme="dark"] body.site-body.ks-public.page-course-v17 .v17-related h4 a{color:#fff!important}
html[data-theme="dark"] body.site-body.ks-public.page-course-v17 .v17-related p{color:#e3d4b8!important}
html[data-theme="dark"] body.site-body.ks-public.page-course-v17 .v17-related__foot strong,
html[data-theme="dark"] body.site-body.ks-public.page-course-v17 .v17-related__foot .v17-text-link{color:var(--ko4-orange-2)!important}
html[data-theme="dark"] body.site-body.ks-public.page-course-v17 .kd-guarantee-card{
background:linear-gradient(135deg,#173128,#10251e)!important;
border-color:rgba(239,143,36,.42)!important;
color:#fff!important;
box-shadow:0 14px 32px rgba(0,0,0,.24)!important;
}
html[data-theme="dark"] body.site-body.ks-public.page-course-v17 .kd-guarantee-card h2{color:#fff!important}
html[data-theme="dark"] body.site-body.ks-public.page-course-v17 .kd-guarantee-card p{color:#f1e5cf!important}
html[data-theme="dark"] body.site-body.ks-public.page-course-v17 .kd-guarantee-card :is(.ks-eyebrow,.kd-signature,.ks-text-button){color:var(--ko4-orange-2)!important}
html[data-theme="dark"] body.site-body.ks-public.page-course-v17 .kd-guarantee-mark{
background:linear-gradient(135deg,var(--ko4-orange-2),var(--ko4-orange))!important;
border-color:#ffc66f!important;
color:#fff!important;
}
html[data-theme="dark"] body.site-body.ks-public .kf-consult-banner{
background:linear-gradient(135deg,#173128,#10251e)!important;
border:1px solid rgba(239,143,36,.42)!important;
color:#fff!important;
box-shadow:0 14px 30px rgba(0,0,0,.22)!important;
}
html[data-theme="dark"] body.site-body.ks-public .kf-consult-banner h2{color:#fff!important}
html[data-theme="dark"] body.site-body.ks-public .kf-consult-banner p{color:#f0e3ca!important}
html[data-theme="dark"] body.site-body.ks-public .kf-consult-banner .kf-button{
background:linear-gradient(135deg,var(--ko4-orange-2),var(--ko4-orange))!important;
color:#fff!important;
}
@media(max-width:760px){
body.site-body.page-home-v17 [data-motion-toggle],
body.site-body.page-home-v17 .ks-motion-button{display:none!important}
}
/* Section: kochar-ui-v5 */
:root{
--ko5-gold-1:#fff0b8;
--ko5-gold-2:#e8c66d;
--ko5-gold-3:#c99637;
--ko5-gold-4:#a96f1f;
--ko5-gold-ink:#18231d;
--ko5-gold-ring:rgba(255,232,167,.62);
--ko5-gold-shadow:rgba(170,112,31,.26);
}
body.site-body :is(
.kf-button,
.kf-button-orange,
.btn--primary,
.btn--ghost,
.btn--outline,
.v17-button-secondary,
.kf-round,
.kd-button,
.kh-courses-more__button,
.ks-text-button
){
position:relative!important;
overflow:hidden!important;
background:
linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,0) 43%),
linear-gradient(135deg,var(--ko5-gold-1) 0%,var(--ko5-gold-2) 34%,var(--ko5-gold-3) 72%,var(--ko5-gold-4) 100%)!important;
color:var(--ko5-gold-ink)!important;
border-color:rgba(255,226,151,.76)!important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,.62),
inset 0 -1px 0 rgba(103,64,8,.12),
0 9px 22px var(--ko5-gold-shadow)!important;
text-shadow:0 1px 0 rgba(255,255,255,.20)!important;
transition:transform .18s ease,box-shadow .18s ease,filter .18s ease,border-color .18s ease!important;
}
body.site-body :is(
.kf-button,
.kf-button-orange,
.btn--primary,
.btn--ghost,
.btn--outline,
.v17-button-secondary,
.kf-round,
.kd-button,
.kh-courses-more__button,
.ks-text-button
) :is(span,strong,b,small,svg){
color:inherit!important;
}
body.site-body :is(
.kf-button,
.kf-button-orange,
.btn--primary,
.btn--ghost,
.btn--outline,
.v17-button-secondary,
.kf-round,
.kd-button,
.kh-courses-more__button,
.ks-text-button
):not(:disabled):hover{
background:
linear-gradient(180deg,rgba(255,255,255,.30),rgba(255,255,255,0) 45%),
linear-gradient(135deg,#fff5ca 0%,#f1d27e 34%,#dca947 72%,#b97a22 100%)!important;
color:#111b16!important;
border-color:#ffe5a0!important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,.72),
0 13px 30px rgba(177,118,32,.34),
0 0 0 1px rgba(255,225,151,.18)!important;
filter:saturate(1.04) brightness(1.025)!important;
transform:translateY(-2px)!important;
}
body.site-body :is(
.kf-button,
.kf-button-orange,
.btn--primary,
.btn--ghost,
.btn--outline,
.v17-button-secondary,
.kf-round,
.kd-button,
.kh-courses-more__button,
.ks-text-button
):active{
transform:translateY(0)!important;
filter:brightness(.97)!important;
box-shadow:inset 0 2px 5px rgba(82,49,7,.16),0 5px 14px rgba(170,112,31,.22)!important;
}
body.site-body :is(
.kf-button,
.kf-button-orange,
.btn--primary,
.btn--ghost,
.btn--outline,
.v17-button-secondary,
.kf-round,
.kd-button,
.kh-courses-more__button,
.ks-text-button
):focus-visible{
outline:3px solid var(--ko5-gold-ring)!important;
outline-offset:3px!important;
}
body.site-body :is(
.kf-button,
.kf-button-orange,
.btn--primary,
.btn--ghost,
.btn--outline,
.v17-button-secondary,
.kd-button,
.kh-courses-more__button,
.ks-text-button
):disabled,
body.site-body :is(
.kf-button,
.kf-button-orange,
.btn--primary,
.btn--ghost,
.btn--outline,
.v17-button-secondary,
.kd-button,
.kh-courses-more__button,
.ks-text-button
)[aria-disabled="true"]{
opacity:.56!important;
filter:saturate(.72)!important;
transform:none!important;
}
body.site-body .auth-tabs__btn.is-active{
background:
linear-gradient(180deg,rgba(255,255,255,.20),transparent 45%),
linear-gradient(135deg,var(--ko5-gold-1),var(--ko5-gold-2) 40%,var(--ko5-gold-3) 76%,var(--ko5-gold-4))!important;
color:var(--ko5-gold-ink)!important;
border-color:rgba(255,226,151,.66)!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 7px 18px rgba(170,112,31,.22)!important;
}
body.site-body .auth-tabs__btn.is-active:hover{
color:#111b16!important;
filter:brightness(1.04)!important;
}
html[data-theme="dark"] body.site-body.ks-public.page-course-v17 :is(.kf-button,.v17-button-secondary,.ks-text-button),
html[data-theme="dark"] body.site-body.ks-public.page-courses-list .kf-button,
html[data-theme="dark"] body.site-body.ks-public .kf-consult-banner .kf-button,
html[data-theme="dark"] body.site-body.page-home-v17 :is(.kf-button,.kh-courses-more__button){
background:
linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,0) 43%),
linear-gradient(135deg,var(--ko5-gold-1) 0%,var(--ko5-gold-2) 34%,var(--ko5-gold-3) 72%,var(--ko5-gold-4) 100%)!important;
color:var(--ko5-gold-ink)!important;
border-color:rgba(255,226,151,.76)!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.62),0 9px 22px var(--ko5-gold-shadow)!important;
}
html[data-theme="dark"] body.site-body .kc-offer-timer,
html[data-theme="dark"] body.site-body.ks-public.page-course-v17 .v17-buy-price>div span,
html[data-theme="dark"] body.site-body.ks-public.page-course-v17 :is(.v17-buy-features,.v17-feature-list) li>span,
html[data-theme="dark"] body.site-body.ks-public.page-course-v17 .kd-check-list li>span,
html[data-theme="dark"] body.site-body.ks-public.page-course-v17 .kd-guarantee-mark{
color:#fff!important;
}
/* Section: kochar-ui-v6 */
:root{
--ko6-gold-gradient:var(--brand-gradient,linear-gradient(115deg,#c3a05a 0%,#ecd8a8 48%,#b18a43 100%));
--ko6-gold-ink:var(--brand-on-accent,#24190f);
--ko6-gold-border:var(--gold-deep,#957132);
--ko6-gold-light:var(--gold-light,#ecd8a8);
--ko6-gold-shadow:rgba(149,113,50,.28);
}
body.site-body :is(
.kf-button,
.kf-button-orange,
.btn,
.btn--primary,
.btn--ghost,
.btn--outline,
.hero__btn,
.about-hero__cta,
.v17-button-secondary,
.kf-round,
.kd-button,
.kh-courses-more__button,
.kh-link-button,
.kg-text-button,
.ks-text-button,
.kes-snapp__action,
.nav-search__submit
){
background:var(--ko6-gold-gradient)!important;
color:var(--ko6-gold-ink)!important;
border-color:color-mix(in srgb,var(--ko6-gold-border) 72%,transparent)!important;
box-shadow:0 7px 18px var(--ko6-gold-shadow),inset 0 1px 0 rgba(255,255,255,.34)!important;
text-shadow:none!important;
filter:none!important;
transition:transform .2s ease,box-shadow .2s ease,filter .2s ease,border-color .2s ease!important;
}
body.site-body :is(
.kf-button,
.kf-button-orange,
.btn,
.btn--primary,
.btn--ghost,
.btn--outline,
.hero__btn,
.about-hero__cta,
.v17-button-secondary,
.kf-round,
.kd-button,
.kh-courses-more__button,
.kh-link-button,
.kg-text-button,
.ks-text-button,
.kes-snapp__action,
.nav-search__submit
) :is(span,strong,b,small,svg){color:inherit!important}
body.site-body :is(
.kf-button,
.kf-button-orange,
.btn,
.btn--primary,
.btn--ghost,
.btn--outline,
.hero__btn,
.about-hero__cta,
.v17-button-secondary,
.kf-round,
.kd-button,
.kh-courses-more__button,
.kh-link-button,
.kg-text-button,
.ks-text-button,
.kes-snapp__action,
.nav-search__submit
):not(:disabled):hover{
background:var(--ko6-gold-gradient)!important;
color:var(--ko6-gold-ink)!important;
border-color:var(--ko6-gold-border)!important;
box-shadow:0 11px 25px rgba(149,113,50,.36),inset 0 1px 0 rgba(255,255,255,.46)!important;
filter:brightness(1.055) saturate(1.03)!important;
transform:translateY(-2px)!important;
}
body.site-body :is(
.kf-button,
.kf-button-orange,
.btn,
.btn--primary,
.btn--ghost,
.btn--outline,
.hero__btn,
.about-hero__cta,
.v17-button-secondary,
.kf-round,
.kd-button,
.kh-courses-more__button,
.kh-link-button,
.kg-text-button,
.ks-text-button,
.kes-snapp__action,
.nav-search__submit
):active{
transform:translateY(0)!important;
filter:brightness(.98)!important;
box-shadow:0 4px 12px rgba(149,113,50,.24),inset 0 2px 4px rgba(80,55,15,.12)!important;
}
body.site-body .auth-tabs__btn.is-active{
background:var(--ko6-gold-gradient)!important;
color:var(--ko6-gold-ink)!important;
border-color:color-mix(in srgb,var(--ko6-gold-border) 70%,transparent)!important;
box-shadow:0 6px 15px rgba(149,113,50,.24),inset 0 1px 0 rgba(255,255,255,.34)!important;
}
body.site-body .kc-nav-gold{
background:var(--ko6-gold-gradient)!important;
color:var(--ko6-gold-ink)!important;
border-color:var(--ko6-gold-border)!important;
box-shadow:0 5px 18px rgba(149,113,50,.28)!important;
}
body.site-body .kc-nav-gold:hover{
background:var(--ko6-gold-gradient)!important;
color:var(--ko6-gold-ink)!important;
filter:brightness(1.05)!important;
box-shadow:0 8px 24px rgba(149,113,50,.36)!important;
}
body.site-body .kc-offer-timer{
border-color:color-mix(in srgb,var(--ko6-gold-border) 52%,transparent)!important;
background:
linear-gradient(115deg,rgba(195,160,90,.16) 0%,rgba(236,216,168,.10) 48%,rgba(177,138,67,.16) 100%)!important;
color:var(--ko6-gold-light)!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
}
body.site-body .kc-offer-timer>span:first-child{
color:var(--ko6-gold-light)!important;
}
body.site-body .kc-clock-unit{
background:var(--ko6-gold-gradient)!important;
color:var(--ko6-gold-ink)!important;
border-color:color-mix(in srgb,var(--ko6-gold-border) 72%,transparent)!important;
box-shadow:0 4px 10px rgba(149,113,50,.20),inset 0 1px 0 rgba(255,255,255,.30)!important;
}
body.site-body .kc-clock-digit{
color:var(--ko6-gold-ink)!important;
}
body.site-body .kc-clock-label{
color:color-mix(in srgb,var(--ko6-gold-ink) 84%,#000)!important;
background:rgba(255,255,255,.14)!important;
border-top-color:rgba(85,57,12,.10)!important;
}
/* Section: kochar-ui-v7 */
:root{
--ko7-gold-gradient:var(--brand-gradient,linear-gradient(115deg,#c3a05a 0%,#ecd8a8 48%,#b18a43 100%));
--ko7-gold-ink:var(--brand-on-accent,#24190f);
--ko7-gold-deep:var(--gold-deep,#957132);
}
html body.site-body .kc-offer-timer,
html[data-theme="dark"] body.site-body .kc-offer-timer,
html[data-theme="light"] body.site-body .kc-offer-timer{
background:var(--ko7-gold-gradient)!important;
color:var(--ko7-gold-ink)!important;
border:1px solid color-mix(in srgb,var(--ko7-gold-deep) 76%,transparent)!important;
box-shadow:
0 8px 22px rgba(149,113,50,.24),
inset 0 1px 0 rgba(255,255,255,.46)!important;
}
html body.site-body .kc-offer-timer>span:first-child,
html body.site-body .kc-offer-timer [data-offer-expired],
html body.site-body .kc-offer-timer a,
html body.site-body .kc-offer-timer strong{
color:var(--ko7-gold-ink)!important;
}
html body.site-body .kc-offer-timer .kc-clock-unit,
html[data-theme="dark"] body.site-body .kc-offer-timer .kc-clock-unit,
html[data-theme="light"] body.site-body .kc-offer-timer .kc-clock-unit{
background:var(--ko7-gold-gradient)!important;
color:var(--ko7-gold-ink)!important;
border:1px solid rgba(90,61,17,.18)!important;
box-shadow:
0 3px 9px rgba(101,72,24,.16),
inset 0 1px 0 rgba(255,255,255,.40)!important;
}
html body.site-body .kc-offer-timer .kc-clock-digit,
html body.site-body .kc-offer-timer .kc-clock-label{
color:var(--ko7-gold-ink)!important;
}
html body.site-body .kc-offer-timer .kc-clock-label{
background:rgba(255,255,255,.16)!important;
border-top-color:rgba(77,52,13,.12)!important;
}
html body.site-body :is(.kp-course-timer,.v17-buy-card,.kf-course-bottom) .kc-offer-timer{
background:var(--ko7-gold-gradient)!important;
}
html body.site-body .kc-offer-timer.is-expired{
background:var(--ko7-gold-gradient)!important;
color:var(--ko7-gold-ink)!important;
opacity:.94;
}
/* Section: kochar-ui-v8 */
:root{
--ko8-gold-gradient:var(--brand-gradient,linear-gradient(115deg,#c3a05a 0%,#ecd8a8 48%,#b18a43 100%));
--ko8-gold-ink:var(--brand-on-accent,#24190f);
--ko8-gold-deep:var(--gold-deep,#957132);
--ko8-gold-light:var(--gold-light,#ecd8a8);
--ko8-gold-soft:linear-gradient(115deg,rgba(195,160,90,.20) 0%,rgba(236,216,168,.11) 48%,rgba(177,138,67,.18) 100%);
}
html body.site-body.page-home-v17 :is(
.kh-hero .kf-button,
.kh-journey .kf-button,
#courses .v17-card-actions .kf-button,
.kh-consult .kf-button
),
html body.site-body .fab{
background:var(--ko8-gold-gradient)!important;
color:var(--ko8-gold-ink)!important;
border:1px solid color-mix(in srgb,var(--ko8-gold-deep) 72%,transparent)!important;
border-radius:999px!important;
box-shadow:0 7px 18px rgba(149,113,50,.28),inset 0 1px 0 rgba(255,255,255,.34)!important;
text-shadow:none!important;
filter:none!important;
}
html body.site-body.page-home-v17 :is(
.kh-hero .kf-button,
.kh-journey .kf-button,
#courses .v17-card-actions .kf-button,
.kh-consult .kf-button
) :is(span,strong,b,small,svg),
html body.site-body .fab :is(span,strong,b,small,svg){color:inherit!important}
html body.site-body.page-home-v17 :is(
.kh-hero .kf-button,
.kh-journey .kf-button,
#courses .v17-card-actions .kf-button,
.kh-consult .kf-button
):not(:disabled):hover,
html body.site-body .fab:not(:disabled):hover{
background:var(--ko8-gold-gradient)!important;
color:var(--ko8-gold-ink)!important;
border-color:var(--ko8-gold-deep)!important;
box-shadow:0 11px 25px rgba(149,113,50,.36),inset 0 1px 0 rgba(255,255,255,.46)!important;
filter:brightness(1.055) saturate(1.03)!important;
transform:translateY(-2px);
}
html body.site-body .fab:hover{transform:translateY(-50%)!important}
@media(max-width:700px){html body.site-body .fab:hover{transform:none!important}}
html body.site-body.page-home-v17 :is(
.kh-hero .kh-link-button,
.kh-journey .kh-link-button
){
background:transparent!important;
color:var(--ko8-gold-light)!important;
border:0!important;
box-shadow:none!important;
text-shadow:none!important;
filter:none!important;
transform:none!important;
}
html body.site-body.page-home-v17 :is(
.kh-hero .kh-link-button,
.kh-journey .kh-link-button
):hover{
background:transparent!important;
color:#ffe5a0!important;
box-shadow:none!important;
transform:none!important;
text-decoration:underline;
text-underline-offset:5px;
}
html body.site-body.page-home-v17 #courses .v17-card-actions .v17-button-secondary{
background:transparent!important;
color:var(--ko8-gold-light)!important;
border:1px solid color-mix(in srgb,var(--ko8-gold-light) 62%,transparent)!important;
border-radius:999px!important;
box-shadow:none!important;
text-shadow:none!important;
filter:none!important;
}
html body.site-body.page-home-v17 #courses .v17-card-actions .v17-button-secondary:hover{
background:rgba(236,216,168,.08)!important;
color:#ffe7aa!important;
border-color:var(--ko8-gold-light)!important;
box-shadow:none!important;
transform:translateY(-1px)!important;
}
html body.site-body.page-home-v17 .kd-gold-link,
html body.site-body.page-home-v17 .kd-gold-link:visited{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
gap:18px!important;
min-height:48px!important;
padding:7px 18px 7px 7px!important;
border:1px solid #c3a25c!important;
border-radius:16px!important;
background:linear-gradient(120deg,#153d30,#2a6045)!important;
color:#f4d485!important;
font-weight:800!important;
text-decoration:none!important;
box-shadow:0 8px 20px rgba(23,60,48,.12)!important;
}
html body.site-body.page-home-v17 .kd-gold-link:hover{
background:linear-gradient(120deg,#174536,#2f6a4d)!important;
color:#ffe6a9!important;
border-color:#dbba70!important;
box-shadow:0 12px 26px rgba(16,45,35,.22)!important;
transform:translateY(-2px)!important;
filter:none!important;
}
html body.site-body.page-home-v17 .kd-gold-link>.kh-courses-more__arrow{
display:grid!important;
place-items:center!important;
width:33px!important;
height:33px!important;
flex:0 0 33px!important;
border-radius:10px!important;
background:var(--ko8-gold-gradient)!important;
color:#183e2d!important;
border:0!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.35)!important;
}
html body.site-body.page-home-v17 .kd-gold-link:focus-visible{
outline:3px solid #c6a15b!important;
outline-offset:4px!important;
}
html body.site-body .kc-offer-timer,
html[data-theme="dark"] body.site-body .kc-offer-timer,
html[data-theme="light"] body.site-body .kc-offer-timer{
background:var(--ko8-gold-soft)!important;
color:var(--ko8-gold-light)!important;
border:1px solid rgba(195,162,92,.48)!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 6px 18px rgba(92,66,22,.10)!important;
}
html body.site-body .kc-offer-timer>span:first-child,
html body.site-body .kc-offer-timer [data-offer-expired],
html body.site-body .kc-offer-timer a,
html body.site-body .kc-offer-timer strong{
color:var(--ko8-gold-light)!important;
}
html[data-theme="dark"] body.site-body .kc-offer-timer .kc-clock-unit{
background:rgba(18,34,28,.78)!important;
border:1px solid rgba(211,179,104,.42)!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;
}
html[data-theme="light"] body.site-body .kc-offer-timer .kc-clock-unit,
html:not([data-theme]) body.site-body .kc-offer-timer .kc-clock-unit{
background:rgba(255,248,230,.90)!important;
border:1px solid rgba(177,138,67,.34)!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.70)!important;
}
html body.site-body .kc-offer-timer .kc-clock-label{
border-top:1px solid rgba(195,162,92,.20)!important;
}
html body.site-body .kc-offer-timer.is-expired{
background:var(--ko8-gold-soft)!important;
color:var(--ko8-gold-light)!important;
}
/* Section: kochar-ui-v9 */
:root{
--ko9-gold-gradient:var(--brand-gradient,linear-gradient(115deg,#c3a05a 0%,#ecd8a8 48%,#b18a43 100%));
--ko9-gold-ink:var(--brand-on-accent,#24190f);
--ko9-gold-border:#d7b968;
--ko9-gold-light:#f0d58c;
--ko9-gold-soft:linear-gradient(115deg,rgba(195,160,90,.16) 0%,rgba(236,216,168,.08) 48%,rgba(177,138,67,.14) 100%);
--ko9-link-green:linear-gradient(120deg,#174536,#2f6a4d);
}
html body.site-body.page-home-v17 .kd-gold-link,
html body.site-body.page-home-v17 .kd-gold-link:visited{
background:var(--ko9-link-green)!important;
color:#ffe6a9!important;
border-color:#dbba70!important;
box-shadow:0 12px 26px rgba(16,45,35,.22)!important;
transform:none!important;
filter:none!important;
}
html body.site-body.page-home-v17 .kd-gold-link:hover,
html body.site-body.page-home-v17 .kd-gold-link:focus-visible{
background:var(--ko9-link-green)!important;
color:#fff0bf!important;
border-color:#e4c47d!important;
box-shadow:0 14px 30px rgba(16,45,35,.28)!important;
filter:brightness(1.045)!important;
transform:translateY(-2px)!important;
}
html body.site-body .kc-offer-timer,
html[data-theme="dark"] body.site-body .kc-offer-timer,
html[data-theme="light"] body.site-body .kc-offer-timer{
background:var(--ko9-gold-soft)!important;
color:var(--ko9-gold-light)!important;
border:1.5px solid var(--ko9-gold-border)!important;
outline:1px solid rgba(236,216,168,.10)!important;
outline-offset:-2px!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 7px 20px rgba(92,66,22,.11)!important;
}
html body.site-body .kc-offer-timer>span:first-child,
html body.site-body .kc-offer-timer [data-offer-expired],
html body.site-body .kc-offer-timer a,
html body.site-body .kc-offer-timer strong{
color:var(--ko9-gold-light)!important;
}
html[data-theme="dark"] body.site-body .kc-offer-timer .kc-clock-unit{
background:#142a23!important;
color:#f4dfaa!important;
border:1px solid rgba(215,185,104,.48)!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.045)!important;
}
html[data-theme="light"] body.site-body .kc-offer-timer .kc-clock-unit,
html:not([data-theme]) body.site-body .kc-offer-timer .kc-clock-unit{
background:#fff8e8!important;
color:#47351b!important;
border:1px solid rgba(190,153,72,.46)!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.72)!important;
}
html body.site-body .kc-offer-timer .kc-clock-digit{color:inherit!important}
html body.site-body .kc-offer-timer .kc-clock-label{
color:inherit!important;
background:transparent!important;
border-top:1px solid rgba(215,185,104,.20)!important;
}
html body.site-body .kc-offer-timer.is-expired{
background:var(--ko9-gold-soft)!important;
border-color:var(--ko9-gold-border)!important;
}
html body.site-body.page-course-v17 .v17-buy-card form .kf-button,
html body.site-body.page-course-v17 .v17-sticky-buy form .kf-button{
background:var(--ko9-gold-gradient)!important;
color:var(--ko9-gold-ink)!important;
border:1px solid rgba(149,113,50,.72)!important;
box-shadow:0 7px 18px rgba(149,113,50,.28),inset 0 1px 0 rgba(255,255,255,.34)!important;
text-shadow:none!important;
filter:none!important;
}
html body.site-body.page-course-v17 .v17-buy-card form .kf-button:hover,
html body.site-body.page-course-v17 .v17-sticky-buy form .kf-button:hover{
background:var(--ko9-gold-gradient)!important;
color:var(--ko9-gold-ink)!important;
filter:brightness(1.055)!important;
box-shadow:0 11px 25px rgba(149,113,50,.36),inset 0 1px 0 rgba(255,255,255,.46)!important;
}
html body.site-body.page-course-v17 .v17-buy-card>.v17-button-secondary[data-consult-open]{
background:transparent!important;
color:var(--v17-muted)!important;
border:1px solid var(--v17-line)!important;
box-shadow:none!important;
text-shadow:none!important;
filter:none!important;
transform:none!important;
}
html body.site-body.page-course-v17 .v17-buy-card>.v17-button-secondary[data-consult-open]:hover{
background:rgba(255,255,255,.035)!important;
color:var(--v17-text)!important;
border-color:color-mix(in srgb,var(--v17-muted) 55%,var(--v17-line))!important;
box-shadow:none!important;
filter:none!important;
transform:none!important;
}
html body.site-body.page-course-v17 .kes-snapp__action{
background:transparent!important;
color:inherit!important;
border-color:#bed6ef!important;
text-shadow:none!important;
filter:none!important;
transform:none!important;
}
html[data-theme="dark"] body.site-body.page-course-v17 .kes-snapp__action{
border-color:rgba(190,214,239,.30)!important;
}
html body.site-body.page-course-v17 .kes-snapp__action>.kf-button,
html body.site-body.page-course-v17 .kes-snapp__action button.kf-button{
background:var(--ko9-gold-gradient)!important;
color:var(--ko9-gold-ink)!important;
border:1px solid rgba(149,113,50,.72)!important;
box-shadow:0 7px 18px rgba(149,113,50,.24),inset 0 1px 0 rgba(255,255,255,.34)!important;
}
html body.site-body.page-course-v17 .kes-snapp__action>.kf-button:hover,
html body.site-body.page-course-v17 .kes-snapp__action button.kf-button:hover{
background:var(--ko9-gold-gradient)!important;
color:var(--ko9-gold-ink)!important;
filter:brightness(1.055)!important;
}
html body.site-body.page-course-v17 .v17-related article>div{
padding-left:15px!important;
}
html body.site-body.page-course-v17 .v17-related__foot{
padding-inline:2px 6px!important;
}
html body.site-body.page-course-v17 .v17-related__foot .v17-text-link{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
min-height:34px!important;
padding:6px 13px!important;
border-radius:999px!important;
background:var(--ko9-gold-gradient)!important;
color:var(--ko9-gold-ink)!important;
border:1px solid rgba(149,113,50,.70)!important;
box-shadow:0 5px 14px rgba(149,113,50,.20),inset 0 1px 0 rgba(255,255,255,.30)!important;
text-decoration:none!important;
white-space:nowrap!important;
flex:0 0 auto!important;
margin-inline-end:4px!important;
}
html body.site-body.page-course-v17 .v17-related__foot .v17-text-link:hover{
background:var(--ko9-gold-gradient)!important;
color:var(--ko9-gold-ink)!important;
filter:brightness(1.055)!important;
transform:translateY(-1px)!important;
}
/* Section: kochar-ui-v10 */
:root{
--ko10-gold-gradient:var(--brand-gradient,linear-gradient(115deg,#c3a05a 0%,#ecd8a8 48%,#b18a43 100%));
--ko10-gold-ink:var(--brand-on-accent,#24190f);
--ko10-gold:#d7b968;
--ko10-gold-soft:linear-gradient(115deg,rgba(195,160,90,.34) 0%,rgba(236,216,168,.17) 48%,rgba(177,138,67,.28) 100%);
--ko10-dark:#0d231c;
--ko10-dark-2:#142f26;
--ko10-cream:#f5e7bf;
}
html body.site-body .kc-offer-timer,
html[data-theme="dark"] body.site-body .kc-offer-timer,
html[data-theme="light"] body.site-body .kc-offer-timer{
background:var(--ko10-gold-soft)!important;
border:2px solid var(--ko10-gold)!important;
outline:1px solid rgba(236,216,168,.13)!important;
outline-offset:-3px!important;
color:#f7df9d!important;
box-shadow:0 10px 24px rgba(88,61,17,.14),inset 0 1px 0 rgba(255,255,255,.12)!important;
}
html body.site-body .kc-offer-timer>span:first-child,
html body.site-body .kc-offer-timer [data-offer-expired],
html body.site-body .kc-offer-timer [data-offer-expired] a{
color:#f4d889!important;
}
html body.site-body .kc-offer-timer .kc-clock-unit{
border:1px solid rgba(224,191,105,.62)!important;
color:#fff0c5!important;
}
html body.site-body .kc-offer-timer .kc-clock-label{
background:rgba(255,255,255,.025)!important;
border-top-color:rgba(224,191,105,.26)!important;
color:#e9d39c!important;
}
html body.site-body.page-course-v17 .v17-snapp,
html[data-theme="dark"] body.site-body.page-course-v17 .v17-snapp{
background:linear-gradient(135deg,#eaf5ff 0%,#dceeff 100%)!important;
border:1px solid #b7d4ee!important;
color:#0c356d!important;
box-shadow:none!important;
}
html body.site-body.page-course-v17 .v17-snapp :is(h3,p,span,strong,small){
color:#0c356d!important;
text-shadow:none!important;
}
html body.site-body.page-course-v17 .v17-snapp p,
html body.site-body.page-course-v17 .v17-snapp .kes-snapp__action small{
color:#315a82!important;
}
html body.site-body.page-course-v17 .v17-snapp__badge{
background:#f9fcff!important;
color:#0c4b98!important;
border:1px solid #b9d5f2!important;
box-shadow:none!important;
}
html body.site-body.page-course-v17 .kes-snapp__action{
background:rgba(255,255,255,.24)!important;
border:1px solid rgba(103,151,195,.28)!important;
color:#0c356d!important;
box-shadow:none!important;
}
html body.site-body.page-course-v17 .kes-snapp__amount,
html body.site-body.page-course-v17 .kes-snapp__amount *{
color:#0b3b78!important;
}
html body.site-body.page-course-v17 .kes-snapp__action .kf-button{
background:var(--ko10-gold-gradient)!important;
color:var(--ko10-gold-ink)!important;
border:1px solid rgba(149,113,50,.72)!important;
box-shadow:0 7px 18px rgba(149,113,50,.24),inset 0 1px 0 rgba(255,255,255,.34)!important;
}
html body.site-body.page-studio-about .ks-team-panels{display:none!important}
html body.site-body.page-studio-about .about-hero{border-bottom:0!important}
html body.site-body.page-studio-about .about-hero__cta .btn--primary{
background:transparent!important;
background-image:none!important;
color:#f5e7bf!important;
border:1px solid rgba(231,199,116,.62)!important;
box-shadow:none!important;
filter:none!important;
transform:none!important;
}
html body.site-body.page-studio-about .about-hero__cta .btn--primary:hover{
background:rgba(231,199,116,.07)!important;
color:#fff1c8!important;
border-color:#e4c47d!important;
box-shadow:none!important;
transform:translateY(-1px)!important;
}
html body.site-body.page-studio-campaign main,
html[data-theme="dark"] body.site-body.page-studio-campaign main{
background:var(--bg,#0b211a)!important;
background-image:none!important;
}
html body.site-body.page-studio-campaign .kg-page{
background:transparent!important;
background-image:none!important;
}
html body.site-body.page-studio-campaign .kg-hero{
background:var(--bg-2,#122e25)!important;
background-image:none!important;
border-color:rgba(215,185,104,.25)!important;
}
html body.site-body.page-studio-campaign .kg-buy,
html body.site-body.page-studio-campaign .kg-grid .kg-card,
html body.site-body.page-studio-campaign .kg-card-gold,
html body.site-body.page-studio-campaign .kg-installments{
background:var(--bg-2,#122e25)!important;
background-image:none!important;
border-color:rgba(215,185,104,.22)!important;
box-shadow:none!important;
}
html body.site-body.page-studio-campaign .kg-tabs{
background:var(--bg-2,#122e25)!important;
background-image:none!important;
border-color:rgba(215,185,104,.28)!important;
}
html body.site-body.page-studio-campaign .kg-tabs a{
color:var(--text,#f6ebcf)!important;
}
html body.site-body.page-studio-campaign .kg-tabs a:hover{
background:rgba(215,185,104,.08)!important;
color:#f5d88e!important;
}
html body.site-body.page-studio-campaign .kg-page :is(p,li){
color:var(--muted,#cbbf9d)!important;
}
html body.site-body.page-studio-campaign .kg-page :is(h1,h2,h3,strong){
color:var(--text,#f6ebcf);
}
html body.site-body.page-studio-campaign .kg-buy .kf-button,
html body.site-body.page-studio-campaign .kg-card-gold .kf-button,
html body.site-body.page-studio-campaign .kg-installments .kf-button,
html body.site-body.page-studio-campaign .kg-feedback .kf-button,
html body.site-body.page-studio-campaign .kg-faq .kf-button{
background:var(--ko10-gold-gradient)!important;
color:var(--ko10-gold-ink)!important;
border:1px solid rgba(149,113,50,.70)!important;
box-shadow:0 7px 18px rgba(149,113,50,.23),inset 0 1px 0 rgba(255,255,255,.32)!important;
}
html body.site-body.page-studio-campaign .kg-text-button{
width:auto!important;
align-self:flex-start!important;
background:rgba(255,255,255,.035)!important;
background-image:none!important;
color:#f3e5c2!important;
border:1px solid rgba(235,215,165,.24)!important;
border-radius:12px!important;
padding:10px 14px!important;
box-shadow:none!important;
text-decoration:none!important;
filter:none!important;
transform:none!important;
}
html body.site-body.page-studio-campaign .kg-text-button:hover{
background:rgba(255,255,255,.07)!important;
color:#fff2cf!important;
border-color:rgba(235,215,165,.42)!important;
box-shadow:none!important;
filter:none!important;
transform:none!important;
}
html body.site-body.page-studio-campaign .kg-compare .kg-card{
background:var(--bg-2,#122e25)!important;
background-image:none!important;
border:1px solid rgba(215,185,104,.22)!important;
box-shadow:none!important;
}
html body.site-body.page-studio-campaign .kg-compare .kg-card-gold{
box-shadow:inset 0 0 0 1px rgba(215,185,104,.10)!important;
}
html body.site-body.page-studio-campaign .kg-compare-row{
border-bottom-color:rgba(215,185,104,.18)!important;
}
html body.site-body.page-studio-campaign .kg-compare-row a{
color:#f3e3b8!important;
}
html{color-scheme:dark}
html[data-theme="dark"] body.site-body{background:var(--bg,#0b211a);color:var(--text,#f6ebcf)}
/* Section: kochar-ui-v11 */
:root{
--ko11-gold-gradient:var(--brand-gradient,linear-gradient(115deg,#c3a05a 0%,#ecd8a8 48%,#b18a43 100%));
--ko11-gold-ink:var(--brand-on-accent,#24190f);
--ko11-gold:#d7b968;
--ko11-green-1:#174536;
--ko11-green-2:#2f6a4d;
--ko11-green-ink:#ffe6a9;
}
html[data-theme="light"]{color-scheme:light}
html[data-theme="light"] body.site-body .kc-offer-timer{
color:#5b4218!important;
border-color:#c9a653!important;
background:linear-gradient(115deg,rgba(195,160,90,.22) 0%,rgba(255,249,232,.92) 48%,rgba(177,138,67,.18) 100%)!important;
box-shadow:0 7px 20px rgba(92,66,22,.10),inset 0 1px 0 rgba(255,255,255,.82)!important;
}
html[data-theme="light"] body.site-body .kc-offer-timer>span:first-child,
html[data-theme="light"] body.site-body .kc-offer-timer [data-offer-expired],
html[data-theme="light"] body.site-body .kc-offer-timer [data-offer-expired] a,
html[data-theme="light"] body.site-body .kc-offer-timer a,
html[data-theme="light"] body.site-body .kc-offer-timer strong{
color:#624817!important;
text-shadow:none!important;
}
html[data-theme="light"] body.site-body .kc-offer-timer .kc-clock-unit{
background:#fffaf0!important;
background-image:none!important;
color:#33250f!important;
border:1px solid #d4b564!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.95)!important;
}
html[data-theme="light"] body.site-body .kc-offer-timer .kc-clock-digit{
color:#2e210e!important;
font-weight:850!important;
}
html[data-theme="light"] body.site-body .kc-offer-timer .kc-clock-label{
color:#71531b!important;
background:rgba(195,160,90,.07)!important;
border-top-color:rgba(157,118,42,.24)!important;
}
html body.site-body.page-home-v17 .kd-gold-link,
html body.site-body.page-home-v17 .kd-gold-link:visited,
html[data-theme="dark"] body.site-body.page-home-v17 .kd-gold-link,
html[data-theme="dark"] body.site-body.page-home-v17 .kh-courses-more__button{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
gap:18px!important;
min-height:48px!important;
padding:7px 18px 7px 7px!important;
border:1px solid #dbba70!important;
border-radius:16px!important;
background:linear-gradient(120deg,var(--ko11-green-1),var(--ko11-green-2))!important;
color:var(--ko11-green-ink)!important;
box-shadow:0 12px 26px rgba(16,45,35,.22)!important;
text-decoration:none!important;
text-shadow:none!important;
filter:none!important;
}
html body.site-body.page-home-v17 .kd-gold-link:hover,
html body.site-body.page-home-v17 .kd-gold-link:focus-visible,
html[data-theme="dark"] body.site-body.page-home-v17 .kd-gold-link:hover,
html[data-theme="dark"] body.site-body.page-home-v17 .kh-courses-more__button:hover{
background:linear-gradient(120deg,#1b4d3c,#347457)!important;
color:#fff1bf!important;
border-color:#e4c47d!important;
box-shadow:0 14px 30px rgba(16,45,35,.30)!important;
filter:none!important;
transform:translateY(-2px)!important;
}
html body.site-body.page-home-v17 .kd-gold-link>.kh-courses-more__arrow,
html[data-theme="dark"] body.site-body.page-home-v17 .kh-courses-more__button>.kh-courses-more__arrow{
background:var(--ko11-gold-gradient)!important;
color:#183e2d!important;
border:0!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.36)!important;
}
html body.site-body.page-studio-about .about-hero__cta{
display:flex!important;
align-items:center!important;
justify-content:center!important;
flex-wrap:wrap!important;
gap:12px!important;
margin-top:14px!important;
padding:0!important;
background:transparent!important;
background-image:none!important;
border:0!important;
border-radius:0!important;
box-shadow:none!important;
filter:none!important;
transform:none!important;
}
html body.site-body.page-studio-about .about-hero__cta .btn{
min-width:138px!important;
min-height:44px!important;
padding:9px 18px!important;
border-radius:13px!important;
box-shadow:none!important;
filter:none!important;
}
html[data-theme="light"] body.site-body.page-studio-about .about-hero__cta .btn--primary{
background:rgba(255,255,255,.36)!important;
background-image:none!important;
color:#173e31!important;
border:1px solid rgba(153,116,46,.62)!important;
}
html[data-theme="light"] body.site-body.page-studio-about .about-hero__cta .btn--primary:hover{
background:rgba(195,160,90,.10)!important;
color:#11352a!important;
border-color:#b18a43!important;
transform:translateY(-1px)!important;
}
html[data-theme="dark"] body.site-body.page-studio-about .about-hero__cta .btn--primary{
background:rgba(255,255,255,.025)!important;
background-image:none!important;
color:#f5e7bf!important;
border:1px solid rgba(231,199,116,.54)!important;
}
html[data-theme="dark"] body.site-body.page-studio-about .about-hero__cta .btn--primary:hover{
background:rgba(231,199,116,.07)!important;
color:#fff2c9!important;
border-color:#e4c47d!important;
transform:translateY(-1px)!important;
}
html body.site-body.page-studio-about .about-hero__cta .btn--ghost,
html[data-theme="light"] body.site-body.page-studio-about .about-hero__cta .btn--ghost,
html[data-theme="dark"] body.site-body.page-studio-about .about-hero__cta .btn--ghost{
background:var(--ko11-gold-gradient)!important;
background-image:var(--ko11-gold-gradient)!important;
color:var(--ko11-gold-ink)!important;
border:1px solid rgba(149,113,50,.72)!important;
box-shadow:0 7px 18px rgba(149,113,50,.22),inset 0 1px 0 rgba(255,255,255,.32)!important;
}
html body.site-body.page-studio-about .about-hero__cta .btn--ghost:hover{
background:var(--ko11-gold-gradient)!important;
color:var(--ko11-gold-ink)!important;
border-color:#957132!important;
box-shadow:0 10px 24px rgba(149,113,50,.30),inset 0 1px 0 rgba(255,255,255,.42)!important;
filter:brightness(1.04)!important;
transform:translateY(-2px)!important;
}
html[data-theme="light"] body.site-body.page-studio-about main{
background:#f7f4e9!important;
}
html[data-theme="light"] body.site-body.page-studio-about .about-hero{
background:
radial-gradient(circle at 82% 18%,rgba(195,160,90,.12),transparent 34%),
radial-gradient(circle at 18% 82%,rgba(23,69,54,.07),transparent 35%),
linear-gradient(180deg,#fffdf7 0%,#f4efdf 100%)!important;
border-bottom:1px solid rgba(157,118,42,.14)!important;
}
html[data-theme="light"] body.site-body.page-studio-about .about-hero__title{color:#173d31!important}
html[data-theme="light"] body.site-body.page-studio-about .about-hero__title .highlight{color:#a87725!important}
html[data-theme="light"] body.site-body.page-studio-about .about-hero__sub{color:#52645a!important}
html[data-theme="light"] body.site-body.page-studio-about .about-hero__eyebrow{
background:#edf2e9!important;
color:#8c6727!important;
border:1px solid rgba(153,116,46,.18)!important;
}
html[data-theme="dark"] body.site-body.page-studio-about main{
background:#0b211a!important;
}
html[data-theme="dark"] body.site-body.page-studio-about .about-hero{
background:
radial-gradient(circle at 82% 18%,rgba(215,185,104,.09),transparent 36%),
radial-gradient(circle at 18% 82%,rgba(47,106,77,.16),transparent 38%),
linear-gradient(180deg,#10291f 0%,#0d211a 100%)!important;
border-bottom:1px solid rgba(215,185,104,.12)!important;
}
html[data-theme="dark"] body.site-body.page-studio-about .about-hero__title{color:#f7ecd1!important}
html[data-theme="dark"] body.site-body.page-studio-about .about-hero__title .highlight{color:#e3b85f!important}
html[data-theme="dark"] body.site-body.page-studio-about .about-hero__sub{color:#cfbea0!important}
html[data-theme="dark"] body.site-body.page-studio-about .about-hero__eyebrow{
background:#112f25!important;
color:#e5bc65!important;
border:1px solid rgba(215,185,104,.18)!important;
}
html body.site-body.page-studio-about .about-hero::before,
html body.site-body.page-studio-about .about-hero::after{
opacity:.10!important;
filter:blur(110px)!important;
}
@media(max-width:600px){
html body.site-body.page-studio-about .about-hero__cta{
width:100%!important;
gap:10px!important;
}
html body.site-body.page-studio-about .about-hero__cta .btn{
flex:1 1 145px!important;
min-width:0!important;
}
}
/* Section: kochar-ui-v12 */
html[data-theme="dark"] body.site-body .cart-page .cart-item__tags{
display:flex;
flex-wrap:wrap;
gap:7px;
}
html[data-theme="dark"] body.site-body .cart-page .cart-item__tags .badge{
font-weight:750!important;
text-shadow:none!important;
opacity:1!important;
}
html[data-theme="dark"] body.site-body .cart-page .cart-item__tags .badge--primary{
color:#f9eac2!important;
background:rgba(215,185,104,.13)!important;
border-color:rgba(215,185,104,.38)!important;
}
html[data-theme="dark"] body.site-body .cart-page .cart-item__tags .badge--info{
color:#e6f2eb!important;
background:rgba(85,151,117,.16)!important;
border-color:rgba(129,190,158,.32)!important;
}
html[data-theme="dark"] body.site-body .cart-page .cart-item__tags .badge--primary:hover,
html[data-theme="dark"] body.site-body .cart-page .cart-item__tags .badge--info:hover{
color:#fff5db!important;
filter:none!important;
}
/* Section: kochar-ui-v14 */
:root{
--ko14-gold-gradient:var(--brand-gradient,linear-gradient(115deg,#c3a05a 0%,#ecd8a8 48%,#b18a43 100%));
--ko14-green:#174b3b;
--ko14-dark-surface:#102a22;
--ko14-light-surface:#fffaf0;
}
html body.site-body .kc-offer-timer,
html[data-theme="dark"] body.site-body .kc-offer-timer,
html[data-theme="light"] body.site-body .kc-offer-timer{
border:3px solid transparent!important;
background:
linear-gradient(var(--ko14-dark-surface),var(--ko14-dark-surface)) padding-box,
var(--ko14-gold-gradient) border-box!important;
background-image:
linear-gradient(var(--ko14-dark-surface),var(--ko14-dark-surface)),
var(--ko14-gold-gradient)!important;
background-origin:border-box!important;
background-clip:padding-box,border-box!important;
outline:0!important;
box-shadow:0 9px 22px rgba(94,67,23,.12),inset 0 1px 0 rgba(255,255,255,.04)!important;
}
html[data-theme="light"] body.site-body .kc-offer-timer{
background:
linear-gradient(var(--ko14-light-surface),var(--ko14-light-surface)) padding-box,
var(--ko14-gold-gradient) border-box!important;
background-image:
linear-gradient(var(--ko14-light-surface),var(--ko14-light-surface)),
var(--ko14-gold-gradient)!important;
}
html body.site-body .kc-offer-timer .kc-clock-unit{
background:#102a22!important;
background-image:none!important;
border:1px solid rgba(216,185,104,.52)!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;
}
html body.site-body .kc-offer-timer .kc-clock-digit{
color:#fff3cf!important;
}
html body.site-body .kc-offer-timer .kc-clock-label{
color:#ead7a5!important;
background:rgba(255,255,255,.02)!important;
}
html[data-theme="light"] body.site-body .kc-offer-timer>span:first-child,
html[data-theme="light"] body.site-body .kc-offer-timer strong,
html[data-theme="light"] body.site-body .kc-offer-timer [data-offer-expired],
html[data-theme="light"] body.site-body .kc-offer-timer [data-offer-expired] a{
color:#5d461c!important;
}
html[data-theme="dark"] body.site-body .kc-offer-timer>span:first-child,
html[data-theme="dark"] body.site-body .kc-offer-timer strong,
html[data-theme="dark"] body.site-body .kc-offer-timer [data-offer-expired],
html[data-theme="dark"] body.site-body .kc-offer-timer [data-offer-expired] a{
color:#f1d990!important;
}
html body.site-body.page-studio-about .about-hero__cta,
html body.site-body.page-studio-about .about-hero__cta:hover,
html body.site-body.page-studio-about .about-hero__cta:focus-within{
border:0!important;
outline:0!important;
box-shadow:none!important;
background:transparent!important;
background-image:none!important;
}
html body.site-body.page-studio-about .about-hero__cta .btn,
html body.site-body.page-studio-about .about-hero__cta .btn:hover,
html body.site-body.page-studio-about .about-hero__cta .btn:focus,
html body.site-body.page-studio-about .about-hero__cta .btn:focus-visible{
outline:0!important;
box-shadow:none!important;
}
html[data-theme="dark"] body.site-body.page-studio-about .about-hero__cta .btn--primary:hover,
html[data-theme="dark"] body.site-body.page-studio-about .about-hero__cta .btn--primary:focus-visible{
border-color:rgba(231,199,116,.42)!important;
box-shadow:none!important;
}
html[data-theme="light"] body.site-body.page-studio-about .about-hero__cta .btn--primary:hover,
html[data-theme="light"] body.site-body.page-studio-about .about-hero__cta .btn--primary:focus-visible{
border-color:rgba(153,116,46,.46)!important;
box-shadow:none!important;
}
html body.site-body.page-studio-about .about-hero__cta .btn--ghost:hover,
html body.site-body.page-studio-about .about-hero__cta .btn--ghost:focus-visible{
outline:0!important;
box-shadow:none!important;
}
html body.site-body.page-course-v17 .v17-related__foot .v17-text-link,
html body.site-body.page-course-v17 .v17-related__foot .v17-text-link:hover,
html body.site-body.page-course-v17 .v17-related__foot .v17-text-link:focus-visible{
color:var(--ko14-green)!important;
text-shadow:none!important;
}
/* Section: kochar-ui-v15 */
:root{--ko15-gold:var(--brand-gradient,linear-gradient(115deg,#c3a05a 0%,#ecd8a8 48%,#b18a43 100%));--ko15-ink:#24190f}
html{color-scheme:light}
html[data-theme="dark"]{color-scheme:dark}
body.site-body :is(img,video,iframe){max-width:100%}
body.site-body :is(main,section,article,aside,form,.container,.kf-shell){min-width:0}
body.site-body :is(.btn,.kf-button,.kh-button,.kd-button,.v17-button,.v17-button-secondary,.kh-text-link,.kg-text-button,.kf-text-link){text-decoration:none!important;text-underline-offset:initial;white-space:normal;max-width:100%;transition:transform .18s,box-shadow .18s,background .18s}
html body.site-body :is(.btn,.kf-button,.kh-button,.kd-button,.v17-button,.v17-button-secondary,.kh-text-link,.kg-text-button,.kf-text-link):hover{text-decoration:none!important}
html body.site-body :is(.kh-text-link,.kf-text-link,.kh-button--text):after{display:none!important}
html[data-theme] body.site-body :is(.btn--primary,.kf-button:not(.kf-button--ghost):not(.kf-button--outline),.kh-button--primary,.kd-button-primary,.v17-button,.v17-button-primary,.kg-button,.header__cta,.nav__campaign){background:var(--ko15-gold)!important;color:var(--ko15-ink)!important;border-color:#c3a05a!important;text-shadow:none!important}
html[data-theme] body.site-body :is(.btn--primary,.kf-button:not(.kf-button--ghost):not(.kf-button--outline),.kh-button--primary,.kd-button-primary,.v17-button,.v17-button-primary,.kg-button):is(:hover,:focus-visible){background:var(--ko15-gold)!important;color:var(--ko15-ink)!important;filter:brightness(1.04);box-shadow:0 5px 18px #c3a05a26!important}
html[data-theme] body.site-body :is(.btn--primary,.kf-button,.kh-button--primary,.kd-button-primary,.v17-button-primary) :is(span,strong,small,i){color:inherit!important}
html[data-theme="dark"] body.site-body :is(.kd-badge-warning,.badge--warning){background:#ead39d!important;color:#392708!important;border:1px solid #c3a05a}
html[data-theme="dark"] body.site-body :is(.kd-badge-success,.badge--success){background:#cde7d7!important;color:#16452d!important}
html[data-theme="dark"] body.site-body :is(.kd-badge-neutral,.badge--neutral){background:#294337!important;color:#f7edcf!important}
html[data-theme="dark"] body.site-body :is(.btn--secondary,.btn--outline,.kf-button--ghost,.kf-button--outline,.v17-button-secondary,.kh-text-link,.kf-text-link){color:#eed8a4!important;border-color:#c3a05a66!important}
html[data-theme="dark"] body.site-body :is(input,textarea,select){color:#f7edcf;background-color:#122b22}
html[data-theme="dark"] body.site-body :is(input,textarea)::placeholder{color:#b5c4b9;opacity:1}
html[data-theme] body.site-body .kc-offer-timer{border:2px solid transparent!important;background:linear-gradient(var(--bg-2,#142e25),var(--bg-2,#142e25)) padding-box,var(--ko15-gold) border-box!important;outline:0!important;box-shadow:0 5px 18px #00000012!important;max-width:100%;min-width:0}
html[data-theme] body.site-body .kc-offer-timer:before,html[data-theme] body.site-body .kc-offer-timer:after{background:transparent!important}
html body.site-body.page-course-v17 .kes-snapp__action,html body.site-body.page-course-v17 .kes-snapp__action:hover,html body.site-body.page-course-v17 .kes-snapp:hover .kes-snapp__action{background:#edf4fc!important;background-image:none!important;color:#153b63!important;box-shadow:none!important;transform:none!important;border:1px solid #b9ccdf!important}
html body.site-body.page-course-v17 .kes-snapp__action:before,html body.site-body.page-course-v17 .kes-snapp__action:after{display:none!important}
html body.site-body.page-course-v17 .kes-snapp__action :is(span,strong,small){color:#153b63!important}
html body.site-body .payment-methods{border:0;margin:12px 0 22px;padding:0;display:grid;gap:12px;min-width:0}
html body.site-body .payment-methods legend{padding:0 0 12px;font-size:18px;font-weight:800}
html body.site-body .payment-methods__help{font-size:13px;line-height:1.9;margin:0 0 4px;color:var(--muted)}
html body.site-body .payment-method{display:flex!important;flex-direction:row!important;align-items:center;gap:14px;border:1px solid #c3a05a55;border-radius:16px;padding:16px;cursor:pointer;margin:0;background:var(--bg-2,#142e25);transition:border-color .2s,box-shadow .2s}
html body.site-body .payment-method:has(input:checked){border-color:#d5b878;box-shadow:inset 0 0 0 1px #d5b878;background:color-mix(in srgb,var(--bg-2,#142e25) 94%,#d5b878)}
html body.site-body .payment-method input[type="radio"]{appearance:auto!important;accent-color:#a88642;width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important;padding:0!important;margin:0!important;flex:0 0 20px;box-shadow:none!important}
html body.site-body .payment-method__body{display:grid;gap:5px;min-width:0;line-height:1.8}
html body.site-body .payment-method__body strong{font-size:16px;color:var(--text)}
html body.site-body .payment-method__body small{font-size:13px;color:var(--muted)}
html body.site-body .payment-method__body em{font:inherit;font-size:11px;color:var(--muted);justify-self:start;border:1px solid #c3a05a55;border-radius:7px;padding:0 7px}
html body.site-body .checkout-page .auth-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.9fr);gap:24px;align-items:start}
html body.site-body .checkout-page :is(.auth-card,.auth-aside){min-width:0;width:100%;height:auto;padding:clamp(18px,3vw,30px);border:1px solid #c3a05a44;border-radius:22px;background:var(--bg-2,#142e25)}
html body.site-body .checkout-page .auth-aside{position:sticky;top:110px}
html body.site-body .order-items{list-style:none!important;padding:0!important;margin:18px 0!important;display:grid;gap:10px}
html body.site-body .order-items li{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 18px;padding:16px!important;border:1px solid #c3a05a44;border-radius:13px;background:color-mix(in srgb,var(--bg-2,#142e25) 94%,#c3a05a);line-height:1.8;font-size:14px}
html body.site-body .order-items li:before{display:none!important}
html body.site-body .order-items li strong{white-space:nowrap;font-size:14px;color:var(--text)}
html body.site-body .checkout-page .auth-aside>p{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:14px;line-height:1.8}
html body.site-body .order-page .auth-card{max-width:860px;margin-inline:auto}
html body.site-body .order-page h2{font-size:21px;margin-block:24px 12px}
html body.site-body .order-page .auth-card>div>p{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;line-height:2}
html body.site-body .checkout-page button:disabled{opacity:.65;cursor:not-allowed}
.kochar-captcha{width:min(100% - 32px,420px);margin:18px auto 30px;padding:14px;border:1px solid #c3a05a55;border-radius:14px}
.kochar-captcha p{font-size:14px;margin:0 0 8px}
.kochar-captcha small{display:block;margin-top:8px;font-size:12px}
html body.site-body a:focus-visible,html body.site-body button:focus-visible{outline:2px solid #d7b968;outline-offset:4px}
@media(max-width:1024px){html body.site-body .checkout-page .auth-layout{grid-template-columns:minmax(0,1fr)}html body.site-body .checkout-page .auth-aside{position:static}body.site-body :is(.v17-course-main,.v17-course-layout,.ks-contact-grid,.kd-profile-grid){min-width:0}}
@media(max-width:767px){
 html body.site-body :is(.container,.kf-shell){max-width:100%;padding-inline:16px}
 html body.site-body :is(.auth-layout,.auth-grid,.v17-course-layout,.ks-contact-grid,.kg-grid,.about-grid){grid-template-columns:minmax(0,1fr)}
 html body.site-body :is(input:not([type="radio"]):not([type="checkbox"]),select,textarea){max-width:100%;font-size:16px!important;min-width:0}
 html body.site-body :is(.v17-course-main,.v17-buy-card,.kd-main,.auth-card,.auth-aside){min-width:0;max-width:100%}
 html body.site-body :is(.kes-snapp,.kd-included-grid){grid-template-columns:minmax(0,1fr)}
 html body.site-body :is(.kes-snapp__content,.kes-snapp__action){min-width:0;width:100%}
 html body.site-body .kd-order-row{flex-wrap:wrap;gap:10px}.kd-order-row .kd-badge{font-size:12px!important;line-height:1.8}
 html body.site-body .kc-clock-unit{min-width:0!important}.kc-offer-timer [data-offer-clock]{max-width:100%;gap:5px!important}
 html body.site-body .payment-method{padding:14px;gap:12px}
 html body.site-body :is(.crumbs,.kf-breadcrumb){flex-wrap:wrap;overflow-wrap:anywhere}
 html body.site-body :is(.ks-article-body,.blog-content,.kd-license-controls){overflow-wrap:anywhere;min-width:0}
 html body.site-body :is(.ks-article-body,.blog-content) table{display:block;max-width:100%;overflow-x:auto}
 html body.site-body :is(.ks-article-body,.blog-content) pre{max-width:100%;overflow-x:auto}
 html body.site-body .kg-tabs{max-width:100%;overflow-x:auto}
}
@media(prefers-reduced-motion:reduce){body.site-body *,body.site-body *:before,body.site-body *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
html[data-theme] body.site-body.page-home-v17 :is(.kh-hero,.kh-journey) .kh-link-button,
html[data-theme] body.site-body.page-home-v17 :is(.kh-hero,.kh-journey) .kh-link-button:hover{ text-decoration:none!important;border:1px solid #c3a05a55!important;border-radius:999px;padding:10px 18px!important;background:transparent!important;box-shadow:none!important; }
html[data-theme] body.site-body.page-home-v17 :is(.kh-hero,.kh-journey) .kh-link-button:hover{background:#c3a05a15!important;border-color:#c3a05a!important}
html[data-theme="light"] body.site-body.page-home-v17 :is(.kh-hero,.kh-journey) .kh-link-button{color:#564019!important}
html[data-theme] body.site-body :is(.btn:not(.btn--outline):not(.btn--ghost),.kd-button:not(.kd-button-outline),.kc-nav-gold,.nav-search__submit,.kh-courses-more__button){background:var(--ko15-gold)!important;color:var(--ko15-ink)!important}
html[data-theme="dark"] body.site-body :is(.btn--outline,.btn--ghost,.v17-button-secondary,.kf-button--ghost,.kf-button--outline){background:#17372c!important;color:#f3dfb2!important}
html[data-theme="dark"] body.site-body :is(.btn--outline,.btn--ghost,.v17-button-secondary,.kf-button--ghost,.kf-button--outline):hover{background:#244537!important;color:#fff2cc!important}
html[data-theme] body.site-body.ks-public .kc-offer-timer,
html[data-theme] body.site-body :is(.kp-course-timer,.v17-buy-card,.kf-course-bottom) .kc-offer-timer{border:2px solid transparent!important;border-color:transparent!important;background:linear-gradient(var(--bg-2,#142e25),var(--bg-2,#142e25)) padding-box,var(--ko15-gold) border-box!important;outline:0!important;box-shadow:0 5px 18px #00000012!important}
html[data-theme="dark"] body.site-body.ks-public .kc-offer-timer>span:first-child{color:#f4dfad!important}
html[data-theme="light"] body.site-body.ks-public .kc-offer-timer>span:first-child{color:#584018!important}
@media(max-width:760px){html body.site-body .ks-consult-collage{padding:20px;min-width:0}html body.site-body .ks-consult-collage__images{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0;padding:8px}html body.site-body .ks-consult-collage__images img{width:100%;min-width:0;max-width:100%;transform:none!important}}
/* Section: kochar-ui-v18 */
html[data-theme] body.site-body.page-course-v17 .v17-related .v17-related__foot .v17-text-link,
html[data-theme] body.site-body.page-course-v17 .kd-guarantee-card .ks-text-button,
html[data-theme] body.site-body.page-course-v17 .v17-related .v17-related__foot .v17-text-link:hover,
html[data-theme] body.site-body.page-course-v17 .kd-guarantee-card .ks-text-button:hover{background:var(--brand-gradient)!important;color:#18382c!important;text-decoration:none!important;border:1px solid #c3a05a!important;font-weight:800!important}
html[data-theme] body.site-body.page-course-v17 :is(.v17-related__foot .v17-text-link,.kd-guarantee-card .ks-text-button) *{color:inherit!important}
html[data-theme="dark"] body.site-body.page-course-v17 .v17-related__foot>strong{color:#ecd8a8!important}
html[data-theme] body.site-body.page-course-v17 .kp-provider{--provider-ink:#12408b;--provider-surface:#e7f3ff;--provider-line:#a8cef7;--provider-accent:#008efa;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(220px,.8fr);gap:22px;padding:24px!important;background:linear-gradient(120deg,#e8f5ff,#f7fbff)!important;color:var(--provider-ink)!important;border:1px solid var(--provider-line)!important;box-shadow:none!important}
html[data-theme] body.site-body.page-course-v17 .kp-provider--digipay{--provider-ink:#17286e;--provider-surface:#e8eaff;--provider-line:#bfc6ef;--provider-accent:#0038ff;background:linear-gradient(120deg,#dfe5ff,#f4f0ff)!important}
html[data-theme] body.site-body.page-course-v17 .kp-provider :is(h3,p,.v17-snapp__badge){color:var(--provider-ink)!important}
html[data-theme] body.site-body.page-course-v17 .kp-provider h3{font-size:clamp(18px,2vw,23px)!important;line-height:1.7;margin-block:10px!important}
html[data-theme] body.site-body.page-course-v17 .kp-provider p{font-size:14px!important;line-height:1.95}
html[data-theme] body.site-body.page-course-v17 .kp-provider .v17-snapp__badge{background:#ffffffb3!important;border-color:var(--provider-line)!important;font-size:14px!important}
html[data-theme] body.site-body.page-course-v17 .kp-provider .kes-snapp__action,
html[data-theme] body.site-body.page-course-v17 .kp-provider:hover .kes-snapp__action,
html[data-theme] body.site-body.page-course-v17 .kp-provider .kes-snapp__action:hover{background:var(--provider-surface)!important;border:1px solid var(--provider-line)!important;box-shadow:none!important;transform:none!important;padding:18px!important}
html[data-theme] body.site-body.page-course-v17 .kp-provider .kes-snapp__action :is(span,strong,small){color:var(--provider-ink)!important}
html[data-theme] body.site-body.page-course-v17 .kp-provider .kes-snapp__action .kf-button,
html[data-theme] body.site-body.page-course-v17 .kp-provider .kes-snapp__action .kf-button:hover{background:var(--provider-accent)!important;color:#fff!important;border-color:transparent!important;box-shadow:none!important;font-size:13px!important;min-height:42px}
html[data-theme] body.site-body.page-course-v17 .kp-provider .kes-snapp__action .kf-button *{color:#fff!important}
html body.site-body.page-course-v17 .kp-provider .kes-snapp__amount{font-size:25px!important}
html[data-theme] body.site-body.page-home-v17 #courses .v17-course-card{min-height:0!important;height:auto!important;border-radius:19px!important}
html[data-theme] body.site-body.page-home-v17 #courses .v17-course-card__media{aspect-ratio:2.15/1!important;height:auto!important;min-height:0!important;max-height:185px!important}
html[data-theme] body.site-body.page-home-v17 #courses .v17-course-card__media img{width:100%;height:100%;object-fit:cover}
html[data-theme] body.site-body.page-home-v17 #courses .v17-course-card__body{padding:15px!important;gap:9px!important;min-height:0!important}
html[data-theme] body.site-body.page-home-v17 #courses .v17-course-card__body h3{font-size:18px!important;line-height:1.6;margin:4px 0!important;min-height:0!important}
html[data-theme] body.site-body.page-home-v17 #courses .v17-course-card__body>p{font-size:13px!important;line-height:1.8;margin:0!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:0!important}
html[data-theme] body.site-body.page-home-v17 #courses .v17-price{padding:5px 0!important;margin:0!important;gap:5px!important}
html[data-theme] body.site-body.page-home-v17 #courses .v17-price strong{font-size:20px!important}
html[data-theme] body.site-body.page-home-v17 #courses .v17-card-actions{margin-top:4px!important;gap:8px!important}
html[data-theme] body.site-body.page-home-v17 #courses .v17-card-actions :is(a,button){font-size:12px!important;min-height:39px!important;padding:8px 10px!important}
html[data-theme] body.site-body.page-home-v17 #courses .kc-offer-timer{padding:8px!important;gap:6px!important;margin:0!important}
html[data-theme] body.site-body.page-blogs-list .kb-read-button,
html[data-theme] body.site-body.page-blogs-list .kb-read-button:hover{display:inline-flex!important;align-items:center;justify-content:center;gap:10px;width:fit-content;max-width:100%;padding:9px 16px!important;min-height:40px;border-radius:11px;border:1px solid #ffbd7044!important;background:linear-gradient(115deg,#ffc16f 0%,#ffab43 48%,#ee861e 100%)!important;color:#35200b!important;font-size:13px!important;font-weight:800!important;text-decoration:none!important;box-shadow:0 5px 14px #d46e141c!important;transition:transform .2s,box-shadow .2s}
html[data-theme] body.site-body.page-blogs-list .kb-read-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #d46e1430!important}
html[data-theme] body.site-body.page-blogs-list .kb-read-button *{color:inherit!important}
html[data-theme] body.site-body.page-blogs-list .kb-feature__copy .kb-read-button{margin-top:10px}
html[data-theme] body.site-body .fab,html[data-theme] body.site-body .fab:hover{position:fixed!important;left:0!important;right:auto!important;top:50%!important;bottom:auto!important;transform:translateY(-50%)!important;width:34px!important;min-width:0!important;height:auto!important;min-height:0!important;padding:11px 7px!important;gap:7px!important;border-radius:0 17px 17px 0!important;writing-mode:vertical-rl!important;z-index:45}
html[data-theme] body.site-body .fab span{font-size:10px!important;line-height:1.3!important;white-space:nowrap}
html[data-theme] body.site-body .fab svg{width:15px!important;height:15px!important;flex-shrink:0}
html body.site-body .ko-order-page{max-width:1100px;padding-block:30px 50px}
html body.site-body .ko-order-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}
html body.site-body .ko-order-heading h1{font-size:clamp(23px,3vw,30px)!important;line-height:1.6;margin:4px 0!important}
.ko-order-eyebrow{font-size:12px;color:var(--muted)}
.ko-order-status{border:1px solid #c3a05a66;background:#c3a05a15;color:var(--text);padding:6px 12px;border-radius:9px;font-size:12px;white-space:nowrap}
.ko-order-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,1fr);gap:20px;align-items:start}
.ko-order-main{display:grid;gap:18px;min-width:0}
.ko-order-box{padding:22px;border:1px solid #c3a05a3d;border-radius:18px;background:var(--bg-2,#173128);min-width:0}
html body.site-body .ko-order-box h2{font-size:18px!important;line-height:1.7;margin:0 0 16px!important}
.ko-order-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ko-order-facts>div{display:grid;gap:5px;padding:12px;border:1px solid #c3a05a26;border-radius:11px;background:#c3a05a07;min-width:0}
.ko-order-facts span,.ko-order-total>span{font-size:12px;color:var(--muted)}
.ko-order-facts strong{font-size:14px;overflow-wrap:anywhere;text-align:start}
.ko-order-items{display:grid;gap:10px}
.ko-order-item{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid #c3a05a30;border-radius:12px}
.ko-order-item>div{flex:1;min-width:0}
html body.site-body .ko-order-item h3{font-size:14px!important;line-height:1.8;margin:0!important}
.ko-order-item small{font-size:11px;color:var(--muted)}
.ko-order-item>strong{font-size:14px;white-space:nowrap}
.ko-order-item__mark{width:30px;height:34px;display:grid;place-items:center;background:#c3a05a15;border-radius:8px;color:#c3a05a;flex-shrink:0}
.ko-order-total{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #c3a05a26}
.ko-order-total strong{font-size:15px}
.ko-order-total small{font-size:10px;font-weight:400}
.ko-order-total--final{padding:16px 12px;margin:14px -2px;border:1px solid #c3a05a44;border-radius:12px;background:#c3a05a0c}
.ko-order-total--final strong{font-size:18px}
.ko-order-notice{font-size:12px!important;line-height:1.95;color:var(--muted);margin:16px 0}
.ko-order-summary .kf-button{width:100%;font-size:13px!important;min-height:42px}
.ko-order-back{display:block;text-align:center;font-size:12px;margin-top:14px;color:var(--text)}
@media(max-width:760px){.ko-order-grid{grid-template-columns:minmax(0,1fr)}.ko-order-box{padding:17px}.ko-order-heading{flex-wrap:wrap}.ko-order-facts{gap:8px}.ko-order-item{flex-wrap:wrap}.ko-order-item>strong{margin-inline-start:auto}.ko-order-total{flex-wrap:wrap}html[data-theme] body.site-body.page-course-v17 .kp-provider{grid-template-columns:minmax(0,1fr);padding:18px!important;gap:14px}.ko-order-heading h1{font-size:24px!important}}
@media(max-width:380px){.ko-order-facts{grid-template-columns:minmax(0,1fr)}html[data-theme] body.site-body .fab{width:29px!important;padding:9px 6px!important}html[data-theme] body.site-body .fab span{font-size:9px!important}}
html[data-theme] body.site-body.page-course-v17.ks-public .ko-course-action.ko-course-action,
html[data-theme] body.site-body.page-course-v17.ks-public .ko-course-action.ko-course-action:hover{color:#18382c!important;background:var(--brand-gradient)!important;text-decoration:none!important}
html[data-theme] body.site-body.page-course-v17.ks-public .ko-course-action.ko-course-action *{color:inherit!important}
html[data-theme] body.site-body.page-course-v17 .kp-provider .kes-snapp__action{display:grid!important;gap:8px!important;border-radius:16px!important;align-content:center;text-align:start}
html[data-theme] body.site-body.page-course-v17 .kp-provider .kes-snapp__action>span{display:block;font-size:13px!important;line-height:1.8}
html[data-theme] body.site-body.page-course-v17 .kp-provider .kes-snapp__action .kes-snapp__amount{display:flex!important;align-items:baseline;gap:6px;flex-wrap:wrap;line-height:1.5}
html[data-theme] body.site-body.page-course-v17 .kp-provider .kes-snapp__action>small{font-size:11px!important;line-height:1.8}
html[data-theme] body.site-body.page-course-v17 .kp-provider .kes-snapp__action .kf-button{width:100%!important;border-radius:11px!important;min-width:0!important}
html[data-theme] body.site-body.page-course-v17 .kp-provider .kes-snapp__icon{display:none!important}
/* Shared interaction, form and responsive refinements */
:root{--ux-focus:#f4bf62;--ux-ease:cubic-bezier(.2,.8,.2,1)}
:where(button,a,input,select,textarea,summary):focus-visible{outline:3px solid var(--ux-focus);outline-offset:4px}
:where(button,input,textarea,select){font:inherit}
:where(input,textarea,select){max-width:100%;min-width:0}
:where(button,a){-webkit-tap-highlight-color:transparent}
:where(button:disabled,[aria-disabled="true"]){cursor:not-allowed}
:where(.kf-button,.btn,.v17-btn){text-decoration:none!important}
:where(.kf-button,.btn,.v17-btn):hover{text-decoration:none!important}
:where(.kf-button,.btn,.v17-btn):disabled{opacity:.6;transform:none!important;box-shadow:none!important}
:where(.kf-shell,.container,.cart-layout,.ko-order-grid,.kg-grid)>*{min-width:0}
:where(h1,h2,h3,p,a){overflow-wrap:break-word}
:where(img,video){max-width:100%}
:where(.kg-section,.kh-section,.ks-section,[id]){scroll-margin-top:100px}
.fab{transform-origin:left center!important;transition:transform .24s var(--ux-ease),box-shadow .24s var(--ux-ease)!important}
@media(hover:hover){html[data-theme] body.site-body .fab:hover{transform:translateY(-50%) scale(1.12)!important;box-shadow:0 8px 28px #0004!important}}
html[data-theme] body.site-body .fab:focus-visible{transform:translateY(-50%) scale(1.08)!important}
.kf-dialog{animation:none!important;max-width:min(560px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain}
.kf-dialog::backdrop{background:rgb(4 15 12 / .65);backdrop-filter:blur(6px);animation:kochar-backdrop-in .24s ease-out}
@keyframes kochar-backdrop-in{from{opacity:0}to{opacity:1}}
.kf-dialog-close{min-width:44px;min-height:44px}
.cart-coupon-note{font-size:.8rem;line-height:1.9;color:var(--muted);margin:12px 4px}
.ko-order-errors{padding:12px 16px;border:1px solid #dc826f;border-radius:12px;color:var(--text);background:#a5302518;margin:0 0 16px}
.ko-order-summary form{width:100%}.ko-order-summary .kf-button{min-height:46px!important}
.auth-security-panel{margin-block:24px;padding:24px;border:1px solid var(--line);border-radius:16px}
.auth-reset-card{max-width:520px;margin-inline:auto}
/* Campaign palettes: scoped to campaign CTA buttons; payment brands retain their colors. */
.kg-page{--campaign-from:#f4d994;--campaign-to:#bd9141;--campaign-ink:#211a0d}
.kg-page[data-campaign-palette="orange"]{--campaign-from:#ffc27d;--campaign-to:#ff9645;--campaign-ink:#241307}
.kg-page[data-campaign-palette="teal"]{--campaign-from:#115e59;--campaign-to:#064e3b;--campaign-ink:#fff}
.kg-page[data-campaign-palette="indigo"]{--campaign-from:#4338ca;--campaign-to:#312e81;--campaign-ink:#fff}
.kg-page[data-campaign-palette="rose"]{--campaign-from:#9f1239;--campaign-to:#701a35;--campaign-ink:#fff}
html[data-theme] body.site-body .kg-page .kf-button:not(.kp-provider .kf-button){background:linear-gradient(var(--campaign-angle,120deg),var(--campaign-from),var(--campaign-to))!important;color:var(--campaign-ink)!important;border-color:transparent!important;min-height:44px;font-size:.9rem!important;box-shadow:0 5px 16px #0002!important}
html[data-theme] body.site-body .kg-page .kf-button:not(.kp-provider .kf-button):hover{filter:brightness(1.06);transform:translateY(-2px)}
.kg-page .kg-hero{gap:24px;align-items:start}.kg-page .kg-buy{padding:24px!important}
.kg-page .kg-media{aspect-ratio:16/9;border-radius:24px;overflow:hidden}.kg-page .kg-media :is(img,video){width:100%;height:100%;object-fit:cover}
.kg-page .kg-section{margin-block:48px}.kg-page .kg-section h2{font-size:clamp(1.25rem,2.2vw,1.9rem)!important;line-height:1.6}
.kg-page .kg-grid{gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}
.kg-page .kg-benefit-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.kg-page .kg-card{border-radius:20px;padding:22px;transition:background .2s,color .2s,transform .2s}
.kg-page .kd-learning-card>img,.kg-page .kd-learning-card>picture img{width:100%;aspect-ratio:16/9;max-height:220px;object-fit:cover;border-radius:12px}
.kg-page .kg-grid h3{font-size:1rem!important;line-height:1.7}.kg-page .kg-grid p{font-size:.875rem;line-height:1.95}
.kg-page .ks-campaign-gallery .ks-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,calc((100% - 32px)/3));gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:4px;padding:4px 4px 18px}
.kg-page .ks-campaign-gallery figure{margin:0;min-width:0;position:relative;aspect-ratio:4/3;overflow:hidden;border-radius:20px;scroll-snap-align:start}
.kg-page .ks-campaign-gallery figure img{width:100%;height:100%;object-fit:cover;transition:transform .4s var(--ux-ease)}
.kg-page .ks-campaign-gallery figcaption{position:absolute;inset:auto 0 0;padding:40px 18px 18px;background:linear-gradient(transparent,#071a14e8);color:#fff;font-weight:700}
@media(hover:hover){.kg-page .ks-campaign-gallery figure:hover img{transform:scale(1.04)}}
.kg-payment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.kg-payment-grid .kp-provider{display:flex!important;flex-direction:column;align-items:stretch;margin:0!important;padding:24px!important;border-radius:22px!important;gap:20px}
html[data-theme] body.site-body .kg-payment-grid .kp-provider .kes-snapp__action{width:100%;margin-top:auto;align-items:flex-start;text-align:start;padding:18px!important;border-radius:16px;background:rgb(255 255 255 / .6)!important}
.kg-payment-grid .kp-provider h3{font-size:1.12rem!important;line-height:1.7}.kg-payment-grid .kp-provider p{font-size:.875rem!important}
.kg-payment-grid .kes-snapp__amount{font-size:1.5rem!important}.kg-payment-grid .kes-snapp__icon{display:none}
.kg-payment-grid .kp-provider--snapp_pay{background:linear-gradient(135deg,#eaf8ff,#ccecff)!important;color:#073d65!important}
.kg-payment-grid .kp-provider--digipay{background:linear-gradient(135deg,#eef0ff,#dedcff)!important;color:#232c72!important}
.kg-payment-grid .kp-provider :is(h3,p,strong,small){color:inherit!important}
html[data-theme] body.site-body .kg-payment-grid .kp-provider--snapp_pay .kes-snapp__action .kf-button{background:#087ac1!important;color:#fff!important}
html[data-theme] body.site-body .kg-payment-grid .kp-provider--digipay .kes-snapp__action .kf-button{background:#3544ac!important;color:#fff!important}
.kg-payment-grid .kp-provider .kf-button{width:100%;margin-top:12px;min-height:44px!important;border:0!important}
.kg-page .ks-resource-rail{grid-auto-columns:minmax(0,calc((100% - 48px)/4));gap:16px}
.kg-page .ks-resource img{width:100%;aspect-ratio:4/3;object-fit:cover}
@media(max-width:760px){
 .kg-page .kg-hero{grid-template-columns:minmax(0,1fr)}.kg-page .kg-grid,.kg-page .kg-benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .kg-page .kg-card{padding:16px}.kg-page .kg-section{margin-block:32px}
 .kg-payment-grid{grid-template-columns:minmax(0,1fr)}
 .kg-page .ks-campaign-gallery .ks-rail{grid-auto-columns:82%}
 .kg-page .ks-resource-rail{grid-auto-columns:calc((100% - 12px)/2);gap:12px}
 .kg-page .kg-tabs{display:flex;overflow-x:auto;flex-wrap:nowrap;gap:8px;max-width:100%}.kg-page .kg-tabs a{flex-shrink:0;min-height:44px;display:flex;align-items:center}
 :where(.auth-form,.kf-dialog,.kg-feedback) :is(input,select,textarea){font-size:16px}
 .kf-dialog{padding:24px 18px}.kf-dialog h2{font-size:1.2rem}.kf-dialog .kf-form-grid{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:360px){.kg-page .kg-grid{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.fab:hover,html[data-theme] body.site-body .fab:focus-visible{transform:translateY(-50%)!important}}

html[data-theme] body.site-body .fab span{display:block!important}
html[data-theme] body.site-body .kg-payment-grid .kp-provider .kes-snapp__action:hover{background:rgb(255 255 255 / .6)!important;background-image:none!important;transform:none!important;box-shadow:none!important}
html[data-theme] body.site-body .kg-payment-grid .kp-provider .kf-button:hover{background:var(--provider-accent,#087ac1)!important;color:#fff!important}
.kg-payment-grid .kp-provider--digipay{--provider-accent:#3544ac}
html[data-theme] body.site-body .kg-payment-grid .kp-provider .kes-snapp__action :is(span,strong,small){color:inherit!important}
.kg-page .kg-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.kg-page .kg-facts>div{min-width:0;width:auto;padding:12px 4px;text-align:center}
.kg-page .kg-facts strong{font-size:clamp(1rem,2vw,1.4rem)!important;overflow-wrap:anywhere;white-space:normal}
html[data-theme] body.site-body .kg-page .kg-instructor,html[data-theme] body.site-body .kg-page .kg-section:has(.kg-feedback){background:var(--bg-2)!important;color:var(--text)!important}

/* v20 campaign purchase cards */
:where([data-front-page="campaign"]) .kg-course-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:20px;align-items:stretch}
:where([data-front-page="campaign"]) .kg-option-card{min-width:0;overflow:hidden;border:1px solid #c9a95355;border-radius:24px;background:linear-gradient(145deg,#222837,#111620);box-shadow:0 16px 38px #0002;color:#f9f1db;display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s}
:where([data-front-page="campaign"]) .kg-option-card:hover{transform:translateY(-5px);box-shadow:0 22px 45px #b48b2926}
:where([data-front-page="campaign"]) .kg-option-package{background:linear-gradient(140deg,#51401f,#242117 55%,#141923);border-color:#e2bd68}
:where([data-front-page="campaign"]) .kg-option-image{display:block;aspect-ratio:16/9;overflow:hidden;flex-shrink:0}
:where([data-front-page="campaign"]) .kg-option-image img{display:block;width:100%;height:100%;max-height:none;object-fit:cover}
:where([data-front-page="campaign"]) .kg-option-body{padding:22px;display:flex;flex-direction:column;gap:14px;flex:1;min-width:0}
:where([data-front-page="campaign"]) .kg-option-body h3{font-size:clamp(18px,2vw,23px);line-height:1.6;color:#fff3cf;margin:0}
:where([data-front-page="campaign"]) .kg-option-body p{color:#e6decb;line-height:1.9;font-size:14px;margin:0}
:where([data-front-page="campaign"]) .kg-option-body>form,:where([data-front-page="campaign"]) .kg-option-body>.kg-v20-cta{margin-top:auto}
:where([data-front-page="campaign"]) .kg-page .kg-v20-cta{display:inline-flex!important;align-items:center;justify-content:center;min-height:46px;padding:12px 20px;border-radius:14px;text-decoration:none!important;opacity:1;visibility:visible;font-size:15px;font-weight:800;width:100%;border:1px solid #d7b75c88}
:where([data-front-page="campaign"]) .kg-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:20px 0}
:where([data-front-page="campaign"]) .kg-hero-actions .kg-v20-cta{width:auto}
@media(prefers-reduced-motion:reduce){:where([data-front-page="campaign"]) .kg-option-card{transition:none}:where([data-front-page="campaign"]) .kg-option-card:hover{transform:none}}

/* Course detail UI refresh: scoped to the single-course page. */
html body.site-body.page-course-v17 {
  --course-bg:#f4fbf7;
  --course-surface:#fff;
  --course-ink:#1a1a1a;
  --course-muted:#52645d;
  background:var(--course-bg)!important;
  color:var(--course-ink)!important;
}
html body.site-body.page-course-v17 .v17-course,
html body.site-body.page-course-v17 .v17-section {background:var(--course-bg)}
html body.site-body.page-course-v17 :is(.v17-buy-card,.v17-content-card,.v17-sticky-buy,.kd-included-grid article,.kd-guarantee-card){background:var(--course-surface)!important;border-color:#dce9e1!important;box-shadow:0 8px 24px rgba(31,79,59,.06)}
html body.site-body.page-course-v17 :is(.v17-content-card,.v17-buy-card,.v17-sticky-buy) :is(h1,h2,h3,h4,p,li,strong,span){color:var(--course-ink)}
html body.site-body.page-course-v17 :is(.v17-richtext,.v17-lead,.v17-feature-list,.kd-check-list p,.kd-included-grid p,.v17-buy-card>p){font-size:16px;line-height:2;color:var(--course-ink)}
html body.site-body.page-course-v17 .v17-course-hero__grid{grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr);align-items:start;gap:24px}
html body.site-body.page-course-v17 .v17-course-media{min-height:0;aspect-ratio:16/9}
html body.site-body.page-course-v17 .v17-course-media :is(.v17-video-frame,.v17-course-cover){position:relative;inset:auto;height:auto;aspect-ratio:16/9;border-radius:20px}
html body.site-body.page-course-v17 .v17-video-frame .site-teaser video{aspect-ratio:16/9!important;height:auto!important;object-fit:cover!important}
html body.site-body.page-course-v17 .v17-benefit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px}
html body.site-body.page-course-v17 .v17-benefit-item{display:flex;align-items:center;justify-content:center;gap:8px;min-height:86px;padding:10px 8px;text-align:center;border:1px solid #dce9e1;border-radius:14px;background:#fff;color:#1a1a1a;font-size:12px;line-height:1.7;box-shadow:0 5px 16px rgba(31,79,59,.05)}
html body.site-body.page-course-v17 .v17-benefit-item strong{display:block;color:#176544;font-size:13px}
html body.site-body.page-course-v17 .v17-benefit-icon{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:11px;background:#e5f5eb;color:#167044;font-size:20px;font-weight:900}
html body.site-body.page-course-v17 .v17-course-layout{grid-template-columns:minmax(0,1fr) 320px;gap:26px}
html body.site-body.page-course-v17 .v17-sticky-buy{display:flex;flex-direction:column;min-height:420px;width:100%;padding:22px}
html body.site-body.page-course-v17 .v17-sticky-buy form{margin-top:auto}
html body.site-body.page-course-v17 .v17-sticky-buy .kf-button{min-height:52px;font-size:15px;font-weight:800}
html body.site-body.page-course-v17 .kd-sticky-summary{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:10px;font-size:14px;color:var(--course-muted)}
html body.site-body.page-course-v17 .kd-sticky-summary li{display:flex;align-items:center;gap:8px}
html body.site-body.page-course-v17 .kd-sticky-summary li::before{content:'✓';display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#e5f5eb;color:#167044;font-weight:900}
html body.site-body.page-course-v17 .kd-included-grid{display:grid;grid-template-columns:1fr;gap:12px}
html body.site-body.page-course-v17 .kd-included-grid article{display:flex;align-items:center;gap:18px;min-height:112px;padding:14px}
html body.site-body.page-course-v17 .kd-included-grid article>img{width:104px;height:82px;flex:0 0 104px;border-radius:11px}
html body.site-body.page-course-v17 .kd-included-grid article>div{order:2;flex:1}
html body.site-body.page-course-v17 .kd-included-grid h4{font-size:17px;line-height:1.8;margin:0 0 5px}
html body.site-body.page-course-v17 .kd-included-grid p{font-size:14px;margin:0;color:var(--course-muted)}
html body.site-body.page-course-v17 .kd-check-list li>span{width:32px;height:32px;flex-basis:32px;font-size:19px;background:#e0f6e9;color:#159447}
html body.site-body.page-course-v17 .kd-negative .kd-check-list li>span{background:#ffe7e7;color:#d53434}
html body.site-body.page-course-v17 .kd-check-list p{font-size:16px}
html body.site-body.page-course-v17 .v17-instructor>img{width:88px;height:88px;border-radius:22px}
@media(max-width:1000px){html body.site-body.page-course-v17 .v17-course-hero__grid{grid-template-columns:minmax(0,1fr) minmax(300px,.9fr)}html body.site-body.page-course-v17 .v17-course-layout{grid-template-columns:minmax(0,1fr) 280px}}
@media(max-width:800px){html body.site-body.page-course-v17 .v17-course-hero__grid,html body.site-body.page-course-v17 .v17-course-layout{grid-template-columns:1fr}html body.site-body.page-course-v17 .v17-benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}html body.site-body.page-course-v17 .v17-course-media{aspect-ratio:auto}html body.site-body.page-course-v17 .v17-sticky-buy{min-height:0}html body.site-body.page-course-v17 .v17-sticky-buy form{margin-top:18px}}
@media(max-width:480px){html body.site-body.page-course-v17 .v17-benefit-item{min-height:82px;font-size:11px;gap:5px;padding:8px 4px}html body.site-body.page-course-v17 .v17-benefit-icon{width:29px;height:29px;flex-basis:29px;font-size:17px}html body.site-body.page-course-v17 .kd-included-grid article>img{width:84px;height:70px;flex-basis:84px}}


/* Shared social icons retain their brand hover/focus colours in both themes. */
html[data-theme] body.site-body .footer__social .social {color:#c3a05a!important}
html[data-theme] body.site-body .footer__social .social--ig:is(:hover,:focus-visible) {color:#d62976!important}
html[data-theme] body.site-body .footer__social .social--yt:is(:hover,:focus-visible) {color:#ff0000!important}
html[data-theme] body.site-body .footer__social .social--tg:is(:hover,:focus-visible) {color:#229ed9!important}
html[data-theme] body.site-body .footer__social .social svg {color:inherit!important}