@font-face {
font-family: "Inter";
font-style: normal;
font-weight: 400 800;
font-display: swap;
src: url("fonts/inter-vietnamese-5c66f9e0.woff2") format("woff2");
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0,
U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
font-family: "Inter";
font-style: normal;
font-weight: 400 800;
font-display: swap;
src: url("fonts/inter-latin-3100e775.woff2") format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304,
U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
U+FEFF, U+FFFD;
}
:root,
[data-theme="light"] {
color-scheme: light;
--kc-bg:            #FFFFFF;
--kc-bg-app:        #F2F8FB;
--kc-bg-muted:      #EDF3F7;
--kc-bg-tint:       #E3F5FB;
--kc-bg-void:       #05080B;   
--kc-on-void:       #FFFFFF;   
--kc-on-void-2:     #A6BAC6;   
--kc-on-void-3:     #7E929F;   
--kc-on-void-line:  #5A6E79;   
--kc-on-void-link:  #5AD2EE;   
--kc-on-void-pro:   #FFC866;   
--kc-on-void-soft:  #101820;   
--kc-on-glass:      #0E1A20;   
--kc-border:        #DCE6EC;   
--kc-border-mid:    #C3D2DB;
--kc-border-strong: #7B93A0;   
--kc-border-soft:   #EAF0F4;
--kc-band-soft:     #F3FCFF;
--kc-ink:        #0E1A20;      
--kc-ink-2:      #33454F;      
--kc-ink-3:      #5C6E79;      
--kc-ink-invert: #FFFFFF;
--kc-accent:            #13C3E3;
--kc-on-accent:         #0E1A20;   
--kc-accent-ink:        #0A7391;   
--kc-accent-ink-hover:  #08607A;   
--kc-accent-soft:       #E3F5FB;
--kc-fun-wash:          #FFFFFF;   
--kc-fun-top:           100%;      
--kc-accent-line:       #A9E2F2;
--kc-pro:      #8A5300;   
--kc-pro-bg:   #FFF6E3;
--kc-pro-line: #F0C674;
--kc-success:    #0B6446;
--kc-success-bg: #DFF5E9;
--kc-warning:    #8A5A00;
--kc-warning-bg: #FFF3D6;
--kc-danger:     #B3261E;
--kc-danger-bg:  #FDECEA;
--kc-cta:    #DC2626;   
--kc-on-cta: #FFFFFF;
--kc-shadow-sm: 0 1px 2px rgba(14,26,32,.05);
--kc-shadow-md: 0 4px 16px -4px rgba(14,26,32,.10);
--kc-shadow-lg: 0 24px 60px -20px rgba(10,64,80,.32);
--kc-1: 4px;   --kc-2: 8px;   --kc-3: 12px;  --kc-4: 16px;  --kc-5: 20px;
--kc-6: 24px;  --kc-7: 32px;  --kc-8: 40px;  --kc-9: 48px;  --kc-10: 64px; --kc-11: 96px;
--kc-shell: 1400px;
--kc-sec-w: 1160px;
--kc-form-card-w: calc(560px + var(--kc-6) * 2);
--kc-r-sm:  8px;    
--kc-r-md:  12px;   
--kc-r-lg:  16px;   
--kc-r-pill: 999px;
--kc-fast:   120ms;
--kc-mid:    200ms;
--kc-slow:   320ms;
--kc-ease-out:    cubic-bezier(.2,.8,.2,1);
--kc-ease-in-out: cubic-bezier(.4,0,.2,1);
--kc-font: "Inter", -apple-system, "Segoe UI", Roboto, "Helvetica Neue", system-ui, sans-serif;
}
@media (prefers-color-scheme: dark) {
:root:not([data-theme="light"]) {
color-scheme: dark;
--kc-bg:            #0F1519;
--kc-bg-app:        #0B1013;
--kc-bg-muted:      #171F25;
--kc-bg-tint:       #10303D;
--kc-band-soft:     #10303D;   
--kc-border:        #232E37;
--kc-border-mid:    #2E3B45;
--kc-border-strong: #5A6E79;
--kc-border-soft:   #1B242C;
--kc-ink:        #E9F1F6;
--kc-ink-2:      #A6BAC6;
--kc-ink-3:      #7E929F;
--kc-ink-invert: #0E1A20;
--kc-accent-ink:       #5AD2EE;   
--kc-accent-ink-hover: #8BE2F5;
--kc-accent-soft:      #10303D;
--kc-fun-wash:          var(--kc-bg);
--kc-fun-top:           50%;
--kc-accent-line:      #1D5468;
--kc-pro:      #FFC866;
--kc-pro-bg:   #3A2A09;
--kc-pro-line: #6B4E12;
--kc-success:    #7EE2A8;
--kc-success-bg: #0C2A1E;
--kc-warning:    #F5CF7A;
--kc-warning-bg: #2E2408;
--kc-danger:     #F9A8A8;
--kc-danger-bg:  #2E1414;
--kc-shadow-sm: none;
--kc-shadow-md: none;
--kc-shadow-lg: 0 24px 60px -20px rgba(0,0,0,.6);
}
}
:root {
--kc-gold-1:    #F3D488;
--kc-gold-2:    #E0B457;
--kc-gold-edge: #C89B3C;
--kc-gold-ink:  #3A2A05;      
}
[data-theme="light"] { color-scheme: light; }
[data-theme="dark"] {
color-scheme: dark;
--kc-bg:            #0F1519;
--kc-bg-app:        #0B1013;
--kc-bg-muted:      #171F25;
--kc-bg-tint:       #10303D;
--kc-band-soft:     #10303D;   
--kc-border:        #232E37;
--kc-border-mid:    #2E3B45;
--kc-border-strong: #5A6E79;
--kc-border-soft:   #1B242C;
--kc-ink:        #E9F1F6;
--kc-ink-2:      #A6BAC6;
--kc-ink-3:      #7E929F;
--kc-ink-invert: #0E1A20;
--kc-accent-ink:       #5AD2EE;
--kc-accent-ink-hover: #8BE2F5;
--kc-accent-soft:      #10303D;
--kc-fun-wash:          var(--kc-bg);
--kc-fun-top:           50%;
--kc-accent-line:      #1D5468;
--kc-pro:      #FFC866;
--kc-pro-bg:   #3A2A09;
--kc-pro-line: #6B4E12;
--kc-success:    #7EE2A8;
--kc-success-bg: #0C2A1E;
--kc-warning:    #F5CF7A;
--kc-warning-bg: #2E2408;
--kc-danger:     #F9A8A8;
--kc-danger-bg:  #2E1414;
--kc-shadow-sm: none;
--kc-shadow-md: none;
--kc-shadow-lg: 0 24px 60px -20px rgba(0,0,0,.6);
}
.kc-studio {
color-scheme: dark;
--kc-bg:            #0C1116;
--kc-bg-app:        #0C1116;
--kc-bg-muted:      #1B242C;
--kc-bg-tint:       #10303D;
--kc-surface:       #141B21;
--kc-surface-2:     #1B242C;
--kc-border:        #232E37;
--kc-border-mid:    #2E3B45;
--kc-border-strong: #5A6E79;   
--kc-border-soft:   #1B242C;
--kc-ink:        #E9F1F6;      
--kc-ink-2:      #A6BAC6;      
--kc-ink-3:      #7E929F;      
--kc-ink-invert: #0E1A20;
--kc-accent:            #13C3E3;   
--kc-on-accent:         #0E1A20;
--kc-accent-ink:        #13C3E3;
--kc-accent-ink-hover:  #5AD2EE;
--kc-accent-soft:       #10303D;
--kc-fun-wash:          var(--kc-bg);
--kc-fun-top:           50%;
--kc-accent-line:       #1D5468;
--kc-pro:      #FFC866;
--kc-pro-bg:   #3A2A09;
--kc-pro-line: #6B4E12;
--kc-success:    #7EE2A8;
--kc-success-bg: #0C2A1E;
--kc-warning:    #F5CF7A;
--kc-warning-bg: #2E2408;
--kc-danger:     #F9A8A8;
--kc-danger-bg:  #2E1414;
--kc-shadow-sm: none;   
--kc-shadow-md: none;
--kc-shadow-lg: none;
}
.kc-studio-light {
color-scheme: light;
--kc-bg:            #FFFFFF;
--kc-bg-app:        #F2F8FB;
--kc-bg-muted:      #EDF3F7;
--kc-bg-tint:       #E3F5FB;
--kc-surface:       #FFFFFF;
--kc-surface-2:     #EDF3F7;
--kc-border:        #DCE6EC;
--kc-border-mid:    #C3D2DB;
--kc-border-strong: #7B93A0;
--kc-border-soft:   #EAF0F4;
--kc-ink:        #0E1A20;
--kc-ink-2:      #33454F;
--kc-ink-3:      #5C6E79;
--kc-ink-invert: #FFFFFF;
--kc-accent:            #13C3E3;
--kc-on-accent:         #0E1A20;
--kc-accent-ink:        #0A7391;
--kc-accent-ink-hover:  #08607A;
--kc-accent-soft:       #E3F5FB;
--kc-fun-wash:          #FFFFFF;   
--kc-fun-top:           100%;      
--kc-accent-line:       #A9E2F2;
--kc-pro:      #8A5300;
--kc-pro-bg:   #FFF6E3;
--kc-pro-line: #F0C674;
--kc-success:    #0B6446;
--kc-success-bg: #DFF5E9;
--kc-warning:    #8A5A00;
--kc-warning-bg: #FFF3D6;
--kc-danger:     #B3261E;
--kc-danger-bg:  #FDECEA;
--kc-shadow-sm: 0 1px 2px rgba(14,26,32,.05);
--kc-shadow-md: 0 4px 16px -4px rgba(14,26,32,.10);
--kc-shadow-lg: 0 24px 60px -20px rgba(10,64,80,.32);
}
:root, [data-theme="light"] { --kc-surface: #FFFFFF; --kc-surface-2: #F2F8FB; }
@media (prefers-color-scheme: dark) {
:root:not([data-theme="light"]) { --kc-surface: #141B21; --kc-surface-2: #1B242C; }
}
[data-theme="dark"] { --kc-surface: #141B21; --kc-surface-2: #1B242C; }
:root, [data-theme="light"], .kc-studio, .kc-studio-light {
--kc-cyan:        var(--kc-accent);
--kc-cyan-deep:   var(--kc-accent-ink);
--kc-cta-hover:   var(--kc-accent-ink-hover);
--kc-btn-text:    var(--kc-on-accent);
--kc-text:        var(--kc-ink);
--kc-text-sub:    var(--kc-ink-3);
--kc-text-invert: var(--kc-ink-invert);
--kc-border-hero: var(--kc-border);
--kc-border-row:  var(--kc-border-soft);
--kc-thumb-empty: var(--kc-bg-muted);
}
.kcx {
--kc-danger:   var(--kc-cta);
--kc-btn-text: var(--kc-on-cta);
}
.kcx-preview__caption { --kc-text-invert: var(--kc-on-void); }
.kcx-preview__play    { --kc-text: var(--kc-on-glass); }
@media (prefers-color-scheme: dark) {
:root:not([data-theme="light"]) body[data-sales] {
--kc-bg-app:      #0A1519;
--kc-bg:          #0E1B21;
--kc-fun-wash:    var(--kc-bg);
--kc-bg-muted:    #16242B;
--kc-border-soft: #16242B;
--kc-border:      #1F3038;
--kc-border-mid:  #2A3D46;
--kc-ink-3:       #96ACB9;
--kc-text-sub:    var(--kc-ink-3);
--kc-border-hero: var(--kc-border);
--kc-border-row:  var(--kc-border-soft);
--kc-thumb-empty: var(--kc-bg-muted);
}
}
[data-theme="dark"] body[data-sales] {
--kc-bg-app:      #0A1519;
--kc-bg:          #0E1B21;
--kc-fun-wash:    var(--kc-bg);
--kc-bg-muted:    #16242B;
--kc-border-soft: #16242B;
--kc-border:      #1F3038;
--kc-border-mid:  #2A3D46;
--kc-ink-3:       #96ACB9;
--kc-text-sub:    var(--kc-ink-3);
--kc-border-hero: var(--kc-border);
--kc-border-row:  var(--kc-border-soft);
--kc-thumb-empty: var(--kc-bg-muted);
}
*, *::before, *::after { box-sizing: border-box; }
html {
overflow-x: clip;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
overflow-x: clip;
background: var(--kc-bg-app);
color: var(--kc-ink);
font-family: var(--kc-font);
font-size: 15px;
line-height: 1.5;
-webkit-font-smoothing: antialiased;
display: flex;
flex-direction: column;
min-height: 100dvh;
}
main { flex: 1 0 auto; }
main:has(> .kc-wrap--admin),
main:has(> .kc-wrap--area) { display: flex; flex-direction: column; }
.kc-wrap--admin,
.kc-wrap--area { flex: 1 0 auto; }
[hidden] { display: none !important; }
img, video, svg { max-width: 100%; display: block; }
button, input, select, textarea { font: inherit; color: inherit; }
a { color: var(--kc-accent-ink); text-decoration: none; }
a:hover { color: var(--kc-accent-ink-hover); text-decoration: underline; }
:where(a, button, summary, input, select, textarea, [tabindex]):focus-visible {
outline: 2px solid var(--kc-accent-ink);
outline-offset: 2px;
box-shadow: 0 0 0 4px rgba(19,195,227,.28);
border-radius: var(--kc-r-sm);
}
::selection { background: var(--kc-accent-soft); color: var(--kc-ink); }
.t-display { font-size: clamp(34px, 5vw, 56px); font-weight: 700; line-height: 1.2; letter-spacing: -.02em; }
.t-h1      { font-size: 30px; font-weight: 700; line-height: 1.25; letter-spacing: -.01em; }
.t-h2      { font-size: 24px; font-weight: 700; line-height: 1.3; }
.t-h3      { font-size: 19px; font-weight: 700; line-height: 1.35; }
.t-h4      { font-size: 16px; font-weight: 700; line-height: 1.4; }
.t-lead    { font-size: 18px; font-weight: 400; line-height: 1.65; }
.t-body    { font-size: 17px; font-weight: 400; line-height: 1.75; max-width: 68ch; }
.t-ui      { font-size: 16px; line-height: 1.45; }
.t-meta    { font-size: 13px; line-height: 1.45; }
.t-eyebrow { font-size: 11px; font-weight: 700; line-height: 1.35; letter-spacing: .08em;
text-transform: uppercase; color: var(--kc-ink-2); }
.t-eyebrow.kc-muted { color: var(--kc-ink-2); }
h1, h2, h3, h4 { margin: 0; }
p { margin: 0; }
@media (max-width: 640px) { .t-body { font-size: 17px; line-height: 1.85; } }
.t-num, .kc-price, .kc-dur, .kc-count { font-variant-numeric: tabular-nums; }
.kc-price--was { text-decoration: line-through; }
.kc-promo { display: flex; align-items: center; gap: var(--kc-3); flex-wrap: wrap;
margin: var(--kc-4) 0 0; }
.kc-promo__tag { display: inline-flex; align-items: center; padding: 4px 10px;
border-radius: var(--kc-r-pill); background: var(--kc-accent);
color: var(--kc-on-accent); font-size: 13px; font-weight: 700;
letter-spacing: .02em; white-space: nowrap; }
.kc-promo__what { color: var(--kc-ink-2); font-size: 14px; }
.kc-promoband {
position: relative; z-index: 1;
display: flex; align-items: center; flex-wrap: wrap; gap: var(--kc-3);
padding-block: var(--kc-3);
padding-inline: max(var(--kc-5), calc((100% - var(--kc-shell)) / 2 + var(--kc-5)));
background: var(--kc-accent-soft); border-bottom: 1px solid var(--kc-border);
}
@media (min-width: 768px) {
.kc-promoband { padding-inline: max(var(--kc-7), calc((100% - var(--kc-shell)) / 2 + var(--kc-7))); }
}
.kc-promoband__tag { display: inline-flex; align-items: center; padding: 4px 10px;
border-radius: var(--kc-r-pill); background: var(--kc-accent);
color: var(--kc-on-accent); font-size: 13px; font-weight: 700;
letter-spacing: .02em; white-space: nowrap; }
.kc-promoband__what { flex: 1 1 12rem; min-width: 0; color: var(--kc-accent-ink); font-size: 14px; }
.kc-promoband__go { flex: none; }