@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@300;400;500;600;700&display=swap";
:root{--color-primary:#5b4de0;--color-primary-dark:#493bc8;--color-primary-light:#efebfd;--color-primary-subtle:#f5f2fe;--color-primary-active:#3c31a7;--color-bg:#f8f6fd;--color-bg-alt:#ebe6f8;--color-bg-light:#faf9fe;--color-surface:#fff;--color-surface-muted:#f7f5fd;--color-surface-translucent:#ffffffd9;--color-text:#181528;--color-text-secondary:#65607a;--color-text-tertiary:#928da5;--color-text-light:#b8b4c8;--color-text-inverse:#fff;--color-success:#3d9970;--color-success-bg:#eaf6f0;--color-warning:#b0567e;--color-warning-bg:#fdf0f5;--color-blue:#5a78c9;--color-purple:#8b6ba8;--color-border:#18152814;--color-border-hover:#5b4de047;--color-border-subtle:#1815280a;--gradient-brand:linear-gradient(150deg, #8f7ff0 0%, #6c5ce0 52%, #5546c4 100%);--gradient-brand-soft:linear-gradient(135deg, #8f7ff01f 0%, #6c5ce00f 100%);--gradient-hero:linear-gradient(180deg, #faf8fe 0%, #f1ecfc 50%, #faf8fe 100%);--gradient-card:linear-gradient(145deg, #fff 0%, #faf8fd 100%);--gradient-cta:linear-gradient(135deg, #6c5ce0 0%, #4d3dc7 100%);--gradient-dark:linear-gradient(150deg, #211d37 0%, #151324 100%);--font-family-arabic:"IBM Plex Sans Arabic", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-latin:-apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, sans-serif;--font-main:var(--font-family-arabic);--shadow-xs:0 1px 2px #1815280a;--shadow-sm:0 4px 12px #1815280d;--shadow-md:0 8px 24px #1815280f, 0 2px 6px #18152805;--shadow-lg:0 16px 40px #18152814, 0 4px 12px #18152808;--shadow-glow:0 12px 36px #5b4de047;--shadow-glow-sm:0 6px 20px #5b4de02e;--radius-xs:6px;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--radius-full:9999px;--container-max-width:1200px;--container-narrow-width:860px;--header-height:80px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1)}
*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}body{background-color:var(--color-bg);min-height:100vh;color:var(--color-text);font-family:var(--font-main);font-size:16px;line-height:1.6;overflow-x:hidden}[dir=rtl]{text-align:right;font-family:var(--font-family-arabic);direction:rtl}[dir=ltr]{text-align:left;font-family:var(--font-family-latin);direction:ltr}a{color:inherit;transition:color var(--transition-fast);text-decoration:none}button{cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit}img,svg{max-width:100%;height:auto;display:block}.container{width:100%;max-width:var(--container-max-width);margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px}.container-narrow{width:100%;max-width:var(--container-narrow-width);margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px}.section{padding-top:96px;padding-bottom:96px;position:relative}.section-alt{border-top:1px solid var(--color-border-subtle);border-bottom:1px solid var(--color-border-subtle);background:linear-gradient(#fff 0%,#faf8fe 100%)}.section-header{text-align:center;max-width:720px;margin:0 auto 56px}.section-pill{background:var(--color-primary-light);color:var(--color-primary-dark);border-radius:var(--radius-full);border:1px solid #5b4de026;align-items:center;gap:8px;margin-bottom:16px;padding:6px 16px;font-size:13.5px;font-weight:600;display:inline-flex}.section-title{color:var(--color-text);letter-spacing:-.02em;margin-bottom:16px;font-size:38px;font-weight:700;line-height:1.25}.section-description{color:var(--color-text-secondary);font-size:18px;line-height:1.65}.btn{border-radius:var(--radius-full);transition:all var(--transition-base);white-space:nowrap;justify-content:center;align-items:center;gap:10px;padding:14px 28px;font-size:15.5px;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.btn-primary{background:var(--gradient-brand);color:#fff;box-shadow:var(--shadow-glow-sm)}.btn-primary:hover{box-shadow:var(--shadow-glow);filter:brightness(1.05);transform:translateY(-2px)}.btn-secondary{color:var(--color-text);border:1px solid var(--color-border);box-shadow:var(--shadow-xs);background:#fff}.btn-secondary:hover{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary-dark);transform:translateY(-2px)}.btn-store{color:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-md);transition:all var(--transition-base);background:#17161c;align-items:center;gap:12px;min-width:170px;padding:10px 22px;text-decoration:none;display:inline-flex}.btn-store:hover{background:#23202e;transform:translateY(-3px);box-shadow:0 12px 28px #17161c40}.btn-store-icon{flex-shrink:0;width:28px;height:28px}.btn-store-text{flex-direction:column;line-height:1.15;display:flex}.btn-store-label{color:#ffffffb3;letter-spacing:.02em;font-size:11px}.btn-store-brand{color:#fff;font-size:16px;font-weight:700}.card{border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-base);background:#fff;padding:32px}.card:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-md);transform:translateY(-3px)}.glass-card{-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);background:#ffffffe0;border:1px solid #fffc}@keyframes floatSlow{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-float{animation:5s ease-in-out infinite floatSlow}@media (max-width:991px){.section{padding-top:72px;padding-bottom:72px}.section-title{font-size:32px}.section-description{font-size:16.5px}}@media (max-width:768px){.section{padding-top:56px;padding-bottom:56px}.container{padding-left:18px;padding-right:18px}.section-header{margin-bottom:36px}.section-title{font-size:27px}.section-description{font-size:15.5px}.btn-store{justify-content:center;width:100%}.card{padding:24px 18px}}