إشراف هندسي جدة

  body{margin:0;font-family:'Tajawal',Arial,sans-serif;background:#f7f7f7;color:#1e293b;line-height:1.9} a{text-decoration:none} header{background:linear-gradient(135deg,#1B70FF,#3A8BFF);color:#fff;padding:35px 15px 90px;text-align:center} header h1{margin:0 0 12px;font-size:2.2rem} header p{margin:0;font-size:1.05rem} .container{max-width:1150px;margin:-50px auto 30px;padding:0 15px} .card{background:#fff;border-radius:16px;box-shadow:0 12px 30px rgba(0,0,0,.08);padding:24px;margin-bottom:22px} h2{color:#1B70FF;border-right:4px solid #1B70FF;padding-right:10px;margin-top:0} h3{color:#1B70FF} ul{padding-right:20px} li{margin-bottom:6px} table{width:100%;border-collapse:collapse;margin-top:10px} th,td{border:1px solid #e5e7eb;padding:10px}…

  :root{ --pri:#1B70FF; --ink:#0f172a; --mut:#475569; --bg:#f6f8ff; --card:#ffffff; --line:rgba(15,23,42,.10); --gold:#ffcc00; } body{margin:0;font-family:"Tajawal",system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--ink);line-height:1.95} *{box-sizing:border-box} a{text-decoration:none} header{ background:linear-gradient(135deg,#0b4fd6 0%, #1B70FF 45%, #0b4fd6 100%); color:#fff;padding:34px 15px 96px;text-align:center } header h1{margin:0 0 10px;font-size:2.15rem;letter-spacing:.2px} header…