:root{--bg:#05070b;--bg2:#0b1018;--card:#111824;--card2:#151f2d;--text:#f4f7fb;--muted:#a8b3c4;--line:rgba(255,255,255,.10);--gold:#d6a94f;--gold2:#f3d184;--blue:#38bdf8;--green:#22c55e;--red:#ef4444;--radius:24px;--shadow:0 25px 70px rgba(0,0,0,.45)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at top,#111827 0,#05070b 45%,#02040a 100%);color:var(--text);font-family:"IBM Plex Sans Arabic",Tahoma,Arial,sans-serif;line-height:1.9}
a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}.kl-container{width:min(1180px,calc(100% - 32px));margin-inline:auto}.kl-main{min-height:60vh}
.kl-topline{height:3px;background:linear-gradient(90deg,#0ea5e9,#a855f7,#d6a94f)}
.kl-header{position:sticky;top:0;z-index:50;background:rgba(5,7,11,.86);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.kl-header-inner{display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:82px}.kl-logo{display:flex;align-items:center;gap:12px}.kl-logo-mark{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,var(--gold),#9a6a21);color:#111;font-weight:800;font-size:26px;box-shadow:0 10px 32px rgba(214,169,79,.25)}.kl-logo strong{display:block;font-size:26px;line-height:1.1}.kl-logo em{display:block;color:var(--muted);font-style:normal;font-size:12px;margin-top:4px}.kl-menu{display:flex;align-items:center;gap:6px;list-style:none;padding:0;margin:0}.kl-menu a{display:block;padding:10px 14px;border-radius:14px;color:#dbe4ef;font-weight:600}.kl-menu a:hover{background:rgba(255,255,255,.08);color:#fff}.kl-menu-toggle{display:none;background:none;border:0;width:42px;height:42px;gap:5px;flex-direction:column;justify-content:center}.kl-menu-toggle span{display:block;height:2px;background:#fff;border-radius:3px}
.kl-hero{position:relative;padding:70px 0 50px;overflow:hidden}.kl-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(214,169,79,.18),transparent 32%),radial-gradient(circle at 75% 40%,rgba(56,189,248,.14),transparent 30%);pointer-events:none}.kl-hero-inner{position:relative;display:grid;grid-template-columns:1fr 360px;gap:34px;align-items:center}.kl-pill{display:inline-flex;padding:7px 14px;border-radius:999px;background:rgba(214,169,79,.12);border:1px solid rgba(214,169,79,.35);color:var(--gold2);font-weight:700;font-size:14px}.kl-hero h1{font-size:72px;line-height:1;margin:20px 0 12px;background:linear-gradient(135deg,#fff,var(--gold2));-webkit-background-clip:text;color:transparent}.kl-hero p{color:#c7d0df;font-size:20px;max-width:720px}.kl-search{display:flex;gap:10px;max-width:620px;margin-top:26px}.kl-search input{flex:1;padding:16px 18px;border:1px solid var(--line);background:#0b111b;color:#fff;border-radius:18px;font-size:16px}.kl-search button,.kl-btn{border:0;background:linear-gradient(135deg,var(--gold2),var(--gold));color:#111;padding:14px 24px;border-radius:18px;font-weight:800;cursor:pointer}.kl-hero-card{padding:28px;border-radius:var(--radius);background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.03));border:1px solid var(--line);box-shadow:var(--shadow)}.kl-hero-card strong{display:block;font-size:26px;color:#fff;margin-bottom:16px}.kl-hero-card span{display:block;color:#cbd5e1;padding:10px 0;border-top:1px solid var(--line)}
.kl-categories{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:8px}.kl-cat-card{position:relative;overflow:hidden;border-radius:var(--radius);height:190px;border:1px solid var(--line);box-shadow:var(--shadow)}.kl-cat-card img{width:100%;height:100%;object-fit:cover;transition:.35s}.kl-cat-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.75),rgba(0,0,0,.12))}.kl-cat-card span{position:absolute;z-index:2;right:20px;bottom:18px;font-size:26px;font-weight:800}.kl-cat-card:hover img{transform:scale(1.06)}
.kl-section{padding:48px 0}.kl-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.kl-section h2,.kl-related h2{font-size:34px;margin:0 0 20px}.kl-post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.kl-post-grid-small{grid-template-columns:repeat(3,1fr)}.kl-card{overflow:hidden;border-radius:22px;background:linear-gradient(180deg,#101722,#0b111b);border:1px solid var(--line);box-shadow:0 18px 55px rgba(0,0,0,.28)}.kl-card-img{position:relative;display:block;height:210px;overflow:hidden}.kl-card-img img{width:100%;height:100%;object-fit:cover;transition:.35s}.kl-card:hover .kl-card-img img{transform:scale(1.05)}.kl-badge{position:absolute;right:14px;top:14px;background:rgba(214,169,79,.95);color:#111;padding:6px 12px;border-radius:12px;font-size:13px;font-weight:800}.kl-card-body{padding:20px}.kl-card h3{margin:0 0 10px;font-size:21px;line-height:1.5}.kl-card h3 a:hover{color:var(--gold2)}.kl-card p{color:#b7c2d3;margin:0 0 14px}.kl-card-meta,.kl-meta{display:flex;flex-wrap:wrap;gap:10px;color:#8ea0b8;font-size:13px}.kl-card-meta span,.kl-meta span{background:rgba(255,255,255,.06);border:1px solid var(--line);border-radius:999px;padding:4px 10px}
.kl-archive-hero{position:relative;padding:76px 0;background:linear-gradient(90deg,rgba(0,0,0,.85),rgba(0,0,0,.55)),var(--kl-bg) center/cover no-repeat;border-bottom:1px solid var(--line)}.kl-archive-hero h1{font-size:58px;margin:14px 0 8px}.kl-archive-hero p{color:#d1d8e5;max-width:720px}
.kl-single{padding:46px 0}.kl-single-head{max-width:900px;margin-inline:auto;text-align:center}.kl-single-head .kl-badge{position:static;display:inline-flex;margin-bottom:14px}.kl-single h1{font-size:54px;line-height:1.25;margin:0 0 14px}.kl-featured{max-width:1000px;margin:30px auto;border-radius:26px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow)}.kl-featured img{width:100%;max-height:560px;object-fit:cover}.kl-content{max-width:900px;margin-inline:auto;background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:26px;padding:34px;color:#e8eef7}.kl-content h2{font-size:32px;margin:38px 0 14px;color:#fff}.kl-content h3{font-size:24px;margin:28px 0 12px;color:var(--gold2)}.kl-content p{font-size:18px;margin:0 0 18px}.kl-content ul,.kl-content ol{background:rgba(0,0,0,.18);border:1px solid var(--line);border-radius:20px;padding:22px 44px;margin:18px 0}.kl-content li{margin:8px 0}.kl-content a{color:var(--gold2);border-bottom:1px solid rgba(214,169,79,.55)}.kl-demo-post-image{margin:0 0 24px;border-radius:22px;overflow:hidden;border:1px solid var(--line)}.kl-demo-post-image img{width:100%;height:auto}.kl-post-nav{max-width:900px;margin:24px auto;display:flex;justify-content:space-between;gap:12px}.kl-post-nav a{display:inline-block;background:#101722;border:1px solid var(--line);border-radius:16px;padding:10px 16px}.kl-related{max-width:1050px;margin:40px auto 0}
.kl-page{padding:46px 0}.kl-page-card{max-width:900px;margin:auto}.kl-footer{margin-top:60px;background:#05080d;border-top:1px solid var(--line);padding:44px 0 22px}.kl-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.kl-footer h3,.kl-footer h4{margin-top:0;color:#fff}.kl-footer p,.kl-footer a{color:#aeb9c9}.kl-footer ul{list-style:none;margin:0;padding:0}.kl-footer li{margin:8px 0}.kl-copyright{border-top:1px solid var(--line);margin-top:30px;padding-top:18px;color:#7f8da3;text-align:center}.kl-to-top{position:fixed;left:18px;bottom:18px;width:46px;height:46px;border-radius:16px;border:1px solid var(--line);background:#101722;color:#fff;display:none;cursor:pointer}.kl-to-top.show{display:block}.kl-empty{background:#101722;border:1px solid var(--line);border-radius:18px;padding:24px;text-align:center;color:#b7c2d3}.kl-pagination{margin-top:30px;text-align:center}
@media(max-width:900px){.kl-header-inner{min-height:72px}.kl-menu-toggle{display:flex}.kl-nav{position:fixed;top:75px;right:16px;left:16px;background:#090e16;border:1px solid var(--line);border-radius:22px;padding:14px;display:none}.kl-nav.open{display:block}.kl-menu{display:block}.kl-menu a{padding:13px}.kl-hero-inner{grid-template-columns:1fr}.kl-hero h1{font-size:48px}.kl-categories,.kl-post-grid,.kl-footer-grid{grid-template-columns:1fr}.kl-single h1{font-size:34px}.kl-content{padding:22px}.kl-cat-card{height:170px}}

/* v2 hero cleanup */
.kl-hero-inner{grid-template-columns:1fr!important;max-width:980px;margin-inline:auto;text-align:right}
.kl-hero h1{font-size:76px}
.kl-hero p{font-size:22px;max-width:900px}
.kl-hero-card{display:none!important}
@media(max-width:900px){.kl-hero h1{font-size:48px}.kl-hero p{font-size:18px}}


/* v3 final hero spacing fix */
.kl-hero{
    padding:96px 0 76px!important;
}
.kl-hero-inner{
    display:block!important;
    max-width:1120px!important;
    margin-inline:auto!important;
    text-align:center!important;
}
.kl-hero .kl-pill{
    margin-bottom:22px!important;
}
.kl-hero h1{
    display:block!important;
    font-size:clamp(52px, 6.2vw, 92px)!important;
    line-height:1.18!important;
    margin:0 auto 30px!important;
    padding:0!important;
    letter-spacing:0!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
}
.kl-hero p{
    display:block!important;
    max-width:940px!important;
    margin:0 auto 38px!important;
    font-size:clamp(18px, 1.75vw, 28px)!important;
    line-height:2.05!important;
    color:#d8e0ec!important;
}
.kl-search{
    width:min(760px,100%)!important;
    margin:0 auto!important;
    display:grid!important;
    grid-template-columns:1fr 128px!important;
    gap:14px!important;
    align-items:center!important;
}
.kl-search input{
    width:100%!important;
    min-width:0!important;
    height:62px!important;
    line-height:62px!important;
}
.kl-search button{
    height:62px!important;
    padding:0 24px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
}
.kl-hero-card{
    display:none!important;
}

@media(max-width:900px){
    .kl-hero{padding:58px 0 44px!important}
    .kl-hero h1{font-size:clamp(42px, 12vw, 58px)!important;line-height:1.22!important;margin-bottom:22px!important}
    .kl-hero p{font-size:18px!important;line-height:1.95!important;margin-bottom:28px!important}
    .kl-search{grid-template-columns:1fr!important}
    .kl-search button{width:100%!important}
}


/* v4 public text + spacing cleanup */
.kl-hero{
    padding:92px 0 74px!important;
}
.kl-hero-inner{
    display:block!important;
    max-width:1100px!important;
    margin-inline:auto!important;
    text-align:center!important;
}
.kl-hero .kl-pill{
    margin-bottom:22px!important;
}
.kl-hero h1{
    display:block!important;
    font-size:clamp(52px, 5.8vw, 84px)!important;
    line-height:1.2!important;
    margin:0 auto 28px!important;
    white-space:normal!important;
}
.kl-hero p{
    display:block!important;
    max-width:860px!important;
    margin:0 auto 36px!important;
    font-size:clamp(18px, 1.55vw, 25px)!important;
    line-height:2!important;
    color:#d8e0ec!important;
}
.kl-search{
    width:min(760px,100%)!important;
    margin:0 auto!important;
    display:grid!important;
    grid-template-columns:1fr 128px!important;
    gap:14px!important;
    align-items:center!important;
}
.kl-search input{
    width:100%!important;
    min-width:0!important;
    height:62px!important;
}
.kl-search button{
    height:62px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
}
.kl-hero-card{
    display:none!important;
}
@media(max-width:900px){
    .kl-hero{padding:58px 0 44px!important}
    .kl-hero h1{font-size:clamp(42px, 12vw, 58px)!important;line-height:1.22!important}
    .kl-hero p{font-size:18px!important;line-height:1.95!important}
    .kl-search{grid-template-columns:1fr!important}
}


/* v5: more breathing room under hero sentence */
.kl-hero{
    padding:110px 0 100px!important;
}
.kl-hero-inner{
    max-width:1120px!important;
    margin-inline:auto!important;
    text-align:center!important;
}
.kl-hero h1{
    font-size:clamp(52px, 5.6vw, 86px)!important;
    line-height:1.25!important;
    margin:0 auto 34px!important;
}
.kl-hero p{
    max-width:900px!important;
    margin:0 auto 64px!important;
    padding-bottom:10px!important;
    font-size:clamp(18px, 1.45vw, 24px)!important;
    line-height:2.15!important;
}
.kl-search{
    margin-top:0!important;
}
@media(max-width:900px){
    .kl-hero{padding:72px 0 68px!important}
    .kl-hero h1{margin-bottom:28px!important}
    .kl-hero p{margin-bottom:48px!important;line-height:2.05!important}
}


/* v6 FINAL: fully centered hero, no overlap */
.kl-hero.kl-hero-final,
.kl-hero{
    min-height:520px!important;
    padding:90px 0 86px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
}
.kl-hero-inner{
    width:min(980px, calc(100% - 32px))!important;
    margin:0 auto!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    gap:0!important;
}
.kl-hero .kl-pill{
    margin:0 auto 30px!important;
    align-self:center!important;
}
.kl-hero h1{
    width:100%!important;
    display:block!important;
    text-align:center!important;
    font-size:clamp(54px, 6vw, 88px)!important;
    line-height:1.25!important;
    margin:0 auto 30px!important;
    padding:0!important;
    white-space:normal!important;
    word-break:keep-all!important;
}
.kl-hero p{
    width:min(820px,100%)!important;
    display:block!important;
    text-align:center!important;
    margin:0 auto 48px!important;
    padding:0!important;
    font-size:clamp(18px, 1.55vw, 24px)!important;
    line-height:2.1!important;
    color:#d8e0ec!important;
}
.kl-search{
    width:min(720px,100%)!important;
    margin:0 auto!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 124px!important;
    gap:14px!important;
    align-items:center!important;
}
.kl-search input{
    width:100%!important;
    min-width:0!important;
    height:60px!important;
    text-align:right!important;
}
.kl-search button{
    width:124px!important;
    height:60px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0!important;
}
.kl-hero-card{display:none!important}

@media(max-width:900px){
    .kl-hero.kl-hero-final,
    .kl-hero{
        min-height:460px!important;
        padding:70px 0 62px!important;
    }
    .kl-hero h1{
        font-size:clamp(44px, 13vw, 62px)!important;
        line-height:1.25!important;
        margin-bottom:24px!important;
    }
    .kl-hero p{
        font-size:18px!important;
        line-height:2!important;
        margin-bottom:38px!important;
    }
    .kl-search{
        grid-template-columns:1fr!important;
    }
    .kl-search button{
        width:100%!important;
    }
}