*{
margin:0;
padding:0;
box-sizing:border-box;
}
html{
-webkit-text-size-adjust:100%;
}
body{
background:#F5F3FA;
font-size:0.938rem;
text-rendering:optimizeLegibility;
color:#3D3458;
line-height:1.55;
font-family:"Albert Sans", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
-webkit-font-smoothing:antialiased;
overflow-wrap:break-word;
}
img{
max-width:100%;
display:block;
}
a{
color:inherit;
text-decoration:none;
}
button{
background:none;
border:none;
cursor:pointer;
font-family:inherit;
}
input{
font-family:inherit;
}
svg{
display:block;
}
h1,h2,h3,h4{
overflow-wrap:anywhere;
}
::-webkit-scrollbar{
width:0.5rem;
height:8px;
}
::-webkit-scrollbar-thumb{
border-radius:0.5rem;
background:rgba(18, 16, 42, 0.72);
}
::-webkit-scrollbar-track{
background:transparent;
}
.khb_shell-c5u{
grid-template-columns:248px 1fr;
min-height:100vh;
display:grid;
}
.khb_main-c5u{
min-width:0;
}
.khb_wrap-c5u{
margin:0 auto;
width:100%;
max-width:1400px;
}
.khb_container-c5u{
padding:0 1rem;
margin:0 auto;
width:100%;
max-width:1400px;
}
@media(min-width:766px){
.khb_container-c5u{
padding:0 1.75rem;
}
}
.khb_section-c5u{
padding:24px 28px;
}
.khb_section_pt-c5u{
padding-top:34px;
}
.khb_band_soft-c5u{
background:#FFFFFF;
}
.khb_eyebrow-c5u{
text-transform:uppercase;
font-weight:600;
font-size:0.656rem;
font-family:"Albert Sans", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
color:#6D28D9;
display:inline-block;
letter-spacing:.14em;
overflow-wrap:break-word;
line-height:1.4;
}
.khb_drawer_cb-c5u{
display:none;
}
.khb_overlay-c5u{
display:none;
}
@media(max-width:1025px){
.khb_shell-c5u{
grid-template-columns:1fr;
}
.khb_main-c5u{
padding-bottom:78px;
}
.khb_drawer_cb-c5u:checked~.khb_overlay-c5u{
inset:0;
background:rgba(18, 16, 42, 0.72);
display:block;
z-index:70;
position:fixed;
}
}
@media(max-width:560px){
.khb_section-c5u{
padding:18px 16px;
}
.khb_section_pt-c5u{
padding-top:1.5rem;
}
}
@keyframes zm3-pulse{
0%,100%{
opacity:.55}
50%{
opacity:1}
}
@keyframes zm3-marquee{
0%{
transform:translateX(0)}
100%{
transform:translateX(-50%)}
}
/* ---------- sidebar ---------- */
.khb_side-c5u{
padding:1.375rem 1.125rem;
gap:1.375rem;
background:#EFECF8;
height:100vh;
align-self:start;
border-right:1px solid rgba(26, 21, 48, 0.08);
overflow-y:auto;
display:flex;
flex-direction:column;
top:0;
position:sticky;
}
.khb_brand-c5u{
gap:0.625rem;
display:flex;
align-items:center;
}
.khb_logo-c5u{
font-weight:700;
letter-spacing:-.02em;
font-family:"Inter", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
color:#1A1530;
font-size:1.313rem;
}
.khb_side_cta-c5u{
background:rgba(109, 40, 217, 0.10);
padding:1rem;
border-radius:0.75rem;
border:1px solid rgba(26, 21, 48, 0.12);
}
.khb_side_cta_h-c5u{
font-size:1.063rem;
margin-bottom:6px;
font-weight:700;
font-family:"Inter", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
color:#1A1530;
line-height:1.15;
}
.khb_side_cta_p-c5u{
margin-bottom:0.75rem;
line-height:1.45;
color:#3D3458;
font-size:12px;
}
.khb_nav-c5u{
gap:3px;
display:flex;
flex-direction:column;
}
.khb_nav_label-c5u{
padding:6px 0.625rem;
font-family:"Space Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
color:#9E96B8;
font-size:9.5px;
letter-spacing:.14em;
text-transform:uppercase;
}
.khb_nav_item-c5u{
padding:10px;
gap:11px;
border-radius:8px;
font-weight:500;
font-size:14px;
align-items:center;
color:#3D3458;
display:flex;
}
.khb_nav_item-c5u svg{
width:17px;
height:1.063rem;
}
.khb_nav_item-c5u:hover{
background:rgba(109, 40, 217, 0.10);
color:#1A1530;
}
.khb_nav_item_on-c5u{
background:rgba(109, 40, 217, 0.10);
color:#6D28D9;
font-weight:600;
}
.khb_side_foot-c5u{
border:1px solid rgba(26, 21, 48, 0.12);
padding:12px;
background:#FFFFFF;
border-radius:12px;
margin-top:auto;
}
.khb_side_foot-c5u p{
font-size:12.5px;
margin-top:4px;
color:#3D3458;
line-height:1.4;
}
/* ---------- topbar ---------- */
.khb_top-c5u{
background:#EFECF8;
gap:1rem;
padding:14px 28px;
z-index:40;
border-bottom:1px solid rgba(26, 21, 48, 0.08);
display:flex;
position:sticky;
top:0;
align-items:center;
}
.khb_top_brand-c5u{
gap:9px;
display:none;
align-items:center;
}
.khb_search-c5u{
padding:0.688rem 0.875rem;
flex:1;
background:#FFFFFF;
gap:10px;
border:1px solid rgba(26, 21, 48, 0.12);
border-radius:12px;
display:flex;
color:#6E6490;
align-items:center;
max-width:440px;
font-size:13.5px;
}
.khb_search-c5u svg{
flex:none;
height:16px;
width:16px;
}
.khb_top_actions-c5u{
gap:12px;
display:flex;
align-items:center;
margin-left:auto;
}
.khb_lang-c5u{
color:#3D3458;
font-size:12px;
font-family:"Space Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
}
.khb_burger-c5u{
background:#FFFFFF;
border:1px solid rgba(26, 21, 48, 0.12);
border-radius:8px;
height:2.5rem;
align-items:center;
justify-content:center;
display:none;
color:#1A1530;
width:40px;
}
/* ---------- bottom-nav (mobile) ---------- */
.khb_botnav-c5u{
display:none;
}
@media(max-width:1023px){
.khb_side-c5u{
transition:transform .25s ease;
z-index:80;
height:100vh;
transform:translateX(-100%);
width:280px;
left:0;
top:0;
position:fixed;
}
.khb_drawer_cb-c5u:checked~.khb_shell-c5u .khb_side-c5u{
transform:translateX(0);
}
.khb_top-c5u{
padding:14px 16px;
gap:0.75rem;
position:static;
flex-wrap:wrap;
}
.khb_top_brand-c5u{
display:flex;
}
.khb_search-c5u{
display:none;
}
.khb_burger-c5u{
display:flex;
}
.khb_top_actions-c5u{
gap:10px;
width:100%;
margin-left:0;
align-items:stretch;
}
.khb_top_actions-c5u .khb_lang-c5u{
display:none;
}
.khb_top_actions-c5u .khb_btn-c5u{
flex:1;
padding:0.688rem 0.625rem;
text-align:center;
}
.khb_botnav-c5u{
padding:8px 6px calc(8px + env(safe-area-inset-bottom));
background:#EFECF8;
grid-template-columns:repeat(3,1fr);
right:0;
display:grid;
transform:translateZ(0);
z-index:65;
bottom:0;
left:0;
position:fixed;
border-top:1px solid rgba(26, 21, 48, 0.12);
}
.khb_bn-c5u{
padding:0.375rem 2px 0;
gap:4px;
justify-content:flex-end;
align-items:center;
flex-direction:column;
min-width:0;
font-weight:600;
display:flex;
color:#3D3458;
font-size:0.625rem;
}
.khb_bn-c5u svg{
flex:none;
width:1.375rem;
height:22px;
}
.khb_bn-c5u span{
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
max-width:100%;
text-align:center;
}
.khb_bn_on-c5u{
color:#6D28D9;
}
.khb_bn_center-c5u{
position:relative;
}
.khb_bn_fab-c5u{
background:#7C3AED;
border-radius:50%;
position:absolute;
box-shadow:0 8px 2rem rgba(26, 21, 48, 0.14), 0 2px 0.5rem rgba(26, 21, 48, 0.10);
align-items:center;
transform:translateX(-50%);
color:#FFFFFF;
height:50px;
left:50%;
display:flex;
justify-content:center;
width:3.125rem;
top:-20px;
}
.khb_bn_fab-c5u svg{
height:24px;
width:24px;
}
.khb_bn_center-c5u span{
color:#6D28D9;
}
}
.khb_btn-c5u{
border-radius:8px;
gap:8px;
transition:background-color 0.2s ease,color 0.2s ease;
padding:11px 22px;
font-weight:700;
justify-content:center;
display:inline-flex;
cursor:pointer;
align-items:center;
font-size:0.875rem;
font-family:"Albert Sans", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}
.khb_btn_pri-c5u{
background:#7C3AED;
color:#FFFFFF;
box-shadow:0 0.25rem 1rem rgba(124, 58, 237, 0.40), 0 1px 0.25rem rgba(124, 58, 237, 0.24);
}
.khb_btn_pri-c5u:hover{
background:#5B21B6;
}
.khb_btn_ghost-c5u{
background:rgba(109, 40, 217, 0.10);
color:#1A1530;
font-weight:600;
}
.khb_btn_line-c5u{
border:1px solid rgba(26, 21, 48, 0.22);
background:transparent;
color:#1A1530;
font-weight:600;
}
.khb_btn_lg-c5u{
border-radius:12px;
padding:16px 1.875rem;
font-size:0.938rem;
}
.khb_band-c5u .khb_btn_line-c5u{
border-color:rgba(255, 255, 255, 0.12);
color:#F0EEFF;
}
.khb_band-c5u .khb_btn_ghost-c5u{
background:rgba(255, 255, 255, 0.08);
color:#F0EEFF;
}
.khb_link_m-c5u{
gap:5px;
text-decoration:none;
display:inline-flex;
color:#6D28D9;
font-size:12px;
align-items:center;
font-family:"Space Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
cursor:pointer;
}
.khb_link_m-c5u svg{
width:0.875rem;
height:0.875rem;
}
.khb_band-c5u .khb_link_m-c5u{
color:#C4A8FF;
}
.khb_dot-c5u{
border-radius:50%;
background:#6D28D9;
flex:none;
width:7px;
height:0.438rem;
}
.khb_dot_live-c5u{
background:#DC2626;
animation:zm3-pulse 1.4s infinite;
}
.khb_stars-c5u{
gap:2px;
color:#6D28D9;
display:inline-flex;
}
.khb_stars-c5u svg{
width:15px;
height:0.938rem;
}
.khb_chip-c5u{
border:1px solid rgba(26, 21, 48, 0.12);
gap:6px;
background:#FFFFFF;
padding:0.438rem 12px;
border-radius:8px;
color:#3D3458;
font-size:0.688rem;
display:inline-flex;
align-items:center;
font-family:"Space Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
}
.khb_chip_on-c5u{
border-color:transparent;
background:rgba(109, 40, 217, 0.10);
color:#6D28D9;
}
.khb_gc-c5u{
color:inherit;
min-width:0;
cursor:pointer;
text-decoration:none;
display:block;
}
.khb_gc_thumb-c5u{
border-radius:0.75rem;
border:1px solid rgba(26, 21, 48, 0.12);
overflow:hidden;
display:block;
background-position:center;
background-size:cover;
position:relative;
aspect-ratio:1;
}
.khb_gc_thumb_portrait-c5u{
aspect-ratio:3/4;
}
.khb_gc_thumb_wide-c5u{
aspect-ratio:16/11;
}
.khb_gc_cap-c5u{
background:linear-gradient(transparent,rgba(18, 16, 42, 0.72));
padding:0.563rem;
position:absolute;
left:0;
right:0;
bottom:0;
}
.khb_gc_name-c5u{
font-weight:700;
display:block;
font-size:0.781rem;
color:#F0EEFF;
}
.khb_gc_meta-c5u{
color:#A89ECC;
font-size:0.688rem;
}
.khb_gc_badge-c5u{
border-radius:0.5rem;
padding:2px 6px;
background:#6D28D9;
color:#FFFFFF;
font-weight:700;
right:0.5rem;
font-size:8px;
top:0.5rem;
font-family:"Space Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
position:absolute;
}
.khb_gc_badge_hot-c5u{
background:#DC2626;
color:#F0EEFF;
}
.khb_gc_badge_live-c5u{
background:#DC2626;
right:auto;
color:#F0EEFF;
left:8px;
}
.khb_gc_mult-c5u{
inset:0;
font-size:28px;
position:absolute;
color:#6D28D9;
align-items:center;
font-weight:700;
justify-content:center;
display:flex;
}
.khb_pc-c5u{
border-radius:12px;
background:#FFFFFF;
border:1px solid rgba(26, 21, 48, 0.12);
justify-content:center;
align-items:center;
display:flex;
font-weight:700;
color:#3D3458;
font-size:14px;
height:4rem;
}
.khb_rail-c5u{
min-width:0;
}
.khb_rail_scroll-c5u{
gap:14px;
display:grid;
}
.khb_rail_scroll-c5u>*{
min-width:0;
}
.khb_g6-c5u{
grid-template-columns:repeat(6,1fr);
}
.khb_g7-c5u{
grid-template-columns:repeat(7,1fr);
}
.khb_g4-c5u{
grid-template-columns:repeat(4,1fr);
}
@media(max-width:1027px){
.khb_g6-c5u,.khb_g7-c5u{
grid-template-columns:none;
padding-bottom:0.375rem;
grid-auto-flow:column;
overflow-x:auto;
grid-auto-columns:120px;
scroll-snap-type:x mandatory;
}
.khb_g6-c5u>*,.khb_g7-c5u>*{
scroll-snap-align:start;
}
.khb_g4-c5u{
grid-template-columns:repeat(2,1fr);
}
}
@media(max-width:558px){
.khb_g4-c5u{
grid-template-columns:none;
grid-auto-flow:column;
grid-auto-columns:9.375rem;
overflow-x:auto;
}
}
.khb_panel-c5u{
padding:1.75rem 32px;
background:#FFFFFF;
border:1px solid rgba(26, 21, 48, 0.12);
border-radius:20px;
}
.khb_split-c5u{
gap:36px;
align-items:start;
display:grid;
}
.khb_split-c5u>*{
min-width:0;
}
.khb_split_a-c5u{
grid-template-columns:.85fr 1.15fr;
}
.khb_split_b-c5u{
grid-template-columns:1fr 1.1fr;
}
.khb_split_c-c5u{
grid-template-columns:1.1fr .9fr;
}
.khb_pgrid-c5u{
grid-template-columns:.9fr 1.1fr;
gap:40px;
display:grid;
align-items:center;
}
.khb_pgrid-c5u>*{
min-width:0;
}
.khb_lead-c5u{
margin-bottom:0.875rem;
color:#3D3458;
line-height:1.65;
font-size:15px;
}
.khb_feat-c5u{
grid-template-columns:repeat(3,1fr);
gap:0.875rem;
display:grid;
}
.khb_feat-c5u>*{
min-width:0;
}
.khb_feat2-c5u{
grid-template-columns:1fr 1fr;
}
.khb_feat_card-c5u{
padding:26px;
border-radius:20px;
border:1px solid rgba(26, 21, 48, 0.12);
background:#FFFFFF;
}
.khb_feat_card-c5u svg{
width:26px;
height:26px;
color:#6D28D9;
margin-bottom:16px;
}
.khb_feat_card-c5u h3{
font-weight:700;
margin-bottom:8px;
font-size:1.125rem;
font-family:"Inter", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
color:#1A1530;
}
.khb_feat_card-c5u p{
font-size:0.813rem;
color:#3D3458;
line-height:1.6;
}
.khb_feat_card-c5u b{
color:#1A1530;
}
.khb_big-c5u{
gap:22px;
flex-wrap:wrap;
display:flex;
}
.khb_big_n-c5u{
font-family:"Inter", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
font-size:26px;
color:#6D28D9;
font-weight:700;
}
.khb_big_l-c5u{
font-size:12px;
color:#6E6490;
}
.khb_person-c5u{
gap:0.875rem;
border:1px solid rgba(26, 21, 48, 0.12);
background:#FFFFFF;
padding:16px 1.125rem;
border-radius:0.75rem;
display:flex;
align-items:center;
}
.khb_avatar-c5u{
background:linear-gradient(135deg,#7C3AED,#4C1D95);
flex:none;
border-radius:50%;
height:2.75rem;
width:44px;
}
.khb_person_name-c5u{
font-weight:700;
font-size:0.875rem;
color:#1A1530;
}
.khb_person_role-c5u{
font-size:0.75rem;
color:#6E6490;
}
.khb_kv-c5u{
gap:1px;
border:1px solid rgba(26, 21, 48, 0.12);
overflow:hidden;
border-radius:12px;
grid-template-columns:1fr 1fr;
background:rgba(26, 21, 48, 0.12);
display:grid;
}
.khb_kv-c5u>div{
background:#F5F3FA;
padding:1rem 1.125rem;
min-width:0;
}
.khb_kv_k-c5u{
font-size:0.594rem;
color:#6D28D9;
margin-bottom:0.313rem;
font-family:"Space Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
text-transform:uppercase;
}
.khb_kv_v-c5u{
font-size:13.5px;
color:#1A1530;
font-weight:700;
}
@media(max-width:1021px){
.khb_split_a-c5u,.khb_split_b-c5u,.khb_split_c-c5u,.khb_pgrid-c5u{
gap:1.5rem;
grid-template-columns:1fr;
}
.khb_feat-c5u,.khb_feat2-c5u{
grid-template-columns:1fr;
}
.khb_kv-c5u{
grid-template-columns:1fr;
}
}
.khb_sh-c5u{
min-width:0;
margin-bottom:16px;
}
.khb_sh_row-c5u{
gap:12px;
display:flex;
align-items:flex-end;
flex-wrap:wrap;
justify-content:space-between;
}
.khb_sh_row-c5u .khb_sh_l-c5u{
gap:0.375rem;
flex-direction:column;
display:flex;
min-width:0;
}
.khb_sh_stack-c5u{
gap:0.625rem;
display:flex;
flex-direction:column;
align-items:flex-start;
}
.khb_sh_center-c5u{
gap:0.625rem;
text-align:center;
align-items:center;
display:flex;
flex-direction:column;
}
.khb_sh_h2-c5u{
gap:9px;
align-items:center;
line-height:1.1;
overflow-wrap:break-word;
display:flex;
font-family:"Inter", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
font-size:1.25rem;
font-weight:700;
color:#1A1530;
}
@media(min-width:771px){
.khb_sh_h2-c5u{
font-size:1.5rem;
}
}
.khb_band-c5u .khb_sh_h2-c5u{
color:#F0EEFF;
}
.khb_eb_mono-c5u{
letter-spacing:.08em;
text-transform:none;
font-family:"Space Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
}
.khb_eb_mono-c5u::before{
content:"// ";
}
.khb_eb_upper-c5u{
letter-spacing:.14em;
text-transform:uppercase;
}
.khb_eb_pill-c5u{
border-radius:62.438rem;
padding:0.313rem 11px;
background:rgba(109, 40, 217, 0.10);
text-transform:uppercase;
letter-spacing:.12em;
}
.khb_eb_line-c5u{
gap:10px;
align-items:center;
display:inline-flex;
}
.khb_eb_line-c5u::before{
background:#6D28D9;
width:1.5rem;
content:"";
height:1px;
display:inline-block;
}
.khb_band-c5u .khb_eb_line-c5u::before{
background:#C4A8FF;
}
.khb_band-c5u .khb_eb_pill-c5u{
background:rgba(255, 255, 255, 0.08);
}
.khb_sh_link-c5u{
transition:color 0.2s ease,border-color 0.2s ease;
gap:6px;
padding-bottom:2px;
align-items:center;
color:#1A1530;
display:inline-flex;
border-bottom:1px solid #1A1530;
font-size:0.813rem;
font-weight:600;
white-space:nowrap;
}
.khb_sh_link-c5u:hover{
border-color:#6D28D9;
color:#6D28D9;
}
.khb_sh_link-c5u svg{
height:14px;
width:14px;
}
.khb_sh_link_chev-c5u{
color:#6D28D9;
font-size:12px;
padding-bottom:0;
font-family:"Space Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
border-bottom:0;
}
.khb_sh_link_btn-c5u{
border-radius:62.438rem;
background:#7C3AED;
padding:9px 1.125rem;
border-bottom:0;
color:#FFFFFF;
}
.khb_sh_link_btn-c5u:hover{
border-color:transparent;
background:#5B21B6;
}
.khb_band-c5u .khb_sh_link-c5u{
border-color:#F0EEFF;
color:#F0EEFF;
}
.khb_band-c5u .khb_sh_link_chev-c5u{
color:#C4A8FF;
}
.khb_sh_rule-c5u{
background:rgba(26, 21, 48, 0.12);
margin:-2px 0 1rem;
height:1px;
}
.khb_band-c5u .khb_sh_rule-c5u{
background:rgba(255, 255, 255, 0.12);
}
.khb_seo_grid3-c5u{
grid-template-columns:repeat(3,1fr);
gap:20px;
display:grid;
}
.khb_seo_grid4-c5u{
grid-template-columns:repeat(4,1fr);
gap:0.813rem;
display:grid;
}
.khb_seo_grid3-c5u>*,.khb_seo_grid4-c5u>*{
min-width:0;
}
.khb_seo_card-c5u{
padding:1.5rem;
background:#FFFFFF;
border:1px solid rgba(26, 21, 48, 0.12);
border-radius:0.75rem;
}
.khb_seo_card-c5u h3{
margin-bottom:8px;
font-weight:700;
color:#1A1530;
font-family:"Inter", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
font-size:18px;
}
.khb_seo_card-c5u p{
color:#3D3458;
line-height:1.6;
font-size:0.813rem;
}
.khb_seo_card_sm-c5u{
padding:1.25rem;
}
.khb_seo_card_sm-c5u h3{
font-size:1rem;
}
.khb_seo_card_sm-c5u p{
line-height:1.55;
font-size:12.5px;
}
.khb_seo_rtp_row-c5u{
grid-template-columns:1fr 1fr;
gap:2.25rem;
align-items:center;
display:grid;
margin-top:16px;
}
.khb_rtp-c5u{
gap:0.875rem;
min-width:0;
display:flex;
}
.khb_rtp-c5u>div{
flex:1;
background:#F5F3FA;
border-radius:12px;
padding:16px;
text-align:center;
min-width:0;
}
.khb_rtp_n-c5u{
font-family:"Inter", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
color:#6D28D9;
font-weight:700;
white-space:nowrap;
font-size:26px;
}
.khb_rtp_l-c5u{
color:#6E6490;
font-size:0.688rem;
margin-top:4px;
}
.khb_cmp-c5u{
border:1px solid rgba(26, 21, 48, 0.12);
overflow:hidden;
border-radius:12px;
max-width:760px;
}
.khb_cmp_row-c5u{
grid-template-columns:1.6fr 1fr 1fr;
display:grid;
font-size:13px;
}
.khb_cmp_row-c5u>div{
padding:0.813rem 0.875rem;
min-width:0;
text-align:center;
}
.khb_cmp_row-c5u>div:first-child{
color:#1A1530;
font-weight:600;
padding-left:22px;
text-align:left;
}
.khb_cmp_th-c5u{
background:#F5F3FA;
font-size:0.781rem;
font-weight:700;
}
.khb_cmp_row-c5u:not(.khb_cmp_th-c5u){
background:#FFFFFF;
border-top:1px solid rgba(26, 21, 48, 0.08);
color:#3D3458;
}
.khb_cmp_zebra-c5u{
background:#EDE9F6;
}
.khb_guide-c5u{
border-radius:0.75rem;
overflow:hidden;
border:1px solid rgba(26, 21, 48, 0.12);
background:#FFFFFF;
cursor:pointer;
}
.khb_guide_cover-c5u{
height:130px;
}
.khb_guide_body-c5u{
padding:20px;
}
.khb_guide_body-c5u h3{
margin:0.438rem 0 9px;
font-family:"Inter", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
line-height:1.25;
color:#1A1530;
font-size:1rem;
font-weight:700;
}
.khb_guide_meta-c5u{
font-size:0.719rem;
color:#6E6490;
}
.khb_hub-c5u{
grid-template-columns:repeat(5,1fr);
gap:28px;
display:grid;
padding-top:28px;
border-top:1px solid rgba(26, 21, 48, 0.08);
}
.khb_hub-c5u>*{
min-width:0;
}
.khb_hub-c5u h4{
color:#1A1530;
font-size:13px;
margin-bottom:0.688rem;
font-weight:700;
}
.khb_hub_col-c5u{
gap:0.5rem;
color:#3D3458;
flex-direction:column;
display:flex;
font-size:0.813rem;
}
.khb_hub_col-c5u a{
cursor:pointer;
}
@media(max-width:1023px){
.khb_seo_grid3-c5u{
grid-template-columns:1fr;
}
.khb_seo_grid4-c5u{
grid-template-columns:repeat(2,1fr);
}
.khb_seo_rtp_row-c5u{
grid-template-columns:1fr;
gap:20px;
}
.khb_hub-c5u{
gap:1.375rem;
grid-template-columns:repeat(2,1fr);
}
}
@media(max-width:562px){
.khb_hub-c5u{
grid-template-columns:1fr;
}
}
.khb_hero-c5u{
overflow:hidden;
padding:46px 3rem;
border:1px solid rgba(26, 21, 48, 0.12);
border-radius:20px;
background:linear-gradient(120deg,#12102A,#0C0E24);
color:#F0EEFF;
position:relative;
}
.khb_hero_glow-c5u{
background:radial-gradient(circle,rgba(139, 92, 246, 0.22),transparent 70%);
border-radius:50%;
height:21.25rem;
width:340px;
top:-3.75rem;
right:-60px;
position:absolute;
}
.khb_hero_in-c5u{
position:relative;
max-width:37.5rem;
}
.khb_hero-c5u .khb_eyebrow-c5u{
color:#C4A8FF;
}
.khb_pill_row-c5u{
border-radius:999px;
background:rgba(255, 255, 255, 0.08);
border:1px solid rgba(255, 255, 255, 0.12);
padding:6px 0.813rem;
gap:0.5rem;
margin-bottom:22px;
font-size:10.5px;
display:inline-flex;
align-items:center;
letter-spacing:.1em;
text-transform:uppercase;
font-family:"Space Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
color:#C4A8FF;
}
.khb_hero_h1-c5u{
margin:1.125rem 0;
overflow-wrap:break-word;
line-height:1.02;
font-size:54px;
font-family:"Inter", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
color:#F0EEFF;
font-weight:700;
letter-spacing:-.02em;
}
.khb_hero_h1-c5u em{
color:#C4A8FF;
font-style:normal;
}
.khb_hero_sub-c5u{
font-size:17px;
color:#A89ECC;
max-width:30rem;
margin-bottom:28px;
line-height:1.55;
}
.khb_hero_cta-c5u{
gap:0.875rem;
display:flex;
align-items:center;
flex-wrap:wrap;
margin-bottom:26px;
}
.khb_hero_trust-c5u{
gap:14px;
flex-wrap:wrap;
display:flex;
align-items:center;
}
.khb_hero_rating_txt-c5u{
color:#A89ECC;
font-size:13px;
}
@media(max-width:1025px){
.khb_hero-c5u{
padding:2rem 24px;
}
.khb_hero_h1-c5u{
font-size:2.375rem;
}
}
@media(max-width:557px){
.khb_hero_h1-c5u{
font-size:30px;
}
}
.khb_stat-c5u{
gap:0.875rem;
grid-template-columns:repeat(4,1fr);
display:grid;
}
.khb_stat-c5u>*{
min-width:0;
}
.khb_stat_item-c5u{
background:#FFFFFF;
border-radius:0.75rem;
padding:18px 1.25rem;
border:1px solid rgba(26, 21, 48, 0.12);
}
.khb_stat_k-c5u{
letter-spacing:.12em;
margin-bottom:0.438rem;
font-size:0.594rem;
color:#6E6490;
font-family:"Space Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
text-transform:uppercase;
}
.khb_stat_v-c5u{
gap:8px;
overflow-wrap:anywhere;
color:#1A1530;
display:flex;
min-width:0;
font-family:"Inter", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
align-items:center;
font-weight:700;
font-size:24px;
}
.khb_stat_v_accent-c5u{
color:#6D28D9;
}
@media(max-width:1024px){
.khb_stat-c5u{
grid-template-columns:repeat(2,1fr);
}
}
.khb_wlc-c5u{
border-radius:1.25rem;
grid-template-columns:1.2fr .8fr;
background:linear-gradient(120deg,#12102A,#0C0E24);
gap:1.5rem;
padding:2.25rem 40px;
border:1px solid rgba(26, 21, 48, 0.12);
overflow:hidden;
color:#F0EEFF;
display:grid;
position:relative;
align-items:center;
}
.khb_wlc-c5u>*{
min-width:0;
}
.khb_wlc-c5u .khb_eyebrow-c5u{
color:#C4A8FF;
}
.khb_wlc_glow-c5u{
background:radial-gradient(circle,rgba(139, 92, 246, 0.22),transparent 70%);
border-radius:50%;
height:260px;
width:260px;
right:-2.5rem;
top:-2.5rem;
position:absolute;
}
.khb_wlc_in-c5u{
position:relative;
}
.khb_wlc_h2-c5u{
margin:10px 0 0.5rem;
line-height:1.03;
font-family:"Inter", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
color:#F0EEFF;
overflow-wrap:break-word;
font-weight:700;
font-size:34px;
}
.khb_wlc_h2-c5u em{
color:#C4A8FF;
font-style:normal;
}
.khb_wlc_sub-c5u{
max-width:420px;
color:#A89ECC;
line-height:1.55;
font-size:14px;
margin-bottom:18px;
}
.khb_wlc_terms-c5u{
gap:0.625rem;
position:relative;
flex-direction:column;
display:flex;
}
.khb_term-c5u{
gap:11px;
padding:0.813rem 15px;
border-radius:0.75rem;
border:1px solid rgba(255, 255, 255, 0.12);
background:rgba(255, 255, 255, 0.08);
align-items:center;
display:flex;
}
.khb_term-c5u svg{
flex:none;
width:1.25rem;
height:20px;
color:#C4A8FF;
}
.khb_term_k-c5u{
letter-spacing:.1em;
color:#A89ECC;
text-transform:uppercase;
font-family:"Space Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
font-size:9.5px;
}
.khb_term_v-c5u{
margin-top:2px;
font-weight:700;
color:#F0EEFF;
font-size:0.875rem;
}
@media(max-width:1026px){
.khb_wlc-c5u{
grid-template-columns:1fr;
}
}
@media(max-width:563px){
.khb_wlc_h2-c5u{
font-size:26px;
}
}
.khb_jp-c5u{
grid-template-columns:1.5fr 1fr 1fr;
gap:0.875rem;
display:grid;
}
.khb_jp-c5u>*{
min-width:0;
}
.khb_jp_hero-c5u{
overflow:hidden;
padding:1.625rem;
border:1px solid rgba(26, 21, 48, 0.12);
border-radius:1.25rem;
gap:0.875rem;
background:linear-gradient(135deg,#12102A,#0C0E24);
flex-direction:column;
color:#F0EEFF;
display:flex;
min-height:11.25rem;
position:relative;
justify-content:space-between;
}
.khb_jp_glow-c5u{
background:radial-gradient(circle,rgba(139, 92, 246, 0.22),transparent 70%);
border-radius:50%;
right:-40px;
top:-2.5rem;
position:absolute;
width:11.25rem;
height:11.25rem;
}
.khb_jp_k_row-c5u{
gap:10px;
position:relative;
justify-content:space-between;
display:flex;
align-items:center;
}
.khb_jp_k-c5u{
color:#6E6490;
text-transform:uppercase;
font-size:0.625rem;
font-family:"Space Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
letter-spacing:.12em;
}
.khb_jp_hero-c5u .khb_jp_k-c5u{
color:#A89ECC;
}
.khb_jp_amt-c5u{
font-family:"Inter", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
position:relative;
line-height:1;
font-weight:700;
font-size:42px;
color:#C4A8FF;
}
.khb_jp_sub-c5u{
font-size:12px;
margin-top:5px;
color:#A89ECC;
}
.khb_jp_cell-c5u{
border-radius:20px;
background:#FFFFFF;
padding:1.375rem;
border:1px solid rgba(26, 21, 48, 0.12);
flex-direction:column;
display:flex;
min-height:180px;
justify-content:space-between;
}
.khb_jp_cell-c5u .khb_jp_amt-c5u{
font-size:1.875rem;
color:#1A1530;
}
.khb_jp_cell-c5u .khb_jp_sub-c5u{
color:#6E6490;
}
@media(max-width:1021px){
.khb_jp-c5u{
grid-template-columns:1fr;
}
}
@media(max-width:560px){
.khb_jp_amt-c5u{
font-size:2rem;
}
}
.khb_supp-c5u{
grid-template-columns:repeat(3,1fr);
gap:14px;
display:grid;
}
.khb_supp-c5u>*{
min-width:0;
}
.khb_supp_card-c5u{
padding:24px;
border-radius:0.75rem;
border:1px solid rgba(26, 21, 48, 0.12);
background:#FFFFFF;
}
.khb_supp_card-c5u svg{
color:#6D28D9;
margin-bottom:0.875rem;
height:24px;
width:24px;
}
.khb_supp_card-c5u h3{
color:#1A1530;
font-weight:700;
font-size:16px;
margin-bottom:0.375rem;
font-family:"Inter", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}
.khb_supp_card-c5u p{
line-height:1.55;
font-size:13px;
color:#3D3458;
}
@media(max-width:1022px){
.khb_supp-c5u{
grid-template-columns:1fr;
}
}
.khb_steps-c5u{
gap:14px;
grid-template-columns:repeat(3,1fr);
display:grid;
}
.khb_steps-c5u>*{
min-width:0;
}
.khb_step-c5u{
border-radius:0.75rem;
background:#FFFFFF;
padding:1.5rem;
border:1px solid rgba(26, 21, 48, 0.12);
position:relative;
}
.khb_step_num-c5u{
border-radius:0.5rem;
background:#7C3AED;
width:1.875rem;
align-items:center;
margin-bottom:14px;
font-size:13px;
color:#FFFFFF;
height:30px;
justify-content:center;
font-weight:700;
font-family:"Space Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
display:flex;
}
.khb_step_h-c5u{
font-weight:700;
font-family:"Inter", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
font-size:16px;
color:#1A1530;
margin-bottom:0.438rem;
}
.khb_step_p-c5u{
line-height:1.55;
font-size:13px;
color:#3D3458;
}
@media(max-width:1022px){
.khb_steps-c5u{
grid-template-columns:1fr;
}
}
.khb_dw_h2-c5u{
font-family:"Inter", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
margin-bottom:10px;
color:#1A1530;
font-size:1.625rem;
line-height:1.08;
font-weight:700;
}
.khb_steps_v-c5u{
grid-template-columns:1fr;
gap:10px;
}
.khb_steps_v-c5u .khb_step-c5u{
padding:18px 20px;
}
@media(max-width:562px){
.khb_dw_h2-c5u{
font-size:1.438rem;
}
}
.khb_pay_logos-c5u{
gap:0.563rem;
grid-template-columns:repeat(4,1fr);
display:grid;
}
.khb_pay_logos-c5u>*{
min-width:0;
}
.khb_pay-c5u{
border:1px solid rgba(26, 21, 48, 0.12);
border-radius:0.5rem;
color:#3D3458;
align-items:center;
height:48px;
font-weight:700;
justify-content:center;
font-size:0.75rem;
display:flex;
}
.khb_table-c5u{
overflow:hidden;
border-radius:12px;
border:1px solid rgba(26, 21, 48, 0.12);
}
.khb_trow-c5u{
grid-template-columns:1.3fr 1fr 1fr 1fr;
display:grid;
font-size:13px;
}
.khb_trow-c5u>div{
padding:0.813rem 0.875rem;
min-width:0;
}
.khb_trow-c5u>div:first-child{
font-weight:700;
padding-left:1rem;
color:#1A1530;
}
.khb_trow_th-c5u{
background:#F5F3FA;
letter-spacing:.06em;
text-transform:uppercase;
font-size:0.594rem;
color:#6E6490;
font-family:"Space Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
}
.khb_trow-c5u:not(.khb_trow_th-c5u){
background:#FFFFFF;
color:#3D3458;
border-top:1px solid rgba(26, 21, 48, 0.08);
}
.khb_trow_zebra-c5u{
background:#EDE9F6;
}
.khb_pos-c5u{
color:#6D28D9;
font-weight:700;
}
@media(max-width:1023px){
.khb_pay_logos-c5u{
grid-template-columns:repeat(2,1fr);
}
}
.khb_promo_grid-c5u{
gap:1rem;
grid-template-columns:repeat(3,1fr);
display:grid;
}
.khb_promo_grid-c5u>*{
min-width:0;
}
.khb_promo-c5u{
border:1px solid rgba(26, 21, 48, 0.12);
border-radius:20px;
background:#FFFFFF;
overflow:hidden;
padding:1.5rem;
min-height:150px;
position:relative;
}
.khb_promo_h-c5u{
color:#1A1530;
font-family:"Inter", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
margin-top:6px;
font-weight:700;
line-height:1.05;
font-size:1.625rem;
}
.khb_promo_h-c5u em{
font-style:normal;
color:#6D28D9;
}
.khb_promo_p-c5u{
color:#3D3458;
margin-top:0.5rem;
font-size:0.781rem;
line-height:1.5;
}
.khb_promo_feat-c5u{
border-color:rgba(26, 21, 48, 0.12);
background:linear-gradient(135deg,#12102A,#0C0E24);
}
.khb_promo_feat-c5u .khb_promo_h-c5u{
color:#F0EEFF;
}
.khb_promo_feat-c5u .khb_promo_h-c5u em{
color:#C4A8FF;
}
.khb_promo_feat-c5u .khb_promo_p-c5u{
color:#A89ECC;
}
.khb_promo_feat-c5u .khb_eyebrow-c5u{
color:#C4A8FF;
}
@media(max-width:1027px){
.khb_promo_grid-c5u{
grid-template-columns:1fr;
}
}
.khb_vip_head-c5u{
gap:0.75rem;
display:flex;
margin-bottom:18px;
align-items:flex-end;
flex-wrap:wrap;
justify-content:space-between;
}
.khb_vip_intro-c5u{
color:#3D3458;
max-width:420px;
font-size:0.813rem;
}
.khb_vip-c5u{
grid-template-columns:repeat(5,1fr);
gap:0.75rem;
display:grid;
}
.khb_vip-c5u>*{
min-width:0;
}
.khb_tier-c5u{
padding:1.25rem;
border:1px solid rgba(26, 21, 48, 0.12);
background:#FFFFFF;
border-radius:12px;
}
.khb_tier_on-c5u{
border-color:#6D28D9;
background:rgba(109, 40, 217, 0.10);
}
.khb_tier_medal-c5u{
background:linear-gradient(135deg,#7C3AED,#4C1D95);
border-radius:0.5rem;
margin-bottom:0.875rem;
height:30px;
width:1.875rem;
}
.khb_tier_name-c5u{
font-family:"Inter", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
font-size:15px;
font-weight:700;
color:#1A1530;
margin-bottom:0.313rem;
}
.khb_tier_tx-c5u{
line-height:1.5;
color:#6E6490;
font-size:0.719rem;
}
@media(max-width:1025px){
.khb_vip-c5u{
grid-template-columns:repeat(2,1fr);
}
}
.khb_app-c5u{
gap:2.25rem;
display:flex;
align-items:center;
flex-wrap:wrap;
justify-content:space-between;
}
.khb_app_copy-c5u{
max-width:520px;
}
.khb_app_h2-c5u{
margin:12px 0 10px;
font-weight:700;
font-size:1.75rem;
line-height:1.05;
color:#1A1530;
font-family:"Inter", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}
.khb_app_text-c5u{
margin-bottom:20px;
line-height:1.6;
color:#3D3458;
font-size:14px;
}
.khb_app_btns-c5u{
gap:12px;
flex-wrap:wrap;
display:flex;
}
.khb_store-c5u{
padding:0.688rem 18px;
border:1px solid rgba(26, 21, 48, 0.12);
background:#F5F3FA;
gap:9px;
border-radius:0.75rem;
font-size:0.813rem;
display:inline-flex;
align-items:center;
font-weight:700;
cursor:pointer;
color:#1A1530;
}
.khb_store-c5u svg{
height:16px;
width:16px;
}
.khb_app_qr_wrap-c5u{
gap:16px;
display:flex;
align-items:center;
}
.khb_qr-c5u{
border-radius:0.75rem;
grid-template-rows:repeat(5,1fr);
gap:3px;
background:#F5F3FA;
padding:11px;
border:1px solid rgba(26, 21, 48, 0.12);
grid-template-columns:repeat(5,1fr);
width:6.75rem;
display:grid;
height:108px;
}
.khb_qr-c5u i{
background:transparent;
}
.khb_qr_f-c5u{
background:#6D28D9;
}
.khb_app_qr_cap-c5u{
line-height:1.4;
max-width:5.25rem;
color:#6E6490;
font-size:0.75rem;
}
.khb_gm-c5u{
gap:16px;
grid-template-columns:1.3fr 1fr;
display:grid;
}
.khb_gm-c5u>*{
min-width:0;
}
.khb_gm_panel-c5u{
border:1px solid rgba(26, 21, 48, 0.12);
padding:1.75rem;
border-radius:20px;
background:#FFFFFF;
}
.khb_gm_h2-c5u{
margin:0.625rem 0 8px;
color:#1A1530;
font-weight:700;
font-family:"Inter", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
font-size:1.5rem;
}
.khb_gm_text-c5u{
max-width:440px;
color:#3D3458;
line-height:1.6;
font-size:0.844rem;
margin-bottom:1.25rem;
}
.khb_gm_level-c5u{
gap:14px;
display:flex;
margin-bottom:1rem;
align-items:center;
}
.khb_gm_lv-c5u{
font-size:24px;
color:#6D28D9;
font-family:"Inter", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
font-weight:700;
}
.khb_gm_bar_wrap-c5u{
flex:1;
min-width:0;
}
.khb_gm_bar_meta-c5u{
margin-bottom:0.313rem;
font-size:0.625rem;
color:#6E6490;
justify-content:space-between;
display:flex;
font-family:"Space Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
}
.khb_bar-c5u{
overflow:hidden;
border-radius:62.438rem;
background:#F5F3FA;
height:0.5rem;
}
.khb_bar_fill-c5u{
border-radius:999px;
background:linear-gradient(90deg,#7C3AED,#4C1D95);
display:block;
height:100%;
}
.khb_gm_missions-c5u{
gap:0.563rem;
flex-wrap:wrap;
display:flex;
}
.khb_gm_refer-c5u{
border-radius:1.25rem;
overflow:hidden;
border:1px solid rgba(26, 21, 48, 0.12);
background:linear-gradient(150deg,#12102A,#0C0E24);
padding:1.75rem;
flex-direction:column;
position:relative;
display:flex;
color:#F0EEFF;
justify-content:space-between;
}
.khb_gm_refer-c5u .khb_eyebrow-c5u{
color:#C4A8FF;
}
.khb_gm_ref_h2-c5u{
margin:0.625rem 0 0.5rem;
line-height:1.1;
font-family:"Inter", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
font-weight:700;
font-size:24px;
color:#F0EEFF;
}
.khb_gm_ref_h2-c5u em{
font-style:normal;
color:#C4A8FF;
}
.khb_gm_ref_text-c5u{
line-height:1.55;
color:#A89ECC;
font-size:0.813rem;
margin-bottom:18px;
}
@media(max-width:1027px){
.khb_gm-c5u{
grid-template-columns:1fr;
}
}
.khb_ab_h2-c5u{
margin:14px 0 16px;
font-family:"Inter", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
font-size:2rem;
color:#1A1530;
font-weight:700;
line-height:1.08;
}
.khb_ab_body-c5u{
font-size:0.938rem;
color:#3D3458;
margin-bottom:14px;
line-height:1.65;
}
.khb_ab_chips-c5u{
gap:0.625rem;
flex-wrap:wrap;
margin-top:0.5rem;
display:flex;
}
.khb_faq-c5u{
gap:10px;
flex-direction:column;
display:flex;
}
.khb_faq_item-c5u{
border:1px solid rgba(26, 21, 48, 0.12);
padding:18px 1.375rem;
border-radius:12px;
background:#FFFFFF;
}
.khb_faq_q-c5u{
gap:16px;
list-style:none;
font-weight:600;
align-items:center;
cursor:pointer;
display:flex;
justify-content:space-between;
color:#1A1530;
font-size:0.969rem;
}
.khb_faq_q-c5u::-webkit-details-marker{
display:none;
}
.khb_faq_q_t-c5u{
gap:10px;
display:flex;
}
.khb_faq_q_i-c5u{
color:#6D28D9;
font-style:normal;
font-family:"Space Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
}
.khb_faq_pm-c5u{
font-family:"Space Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
color:#6D28D9;
font-size:20px;
}
.khb_faq_item-c5u[open] .khb_faq_pm-c5u{
transform:rotate(45deg);
}
.khb_faq_a-c5u{
color:#3D3458;
margin-top:0.75rem;
font-size:13.5px;
line-height:1.6;
}
@media(max-width:561px){
.khb_ab_h2-c5u{
font-size:26px;
}
}
.khb_provs-c5u{
gap:0.75rem;
grid-template-columns:repeat(6,1fr);
margin-bottom:28px;
display:grid;
}
.khb_provs-c5u>*{
min-width:0;
}
.khb_prov-c5u{
padding:0.75rem;
border-radius:12px;
border:1px solid rgba(26, 21, 48, 0.12);
background:#FFFFFF;
justify-content:center;
text-decoration:none;
display:flex;
height:4rem;
align-items:center;
}
.khb_prov_img-c5u{
max-height:32px;
object-fit:contain;
max-width:100%;
}
.khb_resp-c5u{
background:#FFFFFF;
padding:1.625rem;
gap:24px;
border-radius:0.75rem;
border:1px solid rgba(26, 21, 48, 0.12);
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:space-between;
}
.khb_resp_in-c5u{
max-width:35rem;
}
.khb_resp_h-c5u{
color:#1A1530;
font-family:"Inter", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
font-size:19px;
margin-bottom:0.5rem;
font-weight:700;
}
.khb_resp_p-c5u{
color:#3D3458;
font-size:13.5px;
line-height:1.6;
}
.khb_resp_badges-c5u{
gap:0.875rem;
align-items:center;
display:flex;
flex-wrap:wrap;
}
.khb_age18-c5u{
border-radius:0.5rem;
border:1.5px solid #DC2626;
padding:0.25rem 0.5rem;
font-family:"Space Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
font-size:13px;
font-weight:700;
color:#DC2626;
}
.khb_resp_org-c5u{
font-weight:600;
font-size:13px;
color:#6E6490;
}
@media(max-width:1021px){
.khb_provs-c5u{
grid-template-columns:repeat(3,1fr);
}
}
@media(max-width:562px){
.khb_provs-c5u{
grid-template-columns:repeat(2,1fr);
}
}
.khb_rv_head-c5u{
gap:0.75rem;
justify-content:space-between;
align-items:flex-end;
display:flex;
margin-bottom:18px;
flex-wrap:wrap;
}
.khb_rv_agg-c5u{
gap:10px;
display:flex;
align-items:center;
}
.khb_rv_source-c5u{
color:#6E6490;
font-size:12.5px;
}
.khb_rv_grid-c5u{
gap:0.875rem;
grid-template-columns:repeat(3,1fr);
display:grid;
}
.khb_rv_grid-c5u>*{
min-width:0;
}
.khb_review-c5u{
border-radius:12px;
background:#FFFFFF;
padding:24px;
border:1px solid rgba(26, 21, 48, 0.12);
}
.khb_review-c5u .khb_stars-c5u{
margin-bottom:0.625rem;
}
.khb_review-c5u p{
font-size:0.906rem;
line-height:1.5;
margin-bottom:14px;
color:#1A1530;
font-weight:600;
}
.khb_review_by-c5u{
color:#6E6490;
font-size:0.781rem;
}
@media(max-width:1022px){
.khb_rv_grid-c5u{
grid-template-columns:1fr;
}
}
.khb_et_h2-c5u{
margin:10px 0 0.875rem;
line-height:1.08;
color:#1A1530;
font-family:"Inter", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
font-size:28px;
font-weight:700;
}
.khb_et_right-c5u{
gap:0.625rem;
display:flex;
flex-direction:column;
}
.khb_et_updated-c5u{
gap:10px;
padding:14px 1.125rem;
background:#F5F3FA;
border:1px solid rgba(26, 21, 48, 0.12);
border-radius:0.75rem;
display:flex;
color:#3D3458;
align-items:center;
font-size:12px;
}
.khb_et_updated-c5u svg{
flex:none;
width:15px;
height:0.938rem;
color:#6D28D9;
}
.khb_et_updated-c5u b{
color:#1A1530;
}
@media(max-width:557px){
.khb_et_h2-c5u{
font-size:24px;
}
}
.khb_gd_head-c5u{
gap:0.75rem;
display:flex;
align-items:center;
justify-content:space-between;
margin-bottom:1rem;
flex-wrap:wrap;
}
.khb_op_h2-c5u{
margin:10px 0 8px;
font-size:1.5rem;
font-weight:700;
font-family:"Inter", system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
color:#1A1530;
line-height:1.1;
}
.khb_op_text-c5u{
font-size:0.844rem;
color:#3D3458;
line-height:1.6;
}
@media(max-width:560px){
.khb_op_h2-c5u{
font-size:1.375rem;
}
}
.khb_footer-c5u{
padding:40px 28px;
background:#1A1530;
border-top:1px solid rgba(26, 21, 48, 0.08);
}
.khb_footer_grid-c5u{
gap:2rem;
grid-template-columns:1.4fr 1fr 1fr 1fr;
max-width:87.5rem;
margin-bottom:28px;
margin-right:auto;
margin-left:auto;
display:grid;
}
.khb_footer_grid-c5u>*{
min-width:0;
}
.khb_footer_grid-c5u h4{
font-size:0.625rem;
font-family:"Space Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
color:#9E96B8;
letter-spacing:.12em;
text-transform:uppercase;
margin-bottom:0.813rem;
}
.khb_fcol-c5u{
gap:0.563rem;
color:#3D3458;
font-size:0.813rem;
display:flex;
flex-direction:column;
}
.khb_fcol-c5u a{
cursor:pointer;
}
.khb_ft_about-c5u{
margin-top:12px;
line-height:1.6;
font-size:0.813rem;
color:#6E6490;
max-width:16.25rem;
}
.khb_ft_contact-c5u{
color:#6D28D9;
margin-top:12px;
font-family:"Space Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
overflow-wrap:anywhere;
font-size:12.5px;
}
.khb_footer_bottom-c5u{
margin:0 auto;
gap:16px;
flex-wrap:wrap;
padding-top:1.25rem;
display:flex;
max-width:1400px;
border-top:1px solid rgba(26, 21, 48, 0.08);
align-items:center;
justify-content:space-between;
}
.khb_footer_bottom-c5u p{
font-size:0.688rem;
line-height:1.6;
max-width:45rem;
color:#9E96B8;
}
@media(max-width:1023px){
.khb_footer_grid-c5u{
grid-template-columns:1fr 1fr;
}
}
@media(max-width:561px){
.khb_footer_grid-c5u{
grid-template-columns:1fr;
}
}