@charset "UTF-8";:root{--space-1: .25rem;--space-2: .5rem;--space-3: .875rem;--space-4: 1.25rem;--space-5: 1.75rem;--space-6: 2.5rem;--space-7: 3.5rem;--space-8: 5rem;--space-9: 6.5rem;--space-10: 8rem;--header-h: 72px;--max-w: 1200px;--content-w: 700px;--z-sticky: 30;--z-modal: 50;--font: "Scheherazade New", "Noto Sans Arabic", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: ui-monospace, "SF Mono", "Cascadia Code", Menlo, Consolas, monospace;--text-xs: .875rem;--text-sm: 1rem;--text-base: 1.2rem;--text-lg: 1.35rem;--text-xl: 1.6rem;--text-2xl: 2rem;--text-3xl: 2.6rem;--text-4xl: 3.2rem;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--leading-tight: 1.45;--leading-snug: 1.6;--leading-normal: 1.85;--leading-relaxed: 2;--tracking-tighter: 0;--tracking-tight: 0;--tracking-normal: 0;--tracking-wide: 0;--bg-base: #ffffff;--bg-1: #f8fafb;--bg-2: #f0f4f5;--bg-3: #e8eef0;--bg-overlay: rgba(0, 0, 0, .4);--card-bg: #ffffff;--card-hover: #fcfdfe;--card-border: rgba(0, 0, 0, .06);--card-border-hover: rgba(0, 0, 0, .1);--text-primary: #1a1a2e;--text-secondary: #4a4a68;--text-tertiary: #8a8aa0;--text-muted: #b0b0c0;--accent-start: #38b2ac;--accent-end: #48bb78;--accent: #3fac96;--accent-hover: #369e89;--accent-gradient: linear-gradient(135deg, var(--accent-start), var(--accent-end));--accent-muted: rgba(56, 178, 172, .08);--accent-glow: rgba(72, 187, 148, .22);--interactive: var(--accent);--interactive-hover: var(--accent-hover);--interactive-active: #2e8e7f;--interactive-muted: rgba(56, 178, 172, .08);--interactive-subtle: rgba(56, 178, 172, .04);--border-subtle: rgba(0, 0, 0, .04);--border: rgba(0, 0, 0, .08);--border-strong: rgba(0, 0, 0, .14);--success: #38a169;--success-muted: rgba(56, 161, 105, .08);--warning: #d69e2e;--warning-muted: rgba(214, 158, 46, .08);--error: #e53e3e;--error-muted: rgba(229, 62, 62, .08);--info: #3182ce;--info-muted: rgba(49, 130, 206, .08);--radius-sm: 6px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 28px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 2px 6px rgba(0, 0, 0, .05), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 6px 20px rgba(0, 0, 0, .06);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .08);--shadow-xl: 0 24px 70px rgba(0, 0, 0, .1);--shadow-glow: 0 0 24px var(--accent-glow);--focus-ring: 0 0 0 2px var(--bg-base), 0 0 0 4px var(--accent);--duration-fast: .12s;--duration-base: .2s;--duration-slow: .4s;--ease: cubic-bezier(.2, 0, 0, 1);--ease-out: cubic-bezier(0, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:var(--font);scroll-behavior:smooth;overflow-x:clip}body{min-height:100vh;line-height:var(--leading-normal);font-size:var(--text-base);background-color:var(--bg-base);color:var(--text-primary);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}button{background:transparent;border:none;cursor:pointer}a{color:inherit;text-decoration:none}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{text-wrap:balance;font-weight:var(--weight-bold)}@media(prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:focus-visible{outline:none;box-shadow:var(--focus-ring)}::selection{background-color:#38b2ac26;color:var(--text-primary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full);border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary);background-clip:content-box}::-webkit-scrollbar-corner{background:transparent}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 28px;border-radius:var(--radius-full);font-size:var(--text-base);font-weight:var(--weight-semibold);text-decoration:none;cursor:pointer;transition:all var(--duration-base) var(--ease);border:none;font-family:var(--font)}.btn-primary{background:var(--accent-gradient);color:#fff!important;box-shadow:var(--shadow-sm)}.btn-primary:hover{box-shadow:var(--shadow-glow);transform:translateY(-1px)}.btn-outline{background:transparent;color:var(--text-secondary);border:1px solid var(--border)}.btn-outline:hover{border-color:transparent;background:var(--accent-muted);color:var(--accent)}.form-field{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-5)}.form-label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-primary);letter-spacing:var(--tracking-normal)}.form-input,.form-textarea,.form-select{width:100%;background-color:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font-size:var(--text-base);color:var(--text-primary);line-height:var(--leading-normal);transition:all var(--duration-base) var(--ease)}.form-input:hover:not(:disabled),.form-textarea:hover:not(:disabled),.form-select:hover:not(:disabled){background-color:var(--bg-2);border-color:var(--border-strong)}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;background-color:var(--bg-base);border-color:var(--interactive);box-shadow:0 0 0 3px var(--interactive-subtle)}.form-input::placeholder,.form-textarea::placeholder,.form-select::placeholder{color:var(--text-muted)}.form-input:disabled,.form-textarea:disabled,.form-select:disabled{background-color:var(--bg-1);border-color:var(--border-subtle);cursor:not-allowed;opacity:.5}.form-input{height:44px;border-radius:var(--radius-full);padding-inline:var(--space-4)}.form-textarea{resize:vertical;min-height:120px;line-height:var(--leading-relaxed);padding:var(--space-3)}.form-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23a1a1aa' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;padding-right:var(--space-7)}.form-actions{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-6)}.form-description{font-size:var(--text-sm);color:var(--text-tertiary);margin-top:var(--space-1);line-height:var(--leading-snug)}.form-error-message{color:var(--error);font-size:var(--text-sm);margin-top:var(--space-2);font-weight:var(--weight-medium)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-5)}.checkbox{display:inline-flex;align-items:center;gap:var(--space-3);cursor:pointer;font-size:var(--text-sm);color:var(--text-primary);line-height:var(--leading-normal)}.checkbox-input{cursor:pointer;appearance:none;width:18px;height:18px;border:1.5px solid var(--border-strong);border-radius:var(--radius-sm);background-color:transparent;transition:all var(--duration-base) var(--ease);position:relative;flex-shrink:0}.checkbox-input:hover:not(:disabled){border-color:var(--interactive);background-color:var(--interactive-subtle)}.checkbox-input:checked{background-color:var(--interactive);border-color:var(--interactive)}.checkbox-input:checked:after{content:"";position:absolute;top:50%;left:50%;width:5px;height:9px;border:solid var(--bg-base);border-width:0 2px 2px 0;transform:translate(-50%,-60%) rotate(45deg)}.checkbox-input:focus-visible{outline:none;box-shadow:var(--focus-ring)}.checkbox-input:disabled{cursor:not-allowed;opacity:.4}.checkbox-label{-webkit-user-select:none;user-select:none}body{font-family:var(--font);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font);font-weight:var(--weight-bold);line-height:var(--leading-tight);margin-block-end:var(--space-3);color:var(--text-primary)}h1{font-size:var(--text-3xl);line-height:var(--leading-tight)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg);font-weight:var(--weight-semibold)}p{margin-block-end:var(--space-4);line-height:var(--leading-relaxed)}.prose p,article p{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--text-secondary)}ul,ol{margin-block:var(--space-3) var(--space-4);padding-inline-start:1.5em;padding-inline-end:1.5em;list-style-position:outside;line-height:var(--leading-relaxed)}ul li,ol li{margin-block:var(--space-1);color:var(--text-primary)}ul li p,ol li p{margin:0}ul{list-style-type:disc}ol{list-style-type:decimal}a{color:var(--accent);text-decoration:none;transition:color var(--duration-fast) var(--ease)}a:hover{color:var(--accent-hover)}a:active{color:var(--interactive-active)}strong,b{font-weight:var(--weight-semibold);color:var(--text-primary)}em,i{font-style:italic;color:var(--text-secondary)}blockquote{margin-block:var(--space-6);padding:var(--space-2) var(--space-5) var(--space-2) 0;border-inline-start:3px solid var(--accent);background:none;color:var(--text-secondary);font-size:var(--text-lg);line-height:var(--leading-normal)}blockquote p{margin:0}blockquote cite{display:block;margin-top:var(--space-3);font-size:var(--text-sm);font-style:normal;color:var(--text-tertiary)}code,pre{font-family:var(--font-mono);font-size:.9em;line-height:1.5;direction:ltr;text-align:left}code{padding:.15em .4em;background-color:var(--bg-2);border-radius:var(--radius-sm);border:1px solid var(--border);color:var(--text-primary);white-space:pre-wrap}pre{padding:var(--space-4);overflow-x:auto;background-color:#1e1e2e;border-radius:var(--radius-lg);margin-block-end:var(--space-5);line-height:var(--leading-snug)}pre code{padding:0;background:none;border:none;color:inherit;white-space:pre}hr{border:0;border-block-start:1px solid var(--border);margin-block:var(--space-7)}mark{background:var(--accent-muted);color:var(--text-primary);padding:.1em .3em;border-radius:var(--radius-sm)}small{font-size:var(--text-sm);color:var(--text-tertiary)}table{width:100%;border-collapse:collapse;margin-block:var(--space-5);font-size:var(--text-sm)}table th,table td{padding:var(--space-3) var(--space-4);text-align:start;border-bottom:1px solid var(--border)}table th{font-weight:var(--weight-semibold);color:var(--text-primary);background:var(--bg-1)}table td{color:var(--text-secondary)}table tr:hover td{background:var(--bg-1)}.nav{background:var(--bg-base);border-bottom:1px solid var(--border-subtle)}.nav-inner{max-width:var(--max-w);margin:0 auto;padding:var(--space-4) var(--space-5);display:flex;align-items:center;justify-content:space-between;gap:var(--space-5)}.nav-brand{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.nav-brand-logo{font-size:21px;color:var(--text-primary)}.nav-links{display:flex;align-items:center;gap:var(--space-6)}.nav-links a{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary);transition:color var(--duration-fast) var(--ease);white-space:nowrap}.nav-links a:hover,.nav-links a.active{color:var(--accent)}.nav-cta{display:inline-flex;align-items:center;gap:var(--space-2);padding:9px 20px;background:var(--accent-muted);color:var(--accent)!important;font-size:var(--text-sm);font-weight:var(--weight-semibold);border-radius:var(--radius-full);transition:all var(--duration-base) var(--ease);white-space:nowrap}.nav-cta:hover{background:var(--accent-gradient);color:#fff!important;box-shadow:var(--shadow-glow)}@media(max-width:768px){.nav-links{display:none}}.site-footer{margin-top:var(--space-4);border-top:1px solid var(--border-subtle)}.footer-inner{display:flex;align-items:center;justify-content:center;gap:var(--space-3);max-width:var(--max-w);margin:0 auto;padding:var(--space-6) var(--space-5);font-size:var(--text-sm);color:var(--text-muted)}.footer-inner a{color:var(--text-muted);transition:color var(--duration-fast) var(--ease)}.footer-inner a:hover{color:var(--accent)}.footer-dot{width:3px;height:3px;border-radius:var(--radius-full);background:var(--text-muted);flex-shrink:0}*,*:before,*:after{letter-spacing:0!important}code,pre,kbd,samp{direction:ltr;text-align:left;unicode-bidi:embed}.ltr-nums{direction:ltr;display:inline-block}main{flex-grow:1;overflow-x:clip}.logo-text.svelte-3bcpqf{display:inline-flex;align-items:center;font-family:var(--font);font-weight:800;line-height:1;color:var(--text-primary);text-decoration:none;white-space:nowrap;transition:color var(--duration-base) var(--ease)}
