@import url(https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700;800&family=JetBrains+Mono:wght@400;500&display=swap);:root{--primary:#0d0d1a;--surface:#13131f;--surface2:#1a1a2e;--surface3:#1f1f35;--accent:#e94560;--accent2:#0f3460;--accent3:#00d4aa;--accent4:#f0a500;--accent5:#8b5cf6;--text:#f0f0f5;--text-muted:#6b7280;--text-dim:#9ca3af;--border:#ffffff14;--border-accent:#e945604d;--radius:14px;--radius-sm:8px;--shadow:0 8px 32px #00000080;--shadow-glow:0 0 30px #e9456026;--transition:all 0.25s cubic-bezier(0.4,0,0.2,1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:#0d0d1a;background:var(--primary);color:#f0f0f5;color:var(--text);font-family:Tajawal,Segoe UI,sans-serif;line-height:1.7;min-height:100vh;overflow-x:hidden}.code-font{font-family:JetBrains Mono,monospace}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#13131f;background:var(--surface)}::-webkit-scrollbar-thumb{background:#0f3460;background:var(--accent2);border-radius:3px}.cards-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin:24px 0}@media (max-width:900px){.cards-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:580px){.cards-grid{grid-template-columns:1fr}}.gradient-text{-webkit-text-fill-color:#0000;animation:gradientShift 4s ease infinite;background:linear-gradient(135deg,#e94560,#f0a500,#00d4aa);-webkit-background-clip:text;background-clip:text;background-size:200%}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.pulse-dot{animation:pulse 2s infinite;border-radius:50%;flex-shrink:0;height:10px;width:10px}.pulse-dot.online{background:#00d4aa}.pulse-dot.offline{background:#e94560}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.slide-down{animation:slideDown .3s ease forwards}.spinner{animation:spin .7s linear infinite;border:2px solid #fff3;border-radius:50%;border-top-color:#fff;display:inline-block;height:20px;width:20px}@keyframes spin{to{transform:rotate(1turn)}}.btn-primary{align-items:center;background:linear-gradient(135deg,#e94560,#c0392b);background:linear-gradient(135deg,var(--accent),#c0392b);border:none;border-radius:14px;border-radius:var(--radius);box-shadow:0 4px 20px #e9456066;color:#fff;cursor:pointer;display:flex;font-family:Tajawal,sans-serif;font-size:18px;font-weight:700;gap:10px;justify-content:center;margin-top:16px;padding:16px 32px;transition:all .25s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.btn-primary:hover:not(:disabled){box-shadow:0 8px 30px #e9456099;transform:translateY(-2px)}.btn-primary:disabled{cursor:not-allowed;opacity:.5;transform:none}select{appearance:none;-webkit-appearance:none;cursor:pointer;outline:none}select:focus{border-color:#e9456080!important;box-shadow:0 0 0 3px #e945601a}a{transition:opacity .2s ease}a:hover{opacity:.85}@media (max-width:640px){.btn-primary{font-size:16px;padding:14px 24px}}@media (max-width:480px){.cards-grid{grid-template-columns:1fr}}.sidebar-backdrop{background:#0009;display:none;inset:0;position:fixed;z-index:190}@media (max-width:767px){.sidebar-backdrop.open{display:block}}.app-sidebar{transition:transform .25s ease}@media (max-width:767px){.app-sidebar{bottom:0;max-width:300px;overflow-y:auto;position:fixed!important;top:0;transform:translateX(-100%);width:80vw!important;z-index:200}.app-sidebar.rtl{border-left:1px solid #ffffff1a!important;border-right:none!important;left:auto!important;right:0;transform:translateX(100%)}.app-sidebar.open{transform:translateX(0)!important}}.app-panels{display:flex;flex:1 1;flex-direction:row;gap:14px;min-height:0;padding:14px 18px 18px}@media (max-width:767px){.app-panels{flex-direction:column;gap:10px;overflow-y:auto;padding:10px 12px 16px}}.app-upload-panel{flex:0 0 400px;max-width:420px}@media (max-width:767px){.app-upload-panel{flex:none!important;max-width:100%!important;width:100%!important}}.app-desc-panel{flex:1 1;min-width:0}@media (max-width:767px){.app-desc-panel{display:none!important}}.sidebar-fab{align-items:center;background:linear-gradient(135deg,#e94560,#c0392b);border:none;border-radius:50%;bottom:20px;box-shadow:0 4px 20px #e9456080;color:#fff;cursor:pointer;display:none;font-size:22px;height:48px;justify-content:center;position:fixed;width:48px;z-index:180}@media (max-width:767px){.sidebar-fab{display:flex}.sidebar-fab.ltr{left:16px}.sidebar-fab.rtl{right:16px}}.header-nav-desktop{gap:6px}.header-nav-desktop,.header-right-desktop{align-items:center;display:flex;flex-wrap:wrap}.header-right-desktop{flex-shrink:0;gap:14px}.hamburger-btn{background:none;border:none;color:#fff;cursor:pointer;display:none;font-size:24px;line-height:1;padding:6px}.mobile-menu{animation:slideDown .2s ease forwards;background:#0d0c29f7;border-top:1px solid #ffffff14;display:none;flex-direction:column;gap:4px;padding:12px 16px}@media (max-width:767px){.hamburger-btn{display:block}.header-nav-desktop,.header-right-desktop{display:none}.mobile-menu.open{display:flex}[role=button],a,button{min-height:40px}}code,pre{white-space:pre-wrap;word-break:break-word}pre{overflow-x:auto}#root{overflow-x:hidden}.lc-hero{background:#0d1b3e;padding:68px 24px 0;text-align:center}.lc-hero-eyebrow{color:#c9a23a;direction:ltr;font-size:11px;font-weight:700;letter-spacing:4px;margin:0 0 26px;text-transform:uppercase}.lc-hero-title{color:#fff;font-family:Tajawal,sans-serif;font-size:clamp(34px,5.5vw,60px);font-weight:800;line-height:1.25;margin:0 0 16px}.lc-hero-subtitle-en{color:#c9a23a;direction:ltr;font-family:Georgia,serif;font-size:17px;font-style:italic;line-height:1.55;margin:0 0 20px}.lc-hero-desc{color:#ffffffb8;font-size:15px;line-height:2;margin:0 auto 34px;max-width:680px}.lc-hero-badges{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;padding-bottom:60px}.lc-hero-badge{border:1px solid #c9a23a73;border-radius:20px;color:#c9a23a;font-size:12px;letter-spacing:.5px;padding:5px 18px}.lc-hero-badge,.lc-page{font-family:Tajawal,sans-serif}.lc-page{background:#f0e5d0;color:#2c2c2c;min-height:100vh}.lc-body{align-items:flex-start;display:flex;gap:28px;margin:0 auto;max-width:1200px;padding:36px 24px 72px}.lc-main{flex:1 1;min-width:0}.lc-sidebar{background:#fffcf5;border:1px solid #c9a23a40;border-radius:10px;flex-shrink:0;position:-webkit-sticky;position:sticky;top:80px;transition:transform .3s cubic-bezier(.4,0,.2,1);width:234px}.lc-toc-head{border-bottom:1px solid #c9a23a38;color:#7a5c2e;font-size:12px;font-weight:700;letter-spacing:1.5px;padding:15px 18px 12px;text-align:center}.lc-toc-btn,.lc-toc-head{font-family:Tajawal,sans-serif}.lc-toc-btn{-webkit-border-start:3px solid #0000;align-items:flex-start;background:none;border:none;border-inline-start:3px solid #0000;cursor:pointer;display:flex;gap:10px;padding:9px 18px;text-align:start;transition:background .15s;width:100%}.lc-toc-btn:hover{background:#c9a23a14}.lc-toc-btn.active{background:#c9a23a21;border-inline-start-color:#c9a23a}.lc-toc-num{font-feature-settings:"tnum";color:#c9a23a;flex-shrink:0;font-size:11px;font-variant-numeric:tabular-nums;font-weight:700;line-height:1.7;min-width:22px}.lc-toc-label{color:#3c3020;font-size:13px;line-height:1.5}.lc-toc-btn.active .lc-toc-label{color:#0d1b3e;font-weight:700}.lc-toc-divider{background:#c9a23a2e;height:1px;margin:6px 16px}.lc-toc-extra{background:none;border:none;color:#7a5c2e;cursor:pointer;display:block;font-family:Tajawal,sans-serif;font-size:13px;padding:9px 18px;text-align:start;transition:background .15s;width:100%}.lc-toc-extra:hover{background:#c9a23a14}.lc-toc-extra.active{background:#c9a23a21;color:#0d1b3e;font-weight:700}.lc-how-card{background:#fffcf5;border:1px solid #c9a23a40;border-radius:10px;color:#2c2c2c;font-size:14.5px;line-height:1.95;margin-bottom:26px;padding:18px 24px}.lc-tabs{border-bottom:1px solid #c9a23a4d;display:flex;gap:0;margin-bottom:22px}.lc-tab-btn{background:none;border:none;border-bottom:2px solid #0000;color:#7a6040;cursor:pointer;font-family:Tajawal,sans-serif;font-size:14px;margin-bottom:-1px;padding:9px 22px;transition:all .18s;white-space:nowrap}.lc-tab-btn:hover{color:#0d1b3e}.lc-tab-btn.active{border-bottom-color:#c9a23a;color:#0d1b3e;font-weight:700}.lc-content-card{background:#fffcf5;border:1px solid #c9a23a33;border-radius:12px;padding:32px 36px}.lc-overlay{background:#00000080;display:none;inset:0;position:fixed;z-index:40}.lc-overlay.open{display:block}.lc-fab{align-items:center;background:#0d1b3e;border:2px solid #c9a23a;border-radius:50%;bottom:24px;box-shadow:0 4px 20px #0d1b3e73;color:#c9a23a;cursor:pointer;display:none;font-size:20px;height:50px;justify-content:center;position:fixed;width:50px;z-index:50}[dir=rtl] .lc-fab{left:24px}[dir=ltr] .lc-fab{right:24px}@media (max-width:900px){.lc-body{gap:0;padding:22px 16px 56px}.lc-sidebar{border-radius:0;height:100vh;max-height:100vh;position:fixed;top:0;width:260px!important;z-index:45}[dir=rtl] .lc-sidebar{right:0;transform:translateX(100%)}[dir=ltr] .lc-sidebar{left:0;transform:translateX(-100%)}.lc-sidebar.open{transform:translateX(0)!important}.lc-fab{display:flex}.lc-content-card{padding:20px 18px}.lc-how-card{padding:14px 18px}.lc-hero{padding:48px 20px 0}.lc-hero-badges{gap:10px}}
/*# sourceMappingURL=main.a6ba80f9.css.map*/