:root{--bg:#0c0f1e;--surface:#111827;--card:#1a2035;--card-hover:#1f2845;--accent:#4b7cf7;--accent-dim:rgba(75,124,247,.12);--accent-glow:rgba(75,124,247,.25);--text:#e8efff;--text-2:#8b98b8;--text-3:#4d5875;--border:#2a3555;--border-accent:rgba(75,124,247,.3);--shadow-card:0 4px 32px rgba(0,0,0,.45);--shadow-hover:0 8px 40px rgba(0,0,0,.6);--font-sans:"Segoe UI",Tahoma,Arial,sans-serif;--font-mono:"Courier New",Courier,monospace;--section-py:96px;--container:1100px;--gap:24px;--header-h:68px;--radius:10px;--radius-sm:6px;--radius-lg:16px;--t:0.2s ease}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px;-webkit-text-size-adjust:100%}body{background-color:var(--bg);color:var(--text);font-family:var(--font-sans);line-height:1.65;min-height:100vh;overflow-x:hidden}:lang(ar) body,[dir=rtl],[dir=rtl] body{font-family:Segoe UI,Tahoma,Arabic Typesetting,Arial,sans-serif}a{color:var(--accent);text-decoration:none;transition:color var(--t),opacity var(--t)}a:hover{opacity:.8}img{max-width:100%;display:block}button{cursor:pointer;border:none;background:none;font-family:inherit}.container{max-width:var(--container);margin-inline:auto;padding-inline:24px}.section{padding-block:var(--section-py)}.section-alt{background-color:var(--surface)}.section-header{margin-bottom:56px}.section-label{display:inline-block;font-family:var(--font-mono);font-size:.72rem;font-weight:600;letter-spacing:.18em;color:var(--accent);background:var(--accent-dim);border:1px solid var(--border-accent);border-radius:var(--radius-sm);padding:4px 10px;margin-bottom:14px;text-transform:uppercase}.section-title{font-size:clamp(1.75rem,3vw,2.25rem);font-weight:700;color:var(--text);line-height:1.25;margin-bottom:10px}.section-subtitle{font-size:1rem;color:var(--text-2);max-width:560px}.tag{display:inline-block;font-family:var(--font-mono);font-size:.7rem;color:var(--accent);background:var(--accent-dim);border:1px solid var(--border-accent);border-radius:4px;padding:3px 8px;white-space:nowrap}.btn-primary{display:inline-flex;align-items:center;gap:8px;background:var(--accent);color:#fff;font-size:.9rem;font-weight:600;padding:12px 24px;border-radius:var(--radius);transition:background var(--t),transform var(--t),box-shadow var(--t)}.btn-primary:hover{background:#3a6ce4;transform:translateY(-2px);box-shadow:0 6px 24px var(--accent-glow);opacity:1}.btn-secondary{display:inline-flex;align-items:center;gap:8px;color:var(--text);font-size:.9rem;font-weight:600;padding:12px 24px;border-radius:var(--radius);border:1px solid var(--border);transition:border-color var(--t),background var(--t),transform var(--t)}.btn-secondary:hover{border-color:var(--accent);background:var(--accent-dim);transform:translateY(-2px);opacity:1}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}::selection{background:var(--accent-dim);color:var(--text)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:3px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media (max-width:768px){:root{--section-py:64px}.section-header{margin-bottom:40px}}