@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Tajawal:wght@400;500;700;800&display=swap";:root{--c-bg:#0b121e;--c-surface:#121c2d;--c-surface-2:#17263a;--c-border:#94a3b838;--c-text:#f1f5f9;--c-text-2:#cbd5f5;--c-text-dim:#94a3b8;--c-accent:#22d3ee;--c-accent-2:#10b981;--c-warm:#fbbf24;--c-ink:#0f172a;--radius-lg:24px;--shadow-lg:0 24px 60px #02061759;color:var(--c-text);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 10% 20%,#22d3ee1f,#0000 40%),radial-gradient(circle at 80% 10%,#10b98124,#0000 36%),linear-gradient(#0a1220 0%,#0b121e 40%,#0f172a 100%);font:16px/1.6 Tajawal,Space Grotesk,system-ui,-apple-system,sans-serif}*,:before,:after{box-sizing:border-box}body{background:var(--c-bg);color:var(--c-text);margin:0}#root{min-height:100vh}h1,h2,h3,h4{margin:0;font-family:Tajawal,Space Grotesk,system-ui,sans-serif}p{margin:0}input,button{font-family:inherit}.kb-page{gap:32px;min-height:100vh;padding:48px 8vw 72px;display:grid}.kb-hero{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:stretch;gap:28px;display:grid}.kb-hero-content{background:linear-gradient(140deg,#0f172ae6,#0a2237e6);border:1px solid #94a3b840;border-radius:28px;padding:32px;position:relative;overflow:hidden}.kb-hero-content:after{content:"";opacity:.8;background:radial-gradient(circle,#22d3ee4d,#0000 70%);width:280px;height:280px;position:absolute;inset:-40% auto auto -30%}.kb-hero-content h1{color:var(--c-text);margin:14px 0 12px;font-size:clamp(28px,3vw,42px)}.kb-hero-content p{color:var(--c-text-dim);margin:0 0 20px;font-size:16px}.kb-badge{color:#a7f3d0;letter-spacing:.12em;text-transform:uppercase;background:#10b98126;border-radius:999px;padding:6px 14px;font-size:12px;display:inline-flex}.kb-hero-stats{grid-template-columns:repeat(3,minmax(120px,1fr));gap:12px;display:grid}.kb-hero-stats div{background:#0f172ab3;border:1px solid #94a3b82e;border-radius:16px;gap:6px;padding:12px 14px;display:grid}.kb-hero-stats span{color:var(--c-text-dim);font-size:12px}.kb-hero-stats strong{color:var(--c-text);font-size:18px}.kb-hero-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px;display:flex}.kb-action-btn{color:#041018;cursor:pointer;background:linear-gradient(120deg,#22d3ee,#10b981);border:none;border-radius:999px;padding:10px 16px;font-weight:700;transition:transform .2s,box-shadow .2s;box-shadow:0 12px 26px #10b98147}.kb-action-btn:hover{transform:translateY(-1px);box-shadow:0 16px 32px #22d3ee52}.kb-action-btn.ghost{color:var(--c-text);box-shadow:none;background:0 0;border:1px solid #22d3ee99}.kb-copy-status{color:var(--c-text-dim);font-size:12px}.kb-hero-panel{gap:14px;display:grid}.kb-panel-card{background:linear-gradient(160deg,#1e293bd9,#111827d9);border:1px solid #94a3b833;border-radius:22px;gap:10px;min-height:140px;padding:24px;display:grid}.kb-panel-title{color:var(--c-text);font-weight:700}.kb-panel-card p{color:var(--c-text-dim);margin:0}.kb-search{gap:10px;display:grid}.kb-search label{color:var(--c-text-2);font-weight:600}.kb-search-field{background:#0f172acc;border:1px solid #94a3b840;border-radius:16px;align-items:center;gap:10px;padding:12px 16px;display:flex}.kb-search-field input{color:var(--c-text);background:0 0;border:none;outline:none;flex:1;font-size:15px}.kb-search-field span{color:var(--c-text-dim);font-size:12px}.kb-section{gap:16px;display:grid}.kb-section-title{color:var(--c-text-2);font-size:16px;font-weight:700}.kb-tabs{flex-wrap:wrap;gap:10px;display:flex}.kb-tab-btn{color:var(--c-text-dim);cursor:pointer;background:#0f172a99;border:1px solid #94a3b840;border-radius:999px;padding:8px 14px;font-weight:600;transition:all .2s}.kb-tab-btn:hover{color:var(--c-text);background:#22d3ee1a;border-color:#22d3ee80}.kb-tab-btn.is-active{color:var(--c-ink);background:linear-gradient(120deg,#22d3ee,#10b981);border-color:#0000}.kb-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;display:grid}.kb-faq-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.kb-card{background:#0f172ac7;border:1px solid #94a3b82e;border-radius:20px;gap:12px;padding:20px;display:grid;box-shadow:0 18px 36px #0206174d}.kb-card-feature{background:linear-gradient(145deg,#0f172af2,#112234f2);border:1px solid #22d3ee59}.kb-card-lg{grid-column:span 1}.kb-card h3{color:var(--c-text);margin:0;font-size:18px}.kb-card p{color:var(--c-text-dim);margin:0;font-size:14px}.kb-tag{color:#bae6fd;background:#38bdf82e;border:1px solid #38bdf866;border-radius:999px;width:fit-content;padding:6px 12px;font-size:11px;font-weight:700;display:inline-flex}.kb-pill{color:#6ee7b7;text-transform:uppercase;background:#10b98126;border-radius:999px;padding:6px 12px;font-size:11px;font-weight:600}.kb-card-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.kb-lists{gap:16px;display:grid}.kb-lists strong{color:var(--c-text-2);font-size:12px}.kb-lists ul{color:var(--c-text-dim);gap:6px;margin:8px 0 0;padding-inline-start:18px;display:grid}.kb-list{color:var(--c-text-dim);gap:6px;margin:10px 0 0;padding-inline-start:18px;font-size:14px;display:grid}.kb-example{background:#22d3ee14;border:1px solid #22d3ee47;border-radius:16px;margin-top:12px;padding:14px}.kb-example-title{color:var(--c-text);margin-bottom:8px;font-weight:700}.kb-example ol{color:var(--c-text-dim);gap:6px;margin:0;padding-inline-start:18px;font-size:14px;display:grid}.kb-detail{background:#0f172ab3;border:1px solid #94a3b833;border-radius:16px;gap:8px;margin-top:16px;padding:14px;display:grid}.kb-detail h4{color:var(--c-text);font-size:15px}.kb-detail p{color:var(--c-text-dim)}.kb-detail ul{color:var(--c-text-dim);gap:6px;margin:0;padding-inline-start:18px;font-size:14px;display:grid}.kb-media{gap:12px;margin-top:16px;display:grid}.kb-media-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;display:grid}.kb-figure{background:#0a1220cc;border:1px solid #94a3b833;border-radius:16px;gap:8px;margin:0;padding:12px;display:grid}.kb-figure img{border-radius:12px;width:100%;display:block;box-shadow:0 12px 30px #02061759}.kb-figure figcaption{color:var(--c-text-dim);font-size:12px}.kb-example-steps{color:var(--c-text-dim);gap:6px;margin:12px 0 0;padding-inline-start:18px;font-size:14px;display:grid}.kb-result{color:#a7f3d0;background:#10b9811f;border:1px solid #10b9814d;border-radius:12px;margin-top:10px;padding:10px 12px;font-size:13px}.kb-empty{color:var(--c-text-dim);background:#0f172a80;border:1px dashed #94a3b84d;border-radius:16px;padding:18px}.kb-printable{display:none}@media print{body{color:#111827;background:#fff}.kb-page{padding:0}.kb-hero,.kb-search,.kb-section,.kb-hero-actions,.kb-tabs{display:none}.kb-printable{white-space:pre-wrap;color:#111827;padding:24px;font-family:Tajawal,sans-serif;font-size:14px;display:block}}@media (width<=1100px){.kb-hero{grid-template-columns:1fr}}@media (width<=720px){.kb-page{padding:32px 6vw 56px}.kb-hero-content{padding:24px}.kb-hero-stats{grid-template-columns:repeat(2,minmax(120px,1fr))}}