body {
  font-family: 'Noto Kufi Arabic', sans-serif;
}
  .page-hero{padding:18px 0;}
  .card{background:rgba(255,255,255,.03); border:1px solid rgba(255,255,255,.08); border-radius:18px; padding:16px;}
  .grid{display:grid; gap:12px;}
  @media(min-width:900px){.grid-2{grid-template-columns:1fr 1fr;}}
  .kpi{display:flex; gap:10px; flex-wrap:wrap; margin-top:10px}
  .kpi span{background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.08); padding:8px 10px; border-radius:999px; font-size:14px;}
  .btn{display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:10px 14px; border-radius:999px; border:1px solid rgba(255,255,255,.15);}
  .btn-primary{background:#ffcc00; color:#191d34; border-color:#ffcc00; font-weight:700}
  .btn-ghost{background:transparent; color:#fff}
  .steps li{margin:6px 0; line-height:1.9}
  .muted{opacity:.85}
  .form-row{display:grid; gap:10px}
  @media(min-width:900px){.form-row{grid-template-columns:1fr 1fr;}}
  label{display:block; font-size:14px; opacity:.9; margin-bottom:6px}
  input, select, textarea{width:100%; padding:10px 12px; border-radius:12px; border:1px solid rgba(255,255,255,.12); background:rgba(0,0,0,.25); color:#fff}
  textarea{min-height:110px; resize:vertical}
  .note{font-size:13px; opacity:.78; line-height:1.8}
  .divider{height:1px; background:rgba(255,255,255,.08); margin:14px 0}
  .print-hide{}
  @media print {
    .print-hide, #site-header, #site-footer {display:none !important;}
    body{background:#fff !important; color:#111 !important;}
    a{color:#111 !important; text-decoration:none !important;}
    .card{border:1px solid #ddd !important; background:#fff !important;}
  }