:root{--bg:#14112b;--bg-panel:#1c1839;--bg-panel-alt:#221d47;--text:#ede9fb;--text-strong:#f7f5ff;--link:#a78bfa;--link-hover:#c4b5fd;--border:#332c5e;--border-soft:#2a2550;--border-strong:#4b4189;--sidebar-bg:#191536;--accent:#6d5ce8;--accent-2:#9b5de5;--accent-dark:#4c3fb0;--accent-blue:#4c6fff;--accent-gradient:linear-gradient(135deg, #4c6fff, #9b5de5);--grid-line:#2a2550;--muted:#a79fd1}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0;font-family:IBM Plex Sans Arabic,system-ui,sans-serif}#root{min-height:100vh}a{color:var(--link);text-underline-offset:3px}a:hover{color:var(--link-hover)}button{font-family:inherit}::selection{color:#f7f5ff;background:#4c3fb0}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#453d7a;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#5b4fa3}@keyframes pulseDot{0%,to{opacity:1}50%{opacity:.35}}a:focus-visible,button:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.pad{max-width:1080px;margin:0 auto;padding:0 32px 96px}.h1{letter-spacing:-.02em;color:var(--text-strong);margin:0 0 18px;font-size:46px;font-weight:700;line-height:1.22}.h2{color:var(--text-strong);margin:0;font-size:34px;font-weight:700;line-height:1.35}.muted{color:var(--muted)}.accent{color:var(--accent)}.eyebrow{letter-spacing:.18em;color:var(--accent);margin-bottom:14px;font-family:JetBrains Mono,monospace;font-size:11.5px}.panel,.card{border:1px solid var(--border);background:var(--bg-panel);border-radius:8px}.code{font-family:JetBrains Mono,monospace}.col2{display:grid}.nav-link{color:var(--muted);border-radius:6px;align-items:center;gap:10px;padding:10px 12px;font-size:14px;text-decoration:none;display:flex}.nav-link:hover{background:var(--bg-panel-alt);color:var(--text-strong)}.nav-link.active{background:var(--bg-panel-alt);color:var(--link-hover);box-shadow:inset 2px 0 0 var(--accent)}.nav-link .num{color:#7c72ad;font-family:JetBrains Mono,monospace;font-size:11px}.topnav-link{white-space:nowrap;border:1px solid var(--border-strong);color:var(--text);border-radius:999px;padding:8px 14px;font-size:13.5px;text-decoration:none}.topnav-link.active{background:var(--bg-panel-alt);border-color:var(--accent);color:var(--link-hover)}.topnav-cta{white-space:nowrap;background:var(--accent-gradient);color:#fff;border-radius:999px;padding:8px 14px;font-size:13.5px;text-decoration:none}.wa-btn{text-align:center;background:var(--bg-panel-alt);color:var(--link-hover);border:1px solid var(--border-strong);border-radius:6px;padding:11px 14px;font-size:13.5px;text-decoration:none}.wa-btn:hover{background:#2a2455}.wa-btn-solid{background:var(--accent-gradient);color:#fff;text-align:center;border-radius:6px;padding:14px 18px;font-size:15px;font-weight:600;text-decoration:none}.wa-btn-solid:hover{filter:brightness(1.12)}.wa-btn-soft{border:1px solid var(--border-strong);color:var(--link-hover);background:var(--bg-panel-alt);text-align:center;border-radius:6px;padding:14px 18px;font-size:15px;text-decoration:none}.wa-btn-soft:hover{background:#2a2455}.mini-btn{cursor:pointer;border:1px solid var(--border-strong);color:var(--text);background:0 0;border-radius:5px;padding:7px 14px;font-family:IBM Plex Sans Arabic,sans-serif;font-size:12.5px}.mini-btn.done{border-color:var(--accent);background:var(--bg-panel-alt);color:var(--link-hover)}.chip-btn{cursor:pointer;text-align:right;border:1px solid var(--border-strong);color:var(--text);background:0 0;border-radius:6px;padding:9px 15px;font-family:IBM Plex Sans Arabic,sans-serif;font-size:13.5px;line-height:1.6}.chip-btn.active{border-color:var(--accent);background:var(--bg-panel-alt);color:var(--link-hover)}.round-btn{cursor:pointer;border:1px solid var(--border-strong);background:var(--bg-panel);width:40px;height:40px;color:var(--text);border-radius:8px;font-size:16px}.round-btn:hover{border-color:var(--accent);color:var(--link-hover)}.search-pill{background:var(--bg-panel);border:1px solid var(--border);text-decoration:none}.search-pill:hover{border-color:var(--accent)}.dark-pill{background:var(--accent-gradient);color:#fff;border-radius:999px;padding:11px 20px;font-size:14.5px;text-decoration:none}.dark-pill:hover{filter:brightness(1.12)}.outline-pill{border:1px solid var(--border-strong);color:var(--text);background:#ffffff0a;border-radius:999px;padding:11px 20px;font-size:14.5px;text-decoration:none}.outline-pill:hover{border-color:var(--accent)}.fab-whatsapp:hover{filter:brightness(1.1)}@media (width<=1120px){.hero-grid{grid-template-columns:1fr!important}.hero-img{border-top:1px solid var(--border-soft);height:260px;border-inline-start:0!important;min-height:0!important}}@media (width<=1000px){.app-shell{grid-template-columns:1fr!important}.side{display:none!important}.topnav{display:flex!important}.hero-img{border-top:1px solid var(--border-soft);height:260px;border-inline-start:0!important;min-height:0!important}.col2{grid-template-columns:1fr!important}.pad{padding-left:20px!important;padding-right:20px!important}.h1{font-size:34px!important}.h2{font-size:25px!important}}@media print{.no-print{display:none!important}html,body{color:#14181f!important;background:#fff!important}.app-shell{height:auto!important;display:block!important}.scroll{height:auto!important;overflow:visible!important}.panel,.card,.code{color:#14181f!important;box-shadow:none!important;background:#fff!important;border-color:#c9d0d9!important}.muted,p,li,span,div{color:#23292f!important}.accent{color:#0f5c51!important}section{break-inside:avoid;page-break-inside:avoid}@page{margin:16mm 14mm}}