/* الهيرو متعدل */
.hero { 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    flex-direction: column;
    padding: 120px 20px; 
    background: linear-gradient(180deg, #420f5b 0%, var(--black) 100%); 
    text-align: center;
    gap: 25px; /* ده هيبعد الحاجات عن بعض */
}
.hero h1 { 
    font-size: 56px; 
    color: var(--red); 
    font-weight: 900;
    text-shadow: 0 0 15px rgba(191, 137, 188, 0.6); /* ظل احمر يخليه ينور */
    letter-spacing: 1px;
}

.hero p { 
    font-size: 20px; 
    color: var(--gray); 
    max-width: 600px;
    line-height: 1.8;
}

.hero .btn-main {
    font-size: 20px;
    padding: 16px 40px;
    box-shadow: 0 0 20px rgba(67, 24, 24, 0.4); /* الزرار ينور */
}
:root {
    --black: #0a0a0a;
    --card-black: #111;
    --red: #350b36;
    --white: #ffffff;
    --gray: #aaa;
}

* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: 'Cairo', sans-serif; background: var(--black); color: var(--white); }
section { padding: 80px 20px; text-align: center; }
h2 { font-size: 36px; margin-bottom: 40px; color: var(--red); }

.btn-main {
    background: var(--red); color: var(--white); padding: 14px 35px;
    border-radius: 8px; text-decoration: none; border: none;
    font-size: 18px; font-weight: 700; cursor: pointer; transition: 0.3s; display: inline-block;
}
.btn-main:hover { background: #cc0000; transform: translateY(-3px); }

/* الهيرو */
.hero { display: flex; align-items: center; justify-content: space-around; flex-wrap: wrap; padding: 100px 20px; background: linear-gradient(180deg, #420f5b 0%, var(--black) 100%); }
.hero-text { max-width: 500px; text-align: right; }
.hero-text h1 { font-size: 52px; color: var(--red); margin-bottom: 15px; }
.hero-text p { font-size: 20px; color: var(--gray); margin-bottom: 30px; }
.hero-img img { width: 450px; max-width: 90%; border-radius: 15px; }

/* الخدمات */
.services { background: var(--card-black); }
.service-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 30px; max-width: 1200px; margin: auto; }
.card { background: #000; padding: 20px; border-radius: 12px; border: 1px solid #222; transition: 0.3s; }
.card:hover { border-color: var(--red); transform: translateY(-5px); }
.card img { width: 100%; height: 200px; object-fit: cover; border-radius: 8px; margin-bottom: 15px; }
.card h3 { color: var(--red); margin-bottom: 10px; }

/* ليه احنا */
.why-grid { display: flex; justify-content: center; gap: 50px; flex-wrap: wrap; }
.why-grid div { max-width: 200px; }
.why-grid span { font-size: 40px; }

/* الفورم */
.order { max-width: 600px; margin: auto; }
.order input, .order select, .order textarea {
    width: 100%; padding: 14px; margin: 10px 0; background: var(--card-black);
    border: 1px solid #333; color: var(--white); border-radius: 8px;
    font-family: 'Cairo'; font-size: 16px;
}
#successMsg { color: #00ff88; margin-top: 15px; font-weight: 700; display: none; }
.footer{
    background: whited; padding: 40px 20px; text-align: center;
}