html { scroll-behavior: smooth; } body { margin: 0; background: var(--black); color: var(--white); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Tahoma, Arial, sans-serif; line-height: 1.8; } header { padding: 18px 16px; border-bottom: 1px solid #393125; display: flex; align-items: center; justify-content: space-between; gap: 12px; } .brand { color: var(--gold); display: inline-flex; align-items: center; text-decoration: none; font-size: 25px; font-weight: 800; } .brand img { width: 75px; height: 75px; object-fit: contain; border-radius: 50%; } header a { color: var(--gold); text-decoration: none; font-size: 14px; } .hero { text-align: center; padding: 54px 18px 35px; background: radial-gradient(ellipse at top, #342918 0%, #111 68%); } .hero h1 { font-size: clamp(30px, 7vw, 48px); margin: 8px 0; } .gold { color: var(--gold); } .hero p { color: var(--muted); max-width: 600px; margin: 12px auto; } .container { max-width: 760px; margin: auto; padding: 20px 16px 45px; } .section-title { text-align: center; margin: 15px 0 22px; } .section-title h2 { margin-bottom: 5px; } .section-title p { color: var(--muted); margin-top: 0; font-size: 14px; } .roles { display: grid; grid-template-columns: 1fr; gap: 12px; } .role { position: relative; background: linear-gradient(135deg, #211e18, #1b1b1b); border: 1px solid #8f7137; border-radius: 16px; padding: 19px; text-align: right; color: var(--white); cursor: pointer; width: 100%; box-shadow: inset 0 0 0 1px rgba(200, 164, 93, 0.08); transition: border-color .2s ease, background .2s ease, transform .2s ease, box-shadow .2s ease; } .role strong { display: block; font-size: 19px; color: var(--gold); margin-bottom: 3px; } .role span { font-size: 13px; color: var(--muted); } .role .tap-hint { display: inline-block; margin-top: 8px; color: #e3c477; font-size: 12px; font-weight: 700; } .role:hover, .role:focus-visible { border-color: #e3c477; background: linear-gradient(135deg, #302516, #201c15); box-shadow: 0 0 14px rgba(200, 164, 93, .18); outline: none; } .role:active { transform: scale(.98); } .panel { display: none; margin-top: 24px; padding: 20px; background: var(--card); border: 1px solid #393125; border-radius: 16px; scroll-margin-top: 15px; } .panel.active { display: block; } label { display: block; margin: 13px 0 5px; font-size: 14px; } input, select, textarea { width: 100%; padding: 12px; border-radius: 9px; border: 1px solid #48433a; background: #111; color: white; font-size: 16px; outline: none; } input:focus, select:focus, textarea:focus { border-color: var(--gold); } button.submit { width: 100%; margin-top: 20px; border: 0; border-radius: 10px; padding: 14px; font-size: 16px; font-weight: bold; background: var(--gold); color: #111; cursor: pointer; } button.submit:disabled { opacity: .6; cursor: wait; } .row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; } .note { font-size: 12px; color: var(--muted); } #notice { display: none; margin-top: 15px; padding: 12px; border: 1px solid var(--gold); border-radius: 8px; color: var(--gold); overflow-wrap: anywhere; } /* الصورة الكبيرة: أعرض من محتوى النماذج */ .about-poster { position: relative; left: 50%; transform: translateX(-50%); width: min(900px, calc(100vw - 24px)); margin: 30px 0; } .about-poster img { display: block; width: 100%; height: auto; border-radius: 16px; border: 1px solid var(--gold); box-shadow: 0 10px 30px rgba(0, 0, 0, .45); } .about { margin-top: 30px; padding: 22px; border-radius: 14px; background: #191713; border: 1px solid #393125; } .about h2 { color: var(--gold); } footer { text-align: center; padding: 25px 15px; border-top: 1px solid #393125; color: var(--muted); font-size: 13px; } footer a { color: var(--gold); text-decoration: none; } @media (min-width: 560px) { .roles { grid-template-columns: repeat(3, 1fr); } .role { text-align: center; } } @media (max-width: 420px) { .row { grid-template-columns: 1fr; } .about-poster img { border-radius: 12px; } }
لوجو شركة سكون تواصل واتساب الآن معنا
🏡 بيتك يبدأ من هنا

سكون | Sukun

خبرة في تسويق وبيع وتأجير الوحدات العقارية بالقاهرة الجديدة والعاصمة الإدارية، بخطوات واضحة وخدمة تليق بثقتك.

👌🏻 خدمتنا اختيارك الأمثل

إزاي نقدر نساعدك؟

اختار من هنا 👇🏼 أنت مين عشان نقدر نخدمك بشكل أفضل.

بيانات المالك

بياناتك تُرسل إلى قاعدة البيانات عند نجاح الربط.

طلب شراء وحدة

بياناتك تُرسل إلى قاعدة البيانات عند نجاح الربط.

طلب إيجار وحدة

بياناتك تُرسل إلى قاعدة البيانات عند نجاح الربط.

شركة سكون للعقارات والمهندس محمود عاطف

آراء عملائنا

ثقة عملائنا هي أكبر شهادة نفتخر بيها. نعمل باستمرار على تقديم تجربة واضحة ومحترفة في البيع والتأجير.

شوف صفحتنا وآراء العملاء على فيسبوك