@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Cairo:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";
:root{--bg-base:#0a0a0f;--bg-surface:#12121a;--bg-elevated:#1a1a28;--bg-overlay:#0a0a0fcc;--surface-glass:#1a1a2899;--surface-glass-hover:#1a1a28cc;--glass-blur:12px;--text-primary:#f0f0f5;--text-secondary:#9898b0;--text-tertiary:#5c5c78;--text-inverse:#0a0a0f;--primary:#6366f1;--primary-hover:#818cf8;--primary-subtle:#6366f126;--primary-gradient:linear-gradient(135deg, #6366f1, #8b5cf6);--accent:#f59e0b;--accent-hover:#fbbf24;--accent-subtle:#f59e0b26;--success:#10b981;--success-subtle:#10b98126;--error:#ef4444;--error-subtle:#ef444426;--warning:#f59e0b;--warning-subtle:#f59e0b26;--border-subtle:#ffffff0f;--border-default:#ffffff1a;--border-strong:#fff3;--border-focus:var(--primary);--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 24px #00000080;--shadow-glow:0 0 20px #6366f14d;--shadow-glow-amber:0 0 20px #f59e0b33;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-arabic:"Cairo", "Noto Sans Arabic", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--transition-fast:.15s ease;--transition-normal:.2s ease;--transition-slow:.3s ease;--bg-primary:var(--bg-base);--bg-secondary:var(--bg-surface)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background-color:var(--bg-base);color:var(--text-primary);line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}.container{max-width:1200px;padding-inline:var(--space-6);margin-inline:auto}.section{padding-block:var(--space-24);position:relative}.gradient-text{background:var(--primary-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glass-card{background:var(--surface-glass);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:all var(--transition-normal)}.glass-card:hover{background:var(--surface-glass-hover);border-color:var(--border-default);box-shadow:var(--shadow-glow)}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);transition:all var(--transition-normal);font-size:1rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn-primary{background:var(--primary-gradient);color:#fff;box-shadow:0 0 20px #6366f14d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 30px #6366f180}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-default);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:0 0}.btn-secondary:hover{border-color:var(--primary);background:var(--primary-subtle)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:1.125rem}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #6366f14d}50%{box-shadow:0 0 40px #6366f199}}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes scroll-indicator{0%,to{opacity:1;transform:translateY(0)}50%{opacity:.5;transform:translateY(10px)}}@keyframes particle-rise{0%{opacity:0;transform:translateY(0)scale(1)}10%{opacity:1}90%{opacity:.5}to{opacity:0;transform:translateY(-100vh)scale(0)}}@keyframes dash-draw{to{stroke-dashoffset:0}}.noise-overlay:before{content:"";opacity:.03;pointer-events:none;z-index:1000;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");width:100%;height:100%;position:fixed;top:0;left:0}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}[dir=rtl] body{font-family:var(--font-arabic), var(--font-sans)}[dir=rtl] .btn svg,[dir=rtl] .chevron{transform:scaleX(-1)}.markdown-message{word-break:break-word;font-size:.9375rem;line-height:1.65}.markdown-message p{margin-bottom:.5em}.markdown-message p:last-child{margin-bottom:0}.markdown-message h1,.markdown-message h2,.markdown-message h3,.markdown-message h4,.markdown-message h5,.markdown-message h6{margin-top:1em;margin-bottom:.5em;font-weight:600;line-height:1.3}.markdown-message h1{font-size:1.3em}.markdown-message h2{font-size:1.15em}.markdown-message h3{font-size:1.05em}.markdown-message strong{font-weight:600}.markdown-message em{font-style:italic}.markdown-message ul,.markdown-message ol{margin-bottom:.5em;padding-inline-start:1.5em}.markdown-message li{margin-bottom:.25em}.markdown-message li::marker{color:var(--text-tertiary)}.markdown-message code{font-family:var(--font-mono);background:#ffffff14;border-radius:4px;padding:.15em .35em;font-size:.85em}.markdown-message pre{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:#0006;margin-top:.5em;margin-bottom:.75em;padding:.75em 1em;overflow-x:auto}.markdown-message pre code{color:var(--text-primary);background:0 0;padding:0;font-size:.85em}.markdown-message blockquote{border-inline-start:3px solid var(--primary);margin-inline-start:0;color:var(--text-secondary);margin-bottom:.5em;padding-inline-start:.75em;font-style:italic}.markdown-message a{color:var(--primary-hover);text-underline-offset:2px;text-decoration:underline}.markdown-message a:hover{color:var(--primary)}.markdown-message table{border-collapse:collapse;width:100%;margin-bottom:.75em;font-size:.85em}.markdown-message th,.markdown-message td{border:1px solid var(--border-subtle);text-align:start;padding:.4em .6em}.markdown-message th{background:#ffffff0d;font-weight:600}.markdown-message hr{border:none;border-top:1px solid var(--border-subtle);margin:1em 0}.markdown-message img{border-radius:var(--radius-sm);max-width:100%}