:root{--bg-primary: #0a0e1a;--bg-secondary: #111827;--bg-tertiary: #1f2937;--bg-card: #1a2035;--bg-card-hover: #232b42;--border-color: #2a3247;--border-color-light: #3a4257;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--text-faint: #64748b;--accent-primary: #6366f1;--accent-secondary: #8b5cf6;--accent-tertiary: #ec4899;--accent-success: #10b981;--accent-warning: #f59e0b;--accent-danger: #ef4444;--accent-info: #3b82f6;--gradient-primary: linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #ec4899 100%);--gradient-cool: linear-gradient(135deg, #3b82f6 0%, #06b6d4 100%);--gradient-warm: linear-gradient(135deg, #f59e0b 0%, #ef4444 100%);--gradient-success: linear-gradient(135deg, #10b981 0%, #14b8a6 100%);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .2);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -2px rgba(0, 0, 0, .2);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .3), 0 4px 6px -4px rgba(0, 0, 0, .2);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .3), 0 8px 10px -6px rgba(0, 0, 0, .2);--shadow-glow: 0 0 20px rgba(99, 102, 241, .3);--code-inline-bg: var(--bg-tertiary);--code-inline-color: #fbbf24;--code-block-bg: #0d1117;--code-block-border: var(--border-color);--code-block-color: var(--text-secondary);--navbar-bg: rgba(10, 14, 26, .85);--selection-bg: var(--accent-primary);--selection-color: #ffffff}:root[data-theme=light]{--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--bg-card: #ffffff;--bg-card-hover: #f1f5f9;--border-color: #e2e8f0;--border-color-light: #cbd5e1;--text-primary: #0f172a;--text-secondary: #334155;--text-muted: #475569;--text-faint: #64748b;--accent-primary: #6366f1;--accent-secondary: #8b5cf6;--accent-tertiary: #ec4899;--accent-success: #10b981;--accent-warning: #f59e0b;--accent-danger: #ef4444;--accent-info: #3b82f6;--gradient-primary: linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #ec4899 100%);--gradient-cool: linear-gradient(135deg, #3b82f6 0%, #06b6d4 100%);--gradient-warm: linear-gradient(135deg, #f59e0b 0%, #ef4444 100%);--gradient-success: linear-gradient(135deg, #10b981 0%, #14b8a6 100%);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--shadow-glow: 0 0 20px rgba(99, 102, 241, .2);--code-inline-bg: #f1f5f9;--code-inline-color: #b45309;--code-block-bg: #f8fafc;--code-block-border: #e2e8f0;--code-block-color: #334155;--navbar-bg: rgba(255, 255, 255, .85);--selection-bg: #6366f1;--selection-color: #ffffff}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px;overflow-x:hidden}body{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Segoe UI,Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.7;-webkit-font-smoothing:antialiased;min-height:100vh;transition:background-color .3s ease,color .3s ease;overflow-x:hidden}a{color:var(--accent-primary);text-decoration:none;transition:color .2s}a:hover{color:var(--accent-secondary)}code{font-family:JetBrains Mono,Fira Code,Consolas,Monaco,monospace;font-size:.9em;background:var(--code-inline-bg);padding:.15em .4em;border-radius:4px;color:var(--code-inline-color)}pre{background:var(--code-block-bg);border:1px solid var(--code-block-border);border-radius:8px;padding:1em 1.2em;overflow-x:auto;margin:1em 0}pre code{background:transparent;padding:0;color:var(--code-block-color);font-size:.875em;line-height:1.6}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:700;line-height:1.3;letter-spacing:-.01em}h1{font-size:2.5rem;margin:1.5em 0 .7em}h2{font-size:1.875rem;margin:1.8em 0 .6em}h3{font-size:1.5rem;margin:1.4em 0 .5em}h4{font-size:1.25rem;margin:1.2em 0 .4em}h5{font-size:1.125rem;margin:1em 0 .4em}p{margin:.8em 0;color:var(--text-secondary)}ul,ol{margin:.8em 0;padding-left:1.5em;color:var(--text-secondary)}li{margin:.3em 0}blockquote{border-left:3px solid var(--accent-primary);background:#6366f10d;padding:.8em 1.2em;margin:1em 0;border-radius:0 6px 6px 0;color:var(--text-secondary)}table{width:100%;border-collapse:collapse;margin:1em 0;background:var(--bg-card);border-radius:8px;overflow:hidden}th,td{padding:.75em 1em;text-align:left;border-bottom:1px solid var(--border-color)}th{background:var(--bg-tertiary);color:var(--text-primary);font-weight:600;font-size:.9em;text-transform:uppercase;letter-spacing:.05em}tr:last-child td{border-bottom:none}tr:hover{background:var(--bg-card-hover)}.container{max-width:1280px;margin:0 auto;padding:0 1.5rem}.container-narrow{max-width:880px;margin:0 auto;padding:0 1.5rem}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-color-light);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}::selection{background:var(--selection-bg);color:var(--selection-color)}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.muted{color:var(--text-muted)}.small{font-size:.875rem}@media (max-width: 768px){h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}.container{padding:0 1rem}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-100px;left:1rem;z-index:9999;padding:.75rem 1.25rem;background:var(--accent-primary);color:#fff;font-weight:600;font-size:.95rem;border-radius:6px;text-decoration:none;box-shadow:var(--shadow-lg);transition:top .2s ease}.skip-link:focus,.skip-link:focus-visible{top:1rem;color:#fff;outline:2px solid #ffffff;outline-offset:2px}*:focus{outline:none}*:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;border-radius:2px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;box-shadow:0 0 0 4px #6366f133}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{--theme-transition: background-color .3s ease, color .3s ease, border-color .3s ease}body,.navbar,.footer,.card,section,header,footer,main,article,aside,nav{transition:var(--theme-transition)}.btn-primary,.btn-secondary{transition:transform .15s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease,color .2s ease;will-change:transform}.btn-primary:hover,.btn-secondary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.btn-primary:active,.btn-secondary:active{transform:translateY(0);box-shadow:0 1px 3px #0003;transition-duration:.05s}.card,.section-card,.repo-card,.related-card{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease;will-change:transform}.card:hover,.section-card:hover,.repo-card:hover,.related-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.card:hover .card-icon,.section-card:hover .card-icon,.repo-card:hover .card-icon,.related-card:hover .related-card-arrow{transform:scale(1.05)}a:not(.btn):not(.nav-link){text-decoration:none;position:relative;transition:color .2s ease}a:not(.btn):not(.nav-link):after{content:"";position:absolute;left:0;right:100%;bottom:-2px;height:1px;background:currentColor;transition:right .25s ease;pointer-events:none}a:not(.btn):not(.nav-link):hover:after{right:0}.theme-btn{transition:transform .15s ease,background .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease;will-change:transform}.theme-btn:hover{transform:translateY(-1px) rotate(15deg)}.theme-btn:active{transform:translateY(0) rotate(0);transition-duration:.05s}.spinner{display:inline-block;width:1em;height:1em;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;vertical-align:-.15em;margin-right:.5em;animation:spinner-rotate .8s linear infinite;opacity:.7}@keyframes spinner-rotate{to{transform:rotate(360deg)}}.loading-placeholder{display:flex;align-items:center;justify-content:center;gap:.5em;color:var(--text-faint);padding:3rem 0;font-size:.95rem}pre{transition:background .2s ease,border-color .2s ease}pre:hover{background:var(--bg-card-hover);border-color:var(--border-color-light)}.ascii-flow,.ascii-diagram{display:block;white-space:pre;font-family:JetBrains Mono,Fira Code,Consolas,Monaco,monospace;line-height:1.4;padding:.5em 0;transition:background .2s ease}.ascii-flow:hover,.ascii-diagram:hover{background:#6366f10a}table tbody tr{transition:background .15s ease}table tbody tr:hover{background:var(--bg-card-hover)}@media (hover: none){.btn-primary:active,.btn-secondary:active,.card:active,.section-card:active,.repo-card:active,.related-card:active{transform:scale(.98);transition-duration:.05s}}:root[dir=rtl]{--font-arabic: "Noto Sans Arabic", "Tajawal", "Cairo", "Arabic Typesetting", "Geeza Pro", "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif}html[dir=rtl] body{font-family:var(--font-arabic);line-height:1.8;letter-spacing:0}[dir=rtl] .navbar .container{flex-direction:row-reverse}[dir=rtl] .hero-content{text-align:center}[dir=rtl] .hero-actions{flex-direction:row-reverse;justify-content:center}[dir=rtl] .hero-stats{direction:rtl}[dir=rtl] .section-header{text-align:center}[dir=rtl] .card-grid,[dir=rtl] .repo-grid,[dir=rtl] .path-grid,[dir=rtl] .footer-grid{direction:rtl}[dir=rtl] .path-card ol,[dir=rtl] .content ol,[dir=rtl] .content ul{padding-right:1.5em;padding-left:0}[dir=rtl] blockquote{border-left:none;border-right:3px solid var(--accent-primary);border-radius:6px 0 0 6px}[dir=rtl] th,[dir=rtl] td{text-align:right}[dir=rtl] .hero-stat{text-align:center}[dir=rtl] .skip-link{left:auto;right:1rem}[dir=rtl] .footer-col h4,[dir=rtl] .footer-col ul{text-align:right}[dir=rtl] .related-card-arrow{display:inline-block;transform:scaleX(-1)}[dir=rtl] .related-card:hover .related-card-arrow{transform:scaleX(-1) translate(4px)}[dir=rtl] .nav-actions{flex-direction:row-reverse}[dir=rtl] pre,[dir=rtl] code{direction:ltr;text-align:left}[dir=rtl] .math,[dir=rtl] pre code{direction:ltr}