نظام باراكا - رؤية جديدة لأعمالك :root { --bg-color: #f8f9fa; --primary-color: #005f73; --secondary-color: #0a9396; --accent-color: #94d2bd; --text-color: #343a40; --card-bg: #ffffff; --shadow-color: rgba(0, 0, 0, 0.08); } body { font-family: 'Cairo', sans-serif; background-color: var(--bg-color); color: var(--text-color); margin: 0; padding: 0; line-height: 1.8; } .container { max-width: 960px; margin: 40px auto; padding: 20px; } .header { text-align: center; margin-bottom: 50px; } .header h1 { font-size: 3rem; color: var(--primary-color); font-weight: 700; margin-bottom: 10px; } .header .subtitle { font-size: 1.25rem; color: var(--secondary-color); font-weight: 600; } .intro-text { font-size: 1.1rem; text-align: center; margin-bottom: 60px; color: #495057; } .features-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 30px; } .feature-card { background-color: var(--card-bg); border-radius: 12px; padding: 30px; box-shadow: 0 8px 25px var(--shadow-color); transition: transform 0.3s ease, box-shadow 0.3s ease; border-top: 5px solid var(--accent-color); } .feature-card:hover { transform: translateY(-8px); box-shadow: 0 12px 35px rgba(0, 0, 0, 0.12); } .feature-card .icon { width: 50px; height: 50px; color: var(--secondary-color); margin-bottom: 20px; } .feature-card h3 { font-size: 1.5rem; color: var(--primary-color); margin-bottom: 15px; } .feature-card ul { list-style: none; padding: 0; margin: 0; } .feature-card ul li { position: relative; padding-right: 25px; margin-bottom: 12px; font-size: 0.95rem; } .feature-card ul li::before { content: '✓'; position: absolute; right: 0; top: 0; color: var(--secondary-color); font-weight: 700; } .section-title { text-align: center; font-size: 2.5rem; color: var(--primary-color); margin-top: 80px; margin-bottom: 40px; position: relative; } .section-title::after { content: ''; display: block; width: 80px; height: 4px; background-color: var(--secondary-color); margin: 15px auto 0; border-radius: 2px; } .target-audience { display: flex; justify-content: space-around; text-align: center; gap: 20px; flex-wrap: wrap; } .audience-item { flex-basis: 200px; } .audience-item .audience-icon { font-size: 3rem; color: var(--secondary-color); } .audience-item h4 { margin-top: 10px; font-size: 1.2rem; color: var(--primary-color); } .footer { text-align: center; margin-top: 80px; padding: 20px; background-color: var(--primary-color); color: #fff; } .footer p { margin: 0; font-size: 1.1rem; }

نظام باراكا - شريكك الرقمي لتحويل رؤيتك التجارية إلى واقع ناجح.