:root{--p:#6b4fd8;--p2:#efeaff;--ink:#2b2540;--mut:#6e6886;--bg:#fcfbff}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:400 17px/1.75 'Nunito Sans',sans-serif}
a{color:var(--p);text-decoration:none}
img{max-width:100%;display:block}
.kc-h{max-width:1140px;margin:0 auto;padding:20px;display:flex;justify-content:space-between;align-items:center}
.kc-logo{font-family:Quicksand,sans-serif;font-weight:700;font-size:1.5rem;color:var(--ink);display:flex;align-items:center;gap:9px}
.kc-logo svg{width:32px;height:32px}
.kc-h nav a{margin-left:20px;color:var(--mut);font-weight:600}
.kc-hero{max-width:1140px;margin:10px auto 0;padding:56px 40px;border-radius:32px;background:radial-gradient(circle at 85% 20%,#ffd9ec 0,transparent 40%),radial-gradient(circle at 10% 90%,#d6f5ff 0,transparent 45%),var(--p2);text-align:center}
.kc-hero h1{font-family:Quicksand,sans-serif;font-size:clamp(2rem,4.8vw,3.2rem);line-height:1.15;margin:0 0 12px}
.kc-hero p{color:var(--mut);max-width:560px;margin:0 auto 24px}
.kc-search{position:relative;max-width:560px;margin:0 auto}
.kc-search input{width:100%;padding:16px 22px;border-radius:99px;border:2px solid #ddd3ff;font:inherit;outline:none;background:#fff}
.kc-search input:focus{border-color:var(--p)}
#kc-results{position:absolute;left:0;right:0;top:62px;background:#fff;border-radius:18px;box-shadow:0 20px 40px rgba(60,40,120,.15);text-align:left;z-index:20;max-height:360px;overflow:auto;display:none}
#kc-results a{display:block;padding:12px 20px;border-bottom:1px solid #f0edf8;color:var(--ink);font-weight:600;line-height:1.4}
#kc-results a small{display:block;color:var(--mut);font-weight:400}
.kc-sec{max-width:1140px;margin:50px auto 0;padding:0 20px}
.kc-sec h2{font-family:Quicksand,sans-serif;font-size:1.6rem;margin:0 0 18px}
.kc-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(280px,32%);gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px}
.kc-rail a{scroll-snap-align:start;background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 4px 18px rgba(60,40,120,.07);color:var(--ink)}
.kc-rail img{aspect-ratio:16/10;object-fit:cover;width:100%}
.kc-rail div{padding:14px 18px 18px}
.kc-rail h3{font-family:Quicksand,sans-serif;font-size:1.12rem;line-height:1.35;margin:6px 0 0}
.kc-tag{font-size:.75rem;font-weight:700;color:var(--p);background:var(--p2);border-radius:99px;padding:2px 10px}
.kc-list{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.kc-li{display:flex;gap:16px;background:#fff;border-radius:18px;padding:12px;box-shadow:0 2px 10px rgba(60,40,120,.05);color:var(--ink)}
.kc-li img{width:120px;height:96px;object-fit:cover;border-radius:12px;flex:none}
.kc-li h3{font-family:Quicksand,sans-serif;font-size:1.02rem;line-height:1.35;margin:4px 0 0}
.kc-li.hidden{display:none}
.kc-more{display:block;margin:26px auto 0;background:var(--p);color:#fff;border:0;border-radius:99px;padding:13px 32px;font:700 1rem 'Nunito Sans',sans-serif;cursor:pointer}
.kc-topics{display:flex;flex-wrap:wrap;gap:10px}
.kc-topics a{background:#fff;border:2px solid var(--p2);border-radius:16px;padding:14px 20px;font-weight:700;color:var(--ink)}
.kc-topics a:hover{border-color:var(--p)}
.kc-read{max-width:740px;margin:30px auto 0;padding:0 20px}
.kc-read h1{font-family:Quicksand,sans-serif;font-size:clamp(1.9rem,4.3vw,2.7rem);line-height:1.2;margin:14px 0 10px}
.kc-read .by{color:var(--mut);font-size:.9rem}
.kc-read .lead{border-radius:26px;margin:24px 0;width:100%;aspect-ratio:16/9;object-fit:cover}
.kc-read h2{font-family:Quicksand,sans-serif;font-size:1.45rem;margin:1.8em 0 .4em}
.kc-read figure{margin:26px 0}.kc-read figure img{border-radius:20px}
.kc-hug{background:var(--p2);border-radius:20px;padding:18px 22px;margin:28px 0;font-size:.94rem}
.kc-page{max-width:740px;margin:30px auto;padding:0 20px}
.kc-page h1{font-family:Quicksand,sans-serif;font-size:2.4rem}
.kc-page h2{font-family:Quicksand,sans-serif;font-size:1.3rem;margin-top:1.8em}
.kc-page input,.kc-page textarea{width:100%;border:2px solid #e6e0fa;border-radius:16px;padding:12px 16px;font:inherit;margin:4px 0 16px}
.kc-page button{background:var(--p);color:#fff;border:0;border-radius:99px;padding:12px 30px;font:700 1rem 'Nunito Sans',sans-serif;cursor:pointer}
.kc-f{max-width:1140px;margin:70px auto 30px;padding:26px 20px;border-top:2px solid var(--p2);display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;color:var(--mut);font-size:.9rem}
.kc-f a{color:var(--mut);margin-right:18px}
@media(max-width:760px){.kc-list{grid-template-columns:1fr}.kc-hero{border-radius:0;padding:40px 20px}.kc-h nav a{margin-left:12px}}