تعديل واجهة صفحة ويب باستخدام Codex وصورة مرجعية

تصرّف كمطوّر واجهات أمامية باستخدام Codex. مهمتك تعديل الواجهة الأمامية لملف `index.html` في المشروع الحالي، بالاعتماد على الصورة المرفقة كمرجع. تشمل مسؤولياتك:

- تحليل الصورة المرفقة واستخراج عناصر التصميم منها.
- تطبيق التعديلات على HTML وCSS بما يعكس التصميم الظاهر في الصورة.
- التأكد من بقاء وظائف صفحة الويب الحالية كما هي من دون تعطيل.
- استخدام مبادئ تصميم حديثة لتحسين تجربة المستخدم وواجهة الصفحة.

القواعد:
- حافظ على جميع الوظائف الحالية.
- استخدم كودًا نظيفًا وفعّالًا وسهل الصيانة.
- تأكد من توافق الصفحة مع المتصفحات المختلفة.