/* ================================================= */
/*   VELAR — صفحة 404                                  */
/* ================================================= */

main.flex-grow.flex.flex-col.justify-center{
  min-height:70vh;
  position:relative;
  overflow:hidden;
}

/* رقم 404 كبير شفاف في الخلفية */
main.flex-grow.flex.flex-col.justify-center::before{
  content:"404";
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  font-family:"Cairo",system-ui,sans-serif;
  font-weight:900;
  font-size:min(45vw, 380px);
  line-height:1;
  color:rgba(10,88,255,.05);
  pointer-events:none;
  z-index:0;
  user-select:none;
}

main.flex-grow.flex.flex-col.justify-center .py-16{
  position:relative;
  z-index:1;
}

/* الليبل "خطأ 404" */
main.flex-grow.flex.flex-col.justify-center p.text-sm.font-semibold.text-indigo-600{
  display:inline-block;
  font-family:"Cairo",system-ui,sans-serif !important;
  font-size:11.5px !important;
  font-weight:700 !important;
  letter-spacing:.09em;
  color:#0a58ff !important;
  background:rgba(10,88,255,.07);
  border:1px solid rgba(10,88,255,.16);
  border-radius:999px;
  padding:6px 16px;
}

/* العنوان */
main.flex-grow.flex.flex-col.justify-center h1{
  font-family:"Cairo",system-ui,sans-serif !important;
  font-weight:800 !important;
  color:#111827 !important;
  margin-top:18px !important;
  letter-spacing:0 !important;
}

/* الوصف */
main.flex-grow.flex.flex-col.justify-center p.mt-2.text-base.text-gray-500{
  font-family:"Cairo",system-ui,sans-serif !important;
  font-weight:500 !important;
  color:#6b7280 !important;
  max-width:380px;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* زرار الرجوع للرئيسية */
main.flex-grow.flex.flex-col.justify-center .mt-6{
  margin-top:28px !important;
}

main.flex-grow.flex.flex-col.justify-center .mt-6 a{
  display:inline-flex;
  align-items:center;
  gap:8px;
  background:#111827 !important;
  color:#fff !important;
  font-family:"Cairo",system-ui,sans-serif !important;
  font-weight:700 !important;
  font-size:14px !important;
  padding:13px 30px;
  border-radius:999px;
  text-decoration:none !important;
  transition:background .15s ease, transform .15s ease;
}

main.flex-grow.flex.flex-col.justify-center .mt-6 a:hover{
  background:#000000 !important;
  transform:translateY(-1px);
}

@media (max-width:640px){
  main.flex-grow.flex.flex-col.justify-center::before{
    font-size:38vw;
  }
}