/* طبقة الهوية والتحسين البصري: تُحمَّل بعد بقية الأنماط ولا تغيّر البنية، بل تصقل الظهور والحركة. */
:root{--r-lg:18px;--shadow-1:0 1px 2px rgba(23,34,77,.06),0 8px 24px -12px rgba(23,34,77,.18);--shadow-2:0 2px 4px rgba(23,34,77,.08),0 18px 40px -16px rgba(23,34,77,.28);
  --accent:#3B4BC8;--gold:#F2B705}
@media (prefers-color-scheme:dark){:root{--shadow-1:0 1px 2px rgba(0,0,0,.35),0 8px 24px -12px rgba(0,0,0,.6);--shadow-2:0 2px 4px rgba(0,0,0,.4),0 18px 40px -16px rgba(0,0,0,.7);--accent:#8B9BFF}}
/* ---- العلامة */
.blockup{display:inline-flex;align-items:center;gap:9px;line-height:1}
.bmark{width:32px;height:32px;flex:none;filter:drop-shadow(0 3px 6px rgba(23,34,77,.25))}
.bword{font-family:"QKufi",var(--font);font-weight:800;font-size:1.4rem;letter-spacing:.01em;background:linear-gradient(100deg,var(--ink) 30%,var(--accent) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:2px}
.blockup.bdark .bword{background:linear-gradient(100deg,#fff 40%,#FFD23F 100%);-webkit-background-clip:text;background-clip:text}
.brand{gap:0}
.brand i{display:none}
a.brand{text-decoration:none}
.lp-nav .brand .bmark{width:36px;height:36px}
.lp-nav .brand .bword{font-size:1.55rem}
@media (prefers-reduced-motion:no-preference){
  .bcheck{stroke-dasharray:60;stroke-dashoffset:60;animation:bdraw .9s .15s ease-out forwards}
  .bspark{transform-origin:47px 14.5px;animation:bspark 2.8s 1s ease-in-out infinite}
  @keyframes bdraw{to{stroke-dashoffset:0}}
  @keyframes bspark{0%,100%{transform:scale(1) rotate(0);opacity:1}50%{transform:scale(1.35) rotate(20deg);opacity:.75}}
  .hg-main>*,.hg-top>*,.card,.seccard{animation:rise .5s cubic-bezier(.2,.7,.2,1) both}
  .hg-main>*:nth-child(2){animation-delay:.05s}.hg-main>*:nth-child(3){animation-delay:.1s}.hg-main>*:nth-child(4){animation-delay:.15s}
  @keyframes rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
  .card,.seccard,.pg-tile,.btn{transition:transform .2s ease,box-shadow .2s ease,background .15s,border-color .15s}
  .card:hover,.seccard:hover,.pg-tile:hover{transform:translateY(-2px);box-shadow:var(--shadow-2)}
  .btn:active{transform:translateY(1px)}
}
/* ---- أسطح أنيقة */
.topbar{position:relative}
.topbar::after{content:"";position:absolute;inset-inline:16px;bottom:0;height:1px;background:linear-gradient(90deg,transparent,var(--line),transparent)}
.card,.seccard,.profile{border-radius:var(--r-lg);box-shadow:var(--shadow-1)}
.btn{border-radius:14px;font-weight:700;letter-spacing:.005em}
.btn.pencil{background:linear-gradient(180deg,#FFD23F,#F2B705);box-shadow:0 5px 0 rgba(23,34,77,.22),0 10px 22px -10px rgba(242,183,5,.7)}
.btn.pencil:hover{filter:brightness(1.04);box-shadow:0 6px 0 rgba(23,34,77,.22),0 14px 26px -10px rgba(242,183,5,.8)}
.btn.ghost:hover{background:rgba(59,75,200,.08)}
h1{letter-spacing:-.005em}
nav.bottom{backdrop-filter:saturate(1.4) blur(12px);-webkit-backdrop-filter:saturate(1.4) blur(12px);background:color-mix(in srgb,var(--card) 88%,transparent);box-shadow:0 -8px 24px -16px rgba(23,34,77,.35)}
nav.bottom a{transition:color .15s,border-color .15s}
/* ---- الصفحة الرئيسية للزائر: وهج هادئ خلف البطل */
.lp-top{overflow:hidden}
.lp-top::before,.lp-top::after{content:"";position:absolute;border-radius:50%;filter:blur(70px);opacity:.55;pointer-events:none}
.lp-top::before{width:420px;height:420px;background:#3B4BC8;top:-140px;inset-inline-start:-100px}
.lp-top::after{width:340px;height:340px;background:#F2A805;opacity:.22;bottom:-160px;inset-inline-end:-60px}
.lp-top>*{position:relative;z-index:1}
@media (prefers-reduced-motion:no-preference){.lp-top::before{animation:drift 14s ease-in-out infinite alternate}.lp-top::after{animation:drift 18s ease-in-out infinite alternate-reverse}
  @keyframes drift{to{transform:translate(40px,30px) scale(1.1)}}}
/* ---- بطاقات الخدمات */
.svc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;margin:12px 0}
.svc{position:relative;display:flex;flex-direction:column;gap:6px;padding:16px;border:1.5px solid var(--line);border-radius:var(--r-lg);background:var(--card);box-shadow:var(--shadow-1);text-decoration:none;color:inherit;min-height:132px}
.svc .ic{font-size:1.7rem;line-height:1}
.svc b{font-size:1.05rem}.svc .sm{font-size:.88rem;color:var(--ink2)}.svc .au{font-size:.78rem;color:var(--ink2);margin-top:auto}
.svc.soon{opacity:.82;border-style:dashed}
.svc .soonbadge,.soonbadge{position:absolute;top:10px;inset-inline-end:10px;font-size:.74rem;font-weight:700;padding:2px 10px;border-radius:99px;background:linear-gradient(180deg,#FFD23F,#F2B705);color:#17224D;border:1.5px solid #17224D}
.svc .livebadge{position:absolute;top:10px;inset-inline-end:10px;font-size:.74rem;font-weight:700;padding:2px 10px;border-radius:99px;background:var(--good-bg);color:var(--good)}
/* ---- نموذج التواصل */
.cform{display:grid;gap:10px}
.cform .two{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media (max-width:560px){.cform .two{grid-template-columns:1fr}}
.cform textarea{min-height:130px}
.hp{position:absolute;inset-inline-start:-9999px;width:1px;height:1px;overflow:hidden}
.footnav{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;font-size:.9rem;margin:18px 0 6px}
.footnav a{color:var(--ink2)}
/* ---- لوحة الإدارة الجديدة */
.pill{display:inline-block;padding:1px 10px;border-radius:99px;font-size:.78rem;font-weight:700;border:1px solid var(--line)}
.pill.ok{background:var(--good-bg);color:var(--good)}.pill.warn{background:#fff3cf;color:#6b4c00}.pill.bad{background:var(--bad-bg);color:var(--bad)}
.kv{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;font-size:.92rem}
.gt{width:100%;border-collapse:collapse;font-size:.9rem}.gt th,.gt td{padding:7px 8px;border-bottom:1px solid var(--line);text-align:start;vertical-align:top}
.tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
code.cmd{display:block;direction:ltr;text-align:left;padding:8px 10px;background:rgba(23,34,77,.07);border-radius:8px;font-size:.82rem;overflow-x:auto;white-space:pre}
