:root{--bg-primary:#0b0f17;--bg-secondary:#131926;--bg-card:#131926;--bg-card-hover:#1b2436;--bg-overlay:#0b0f17;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--text-inverse:#0b0f17;--copper:#38bdf8;--copper-light:#7dd3fc;--copper-dark:#0284c7;--copper-glow:#38bdf826;--copper-subtle:#38bdf81a;--accent-cyan:#34d399;--accent-cyan-glow:#34d39926;--accent-cyan-subtle:#34d3991a;--border:#222d42;--border-strong:#334155;--shadow-sm:0 1px 3px #00000059;--shadow-md:0 4px 16px #00000073;--shadow-lg:0 10px 30px #0000008c;--nav-bg:#131926;--font-heading:"Outfit", "Syne", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body:"Outfit", "Readex Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", monospace}[data-theme=light]{--bg-primary:#f8fafc;--bg-secondary:#f1f5f9;--bg-card:#fff;--bg-card-hover:#f8fafc;--bg-overlay:#fff;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--text-inverse:#f8fafc;--copper:#0284c7;--copper-light:#0369a1;--copper-dark:#075985;--copper-glow:#0284c71f;--copper-subtle:#0284c714;--accent-cyan:#059669;--accent-cyan-glow:#0596691f;--accent-cyan-subtle:#05966914;--border:#e2e8f0;--border-strong:#cbd5e1;--shadow-sm:0 1px 3px #0f172a0f;--shadow-md:0 4px 16px #0f172a14;--shadow-lg:0 10px 30px #0f172a1a;--nav-bg:#fff}[dir=rtl]{--font-heading:"Cairo", "Readex Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Tahoma, sans-serif;--font-body:"Readex Pro", "Cairo", -apple-system, BlinkMacSystemFont, "Segoe UI", Tahoma, sans-serif}[dir=ltr]{--font-heading:"Outfit", "Syne", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body:"Outfit", "Readex Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;max-width:100vw;overflow-x:hidden}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-size:16px}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.65;transition:background-color .3s,color .3s;position:relative}#root{flex-direction:column;width:100%;max-width:100vw;min-height:100vh;display:flex;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--copper)}::selection{background:var(--copper-subtle);color:var(--copper-light)}.container{width:100%;max-width:1280px;margin-inline:auto;padding-inline:clamp(1rem,3.5vw,2.5rem)}.section{width:100%;padding-block:clamp(4rem,7vw,6.5rem);position:relative;overflow-x:clip}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-primary);font-weight:700;line-height:1.25}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] h4,[dir=rtl] h5,[dir=rtl] h6{letter-spacing:0;line-height:1.4}[dir=ltr] h1,[dir=ltr] h2,[dir=ltr] h3,[dir=ltr] h4,[dir=ltr] h5,[dir=ltr] h6{letter-spacing:-.02em}.text-copper{color:var(--copper)}.text-cyan{color:var(--accent-cyan)}.font-mono{font-family:var(--font-mono)}.btn{font-family:var(--font-heading);cursor:pointer;border:1px solid var(--border);background:var(--bg-card);color:var(--text-primary);box-shadow:var(--shadow-sm);white-space:nowrap;-webkit-user-select:none;user-select:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:9px 20px;font-size:.88rem;font-weight:600;text-decoration:none;transition:background-color .2s,border-color .2s,transform .2s,box-shadow .2s;display:inline-flex}.btn:hover{box-shadow:var(--shadow-md);border-color:var(--copper);transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn-primary{color:#fff;background:#0284c7;border:1px solid #0284c7;font-weight:700}.btn-primary:hover{color:#fff;background:#0369a1;border-color:#0369a1}.btn-outline{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border)}.btn-outline:hover{background:var(--bg-card-hover);border-color:var(--border-strong);color:var(--text-primary)}.btn-icon{background:var(--bg-card);border:1px solid var(--border);width:38px;min-width:38px;height:38px;color:var(--text-secondary);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;padding:0;transition:all .2s;display:inline-flex}.btn-icon:hover{background:var(--bg-card-hover);border-color:var(--copper);color:var(--copper);transform:translateY(-2px)}a{color:inherit;text-decoration:none}.skip-to-content{inset-inline-start:-9999px;z-index:9999;width:1px;height:1px;position:absolute;top:auto;overflow:hidden}.skip-to-content:focus{top:12px;background:var(--copper);color:#0c1017;z-index:9999;width:auto;height:auto;box-shadow:var(--shadow-lg);border-radius:8px;padding:10px 20px;font-size:.95rem;font-weight:700;position:fixed;inset-inline-start:12px}.hidden-mobile{display:flex!important}.mobile-only{display:none!important}@media (width<=768px){.hidden-mobile{display:none!important}.mobile-only{display:flex!important}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}