@import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@600;700;800&family=Nunito+Sans:wght@400;600;700&display=swap');
.kk{--kk-bg:#10141F;--kk-card:#1A2133;--kk-line:#232B3D;--kk-line2:#3A4560;--kk-text:#F4F1EA;--kk-soft:#C9CFDC;--kk-muted:#A7AFC2;--kk-accent:#FFC93C;
background:var(--kk-bg);color:var(--kk-text);font-family:'Nunito Sans',system-ui,sans-serif;font-size:16px;line-height:1.5;min-height:100vh}
.kk *{box-sizing:border-box}
.kk a{color:inherit;text-decoration:none}
.kk h1,.kk h2{font-family:'Baloo 2',sans-serif;margin:0;color:var(--kk-text);line-height:1.1}
.kk p{margin:0}
.kk .kk-wrap{max-width:1200px;margin:0 auto;padding-left:24px;padding-right:24px}
.kk .kk-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.kk header{border-bottom:1px solid var(--kk-line)}
.kk .kk-top{display:flex;flex-wrap:wrap;align-items:center;gap:16px 32px;padding-top:16px;padding-bottom:16px}
.kk .kk-logo{display:flex;align-items:center;gap:10px}
.kk .kk-logo-k{width:40px;height:40px;border-radius:12px;background:var(--kk-accent);color:var(--kk-bg);display:flex;align-items:center;justify-content:center;font-family:'Baloo 2',sans-serif;font-weight:800;font-size:24px}
.kk .kk-logo-t{font-family:'Baloo 2',sans-serif;font-weight:800;font-size:26px;letter-spacing:-.5px}
.kk .kk-logo-t span{color:var(--kk-accent)}
.kk nav.kk-menu{display:flex;flex-wrap:wrap;gap:4px 24px;flex:1 1 auto}
.kk nav.kk-menu a{color:var(--kk-muted);font-weight:600;padding:10px 0;display:flex;align-items:center;gap:8px}
.kk nav.kk-menu a:hover,.kk nav.kk-menu a.on{color:var(--kk-text)}
.kk .kk-badge{font-size:12px;font-weight:700;color:var(--kk-bg);background:var(--kk-muted);border-radius:999px;padding:2px 8px}
.kk form.kk-search{display:flex;align-items:center;gap:8px;background:var(--kk-card);border:1px solid #2A3348;border-radius:999px;padding:0 16px;height:44px;flex:0 1 280px;margin:0}
.kk form.kk-search input{border:0;background:transparent;color:var(--kk-text);font:inherit;outline:none;width:100%;padding:0;box-shadow:none}
.kk main{display:flex;flex-direction:column;gap:56px;padding-top:40px;padding-bottom:64px}
.kk .kk-hero{display:flex;flex-wrap:wrap;gap:24px}
.kk .kk-feat{flex:999 1 520px;min-width:0;background:var(--kk-card);border-radius:24px;overflow:hidden;display:flex;flex-wrap:wrap}
.kk .kk-feat-img{flex:1 1 320px;min-height:300px;background:#E8505B;display:flex;align-items:center;justify-content:center}
.kk .kk-feat-body{flex:1 1 300px;padding:40px;display:flex;flex-direction:column;justify-content:center;gap:16px}
.kk .kk-eyebrow{font-size:13px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--kk-accent)}
.kk .kk-feat h1{font-weight:800;font-size:48px}
.kk .kk-feat p{color:var(--kk-soft);max-width:40ch}
.kk .kk-btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}
.kk .kk-play{display:inline-flex;align-items:center;gap:10px;background:var(--kk-accent);color:var(--kk-bg)!important;font-weight:800;font-size:18px;padding:14px 28px;border-radius:999px}
.kk .kk-play:hover{filter:brightness(1.08)}
.kk .kk-ghost{display:inline-flex;align-items:center;font-weight:700;padding:14px 20px;border-radius:999px;border:1px solid var(--kk-line2)}
.kk .kk-about{flex:1 1 260px;background:var(--kk-card);border-radius:24px;padding:32px;display:flex;flex-direction:column;gap:12px;justify-content:center}
.kk .kk-about h2{font-weight:700;font-size:28px}
.kk .kk-about p{color:var(--kk-soft)}
.kk .kk-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:20px}
.kk .kk-head h2{font-weight:700;font-size:32px}
.kk .kk-count{color:var(--kk-muted);font-size:14px}
.kk .kk-cats{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}
.kk .kk-cats button{min-height:44px;padding:0 18px;border-radius:999px;font:inherit;font-weight:700;cursor:pointer;background:var(--kk-card);color:var(--kk-text);border:1px solid #2A3348;margin:0;text-transform:none;letter-spacing:0}
.kk .kk-cats button[aria-pressed="true"]{background:var(--kk-accent);color:var(--kk-bg);border-color:var(--kk-accent)}
.kk .kk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:20px}
.kk .kk-card{display:flex;flex-direction:column;background:var(--kk-card);border-radius:20px;overflow:hidden;border:1px solid var(--kk-line);transition:transform .15s}
.kk .kk-card:hover{transform:translateY(-3px);border-color:var(--kk-line2)}
.kk .kk-card[hidden]{display:none}
.kk .kk-tile{aspect-ratio:4/3;display:flex;align-items:center;justify-content:center}
.kk .kk-card-body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:4px}
.kk .kk-card-name{font-weight:700;font-size:17px}
.kk .kk-card-cat{color:var(--kk-muted);font-size:14px}
.kk .kk-vr{border:1px dashed var(--kk-line2);border-radius:24px;padding:32px;display:flex;flex-direction:column;gap:6px}
.kk .kk-vr h2{font-weight:700;font-size:26px}
.kk .kk-vr p{color:var(--kk-soft);max-width:60ch}
.kk footer{border-top:1px solid var(--kk-line)}
.kk .kk-foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;color:var(--kk-muted);font-size:14px;padding-top:32px;padding-bottom:32px}
.kk .kk-foot nav{display:flex;flex-wrap:wrap;gap:8px 24px}
.kk .kk-foot a{color:var(--kk-muted);text-decoration:underline}
@media (max-width:600px){.kk .kk-feat h1{font-size:38px}.kk .kk-feat-body{padding:28px}.kk .kk-feat-img{min-height:220px}}
body{margin:0;background:#10141F}
.kk .kk-tile img,.kk .kk-feat-img img{width:100%;height:100%;object-fit:cover;display:block}
.kk .kk-feat-img{position:relative;overflow:hidden}
.kk .kk-empty{background:var(--kk-card);border-radius:20px;padding:32px;color:var(--kk-soft)}
.kk .kk-crumb{color:var(--kk-muted);font-size:14px;display:flex;gap:8px;flex-wrap:wrap}
.kk .kk-crumb a{color:var(--kk-muted);text-decoration:underline}
.kk .kk-player-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px}
.kk .kk-player-head h1{font-weight:800;font-size:44px}
.kk .kk-player-head p{color:var(--kk-soft);max-width:60ch;margin-top:8px}
.kk .kk-stage{position:relative;width:100%;aspect-ratio:16/9;background:#000;border-radius:20px;overflow:hidden;border:1px solid var(--kk-line)}
.kk .kk-stage iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.kk .kk-stage-msg{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;padding:24px;color:var(--kk-soft)}
.kk .kk-stage-msg strong{font-family:'Baloo 2',sans-serif;font-size:28px;color:var(--kk-text)}
.kk .kk-tools{display:flex;flex-wrap:wrap;gap:12px}
.kk .kk-tools button{font:inherit;cursor:pointer;margin:0}
.kk .kk-prose{max-width:760px;display:flex;flex-direction:column;gap:16px}
.kk .kk-prose h1{font-weight:800;font-size:44px;margin-bottom:8px}
.kk .kk-prose h2{font-weight:700;font-size:24px;margin-top:16px}
.kk .kk-prose p,.kk .kk-prose li{color:var(--kk-soft)}
.kk .kk-prose ul{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:6px}
.kk .kk-prose a{color:var(--kk-accent);text-decoration:underline}
.kk .kk-note{font-size:14px;color:var(--kk-muted)}
.kk .kk-contact{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}
.kk .kk-contact div{background:var(--kk-card);border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:6px}
.kk .kk-contact span{color:var(--kk-muted);font-size:14px}
.kk .kk-contact strong{font-size:18px;color:var(--kk-text)}
@media (max-width:600px){.kk .kk-player-head h1,.kk .kk-prose h1{font-size:34px}.kk .kk-stage{aspect-ratio:3/4}}