:root{--primary-color: #0066cc;--secondary-color: #004999;--text-color: #333333;--light-bg: #f5f5f5;--white: #ffffff;--transition: all .3s ease;--light-blue: #e6f3ff;--light-purple: #f0e6ff;--light-green: #e6fff0}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Cairo,sans-serif;line-height:1.6;color:var(--text-color);direction:rtl}.container{max-width:1200px;margin:0 auto;padding:0 20px}.navbar{position:fixed;top:0;right:0;left:0;background:var(--white);box-shadow:0 2px 10px #0000001a;z-index:1000}.navbar .container{display:flex;justify-content:space-between;align-items:center;height:80px}.logo{font-size:24px;font-weight:700;color:var(--primary-color);text-decoration:none;display:flex;align-items:center;gap:10px}.logo-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--primary-color);color:var(--white);border-radius:8px;font-size:24px;transform:rotate(0);transition:var(--transition);position:relative;overflow:hidden}.logo-icon:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#fff3,#fff0);z-index:1}.logo:hover .logo-icon{transform:rotate(10deg);box-shadow:0 5px 15px #0066cc4d}.nav-links a{margin-right:20px;text-decoration:none;color:var(--text-color);font-weight:600;transition:var(--transition)}.nav-links a:hover{color:var(--primary-color)}.hero{padding:160px 0 100px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:var(--white);text-align:center}.hero-content h1{font-size:48px;margin-bottom:20px}.hero-content p{font-size:20px;margin-bottom:30px}.cta-button{display:inline-block;padding:15px 30px;background:var(--white);color:var(--primary-color);text-decoration:none;border-radius:5px;font-weight:600;transition:var(--transition)}.cta-button:hover{transform:translateY(-3px);box-shadow:0 5px 15px #0003}section{padding:100px 0}.section-title{text-align:center;font-size:36px;margin-bottom:50px;color:var(--primary-color)}.services-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;max-width:1000px;margin:0 auto}.service-card{background:linear-gradient(135deg,var(--white) 0%,var(--light-bg) 100%);padding:40px 30px;border-radius:15px;text-align:center;box-shadow:0 10px 30px #0000001a;transition:var(--transition);border:1px solid rgba(255,255,255,.1);position:relative;overflow:hidden}.service-card:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(to right,var(--primary-color),var(--secondary-color));opacity:0;transition:var(--transition)}.service-card:hover:before{opacity:1}.service-card:hover{transform:translateY(-10px);box-shadow:0 15px 40px #00000026}.service-card i{font-size:40px;color:var(--primary-color);margin-bottom:20px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px}.stat-card{text-align:center;padding:30px;background:var(--white);border-radius:10px;box-shadow:0 5px 15px #0000001a}.stat-number{font-size:48px;font-weight:700;color:var(--primary-color);margin-bottom:10px}.pricing{background:var(--light-bg);padding:100px 0}.pricing-grid{display:flex;justify-content:center;gap:30px;flex-wrap:wrap;max-width:1400px;margin:0 auto;padding:0 20px}.section-subtitle{text-align:center;color:var(--primary-color);font-size:20px;margin-bottom:40px;font-weight:600}.price-card{flex:1;min-width:350px;max-width:400px;background:linear-gradient(135deg,var(--white) 0%,var(--light-bg) 100%);padding:40px 35px;border-radius:20px;text-align:center;box-shadow:0 15px 40px #0000001a;transition:var(--transition);position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.price-card h3{font-size:20px;color:var(--primary-color);margin-bottom:15px;padding:10px 20px;border-radius:30px;display:inline-block;background:var(--light-bg)}.price-tag{margin:20px 0;position:relative}.price{font-size:36px;font-weight:700;color:var(--primary-color)}.plan-name{display:block;color:#666;font-size:14px;margin-top:5px}.plan-description{color:#666;margin-bottom:20px;padding:0 10px;font-size:14px}.plan-features{text-align:right;margin:20px 0}.feature-title{color:var(--primary-color);font-weight:600;margin-bottom:12px;font-size:14px}.plan-features ul{list-style:none;padding:0}.plan-features ul li{margin-bottom:8px;padding-right:25px;position:relative;color:var(--text-color);font-size:14px;line-height:1.4}.plan-features ul li:before{content:"";font-family:"Font Awesome 5 Free";font-weight:900;color:#22c55e;position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:12px}.plan-note{background:var(--light-bg);padding:12px;border-radius:8px;margin:15px 0;display:flex;align-items:center;gap:8px}.plan-note i{color:var(--primary-color);font-size:16px}.plan-note p{color:var(--text-color);font-size:12px;margin:0}.price-card .cta-button{background:var(--primary-color);color:var(--white);padding:10px 25px;border-radius:30px;font-weight:600;display:inline-flex;align-items:center;gap:8px;text-decoration:none;transition:var(--transition);margin-top:15px;font-size:14px}.price-card .cta-button:hover{background:var(--secondary-color);transform:translateY(-3px)}.price-card .cta-button i{transition:var(--transition)}.price-card .cta-button:hover i{transform:translate(-5px)}.price-card.featured{transform:scale(1.05);background:linear-gradient(135deg,var(--white) 0%,var(--light-bg) 100%);border:2px solid var(--primary-color)}.price-card.featured:before{content:"الأكثر طلباً";position:absolute;top:20px;right:-35px;background:var(--primary-color);color:#fff;padding:5px 40px;transform:rotate(45deg);font-size:12px;font-weight:600}.portfolio-slider{padding-bottom:50px}.portfolio-item{position:relative;border-radius:10px;overflow:hidden}.portfolio-item img{width:100%;height:auto;transition:var(--transition)}.portfolio-info{position:absolute;bottom:0;left:0;right:0;background:#000000b3;color:var(--white);padding:20px;transform:translateY(100%);transition:var(--transition)}.portfolio-item:hover .portfolio-info{transform:translateY(0)}.portfolio-item:hover img{transform:scale(1.1)}.workflow-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.workflow-item{text-align:center;padding:30px;background:var(--white);border-radius:10px;box-shadow:0 5px 15px #0000001a}.workflow-number{width:50px;height:50px;line-height:50px;background:var(--primary-color);color:var(--white);border-radius:50%;margin:0 auto 20px;font-weight:700}.whatsapp-button{position:fixed;bottom:30px;right:30px;width:auto;height:auto;background:#25d366;color:var(--white);border-radius:50px;display:flex;align-items:center;justify-content:center;padding:12px 25px;box-shadow:0 5px 15px #25d3664d;transition:var(--transition);text-decoration:none;z-index:1000;animation:pulse 2s infinite}.whatsapp-button i{font-size:24px;margin-left:8px}.whatsapp-button:after{content:"تواصل معنا";font-size:16px;font-weight:600}.whatsapp-button:hover{transform:translateY(-5px);box-shadow:0 8px 25px #25d36666;background:#1ea952}@keyframes pulse{0%{box-shadow:0 0 #25d36666}70%{box-shadow:0 0 0 15px #25d36600}to{box-shadow:0 0 #25d36600}}.footer{background:var(--primary-color);color:var(--white);padding:60px 0 30px}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;margin-bottom:30px}.footer-bottom{text-align:center;padding-top:30px;border-top:1px solid rgba(255,255,255,.1)}.contact{background:var(--light-bg)}.contact-form{max-width:600px;margin:0 auto;background:var(--white);padding:40px;border-radius:15px;box-shadow:0 5px 15px #0000001a}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:var(--text-color)}.form-group input,.form-group textarea{width:100%;padding:12px 15px;border:2px solid #e1e1e1;border-radius:8px;font-family:Cairo,sans-serif;font-size:16px;transition:var(--transition)}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #0066cc1a}.form-group textarea{height:150px;resize:vertical}.submit-button{background:var(--primary-color);color:var(--white);border:none;padding:15px 30px;border-radius:8px;font-size:18px;font-weight:600;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;gap:10px;width:100%}.submit-button:hover{background:var(--secondary-color);transform:translateY(-2px)}.submit-button i{transition:var(--transition)}.submit-button:hover i{transform:translate(-5px)}.notification{position:fixed;top:20px;left:50%;transform:translate(-50%);padding:15px 25px;border-radius:8px;color:#fff;font-weight:600;z-index:1000;opacity:0;transition:opacity .3s ease}.notification.success{background:#22c55e}.notification.error{background:#ef4444}.notification.show{opacity:1}.other-services{background:var(--light-bg);padding:80px 0}.other-services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-top:20px}.service-box{background:linear-gradient(135deg,var(--white) 0%,var(--white) 100%);border-radius:20px;padding:40px 30px;text-align:center;transition:var(--transition);position:relative;overflow:hidden;box-shadow:0 15px 40px #0000001a;border:1px solid rgba(255,255,255,.1)}.service-box .plan-note{background:linear-gradient(135deg,var(--white) 0%,var(--light-bg) 100%);padding:15px;border-radius:12px;margin:20px 0;display:flex;align-items:center;gap:10px}.service-box .plan-description{color:#666;margin-bottom:20px;padding:0 10px;font-size:14px}.portfolio-service .plan-description{font-size:14px;color:#666;margin:15px 0}.service-box:before{content:"";position:absolute;top:0;left:0;width:100%;height:5px;transition:var(--transition)}.portfolio-service:before{background:linear-gradient(to right,#ff6b6b,#feca57)}.logo-service:before{background:linear-gradient(to right,#4834d4,#686de0)}.service-icon{width:80px;height:80px;margin:0 auto 20px;background:var(--light-bg);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;transition:var(--transition)}.portfolio-service .service-icon{color:#ff6b6b}.logo-service .service-icon{color:#4834d4}.service-box:hover{transform:translateY(-10px)}.service-box:hover .service-icon{transform:scale(1.1)}.service-box h3{font-size:24px;margin-bottom:15px;color:var(--text-color)}.service-price{font-size:36px;font-weight:700;color:var(--primary-color);margin:15px 0}.service-box ul{list-style:none;padding:0;margin:20px 0;text-align:right}.service-box ul li{margin-bottom:12px;padding-right:25px;position:relative;color:var(--text-color)}.service-box ul li:before{content:"";font-family:"Font Awesome 5 Free";font-weight:900;color:#22c55e;position:absolute;right:0;top:50%;transform:translateY(-50%)}.service-button{display:inline-flex;align-items:center;gap:10px;padding:12px 30px;background:var(--primary-color);color:var(--white);text-decoration:none;border-radius:30px;font-weight:600;transition:var(--transition)}.service-button:hover{background:var(--secondary-color);transform:translate(-5px)}.service-button i{transition:var(--transition)}.service-button:hover i{transform:translate(-5px)}@media (max-width: 1200px){.pricing-grid{gap:20px}.price-card{min-width:300px}}@media (max-width: 768px){.services-grid{grid-template-columns:1fr}.pricing-grid{flex-direction:column;align-items:center}.price-card{width:100%;max-width:100%}.price-card.featured{transform:none}.nav-links{display:none}.mobile-menu-btn{display:block}.hero-content h1{font-size:36px}.whatsapp-button{padding:12px;border-radius:50%}.whatsapp-button:after{display:none}.whatsapp-button i{margin:0;font-size:28px}.other-services-grid{grid-template-columns:1fr}.service-box{margin:0 15px}}