/* Extracted from uploaded HTML files */

/* ===== index.html styles ===== */
:root{
      --brand:#1a237e;
      --brand2:#283593;
      --text:#0f172a;
      --muted:#475569;
      --bg:#f8f9fa;
      --card:#ffffff;
      --danger:#ff5252;
    }
    body{ font-family:'Cairo',sans-serif; background:var(--bg); color:var(--text); }

    a.hany{ text-decoration:none; color:#fff; }

    .navbar{ background:var(--brand); }
    .navbar .nav-link{ opacity:.95; }
    .navbar .nav-link:hover{ opacity:1; }

    .hero{
      padding: 96px 0;
      color:#fff;
      background:
        linear-gradient(rgba(0,0,0,.65), rgba(0,0,0,.65)),
        url('https://hdparkcam.com/bg1.webp');
      background-size:cover;
      background-position: center;
    }

    .btn-call{
      background:var(--danger);
      color:#fff;
      font-weight:800;
      border-radius:999px;
      padding:14px 26px;
      border:0;
    }
    .btn-call:hover{ background:#ff1744; color:#fff; }

    .btn-whatsapp{
      background:#16a34a;
      color:#fff;
      font-weight:800;
      border-radius:999px;
      padding:14px 26px;
      border:0;
    }
    .btn-whatsapp:hover{ background:#15803d; color:#fff; }

    .card-soft{
      background:var(--card);
      border:1px solid #e9ecef;
      border-radius:16px;
      box-shadow: 0 12px 30px rgba(0,0,0,.06);
    }

    .feature-box{
      background:#fff;
      padding: 26px;
      border-radius:16px;
      border:1px solid #eef2f7;
      box-shadow: 0 10px 22px rgba(0,0,0,.06);
      text-align:center;
      height:100%;
      transition:.25s;
    }
    .feature-box:hover{ transform: translateY(-6px); }
    .feature-icon{ font-size: 2.6rem; color: var(--brand); margin-bottom:14px; }

    .section-title{ font-weight:900; margin:0 0 10px; }
    .section-sub{ color:var(--muted); line-height:2; margin:0; }

    .pill{
      display:inline-flex;
      align-items:center;
      gap:8px;
      padding:8px 12px;
      border-radius:999px;
      border:1px solid #e5e7eb;
      background:#fff;
      margin:6px 6px 0 0;
      font-weight:700;
      color:#0f172a;
      font-size:14px;
    }

    .icon-badge{
      width:44px; height:44px;
      border-radius:14px;
      display:grid;
      place-items:center;
      background: rgba(26,35,126,.12);
      color: var(--brand);
      flex: 0 0 auto;
      font-size:18px;
    }

    .map-wrapper{
      width:100%;
      height:380px;
      border-radius:16px;
      overflow:hidden;
      background:#e5e7eb;
      border:1px solid #e5e7eb;
      box-shadow: 0 10px 25px rgba(0,0,0,.08);
      position:relative;
    }
    .map-wrapper iframe{ width:100%; height:100%; border:0; }

    .contact-info{
      background: var(--brand);
      color:#fff;
      padding: 56px 0;
      margin-top: 10px;
    }

    footer{
      background:#111;
      color:#cbd5e1;
      padding: 18px 0;
      text-align:center;
    }
    .footer-links{
      display:flex;
      justify-content:center;
      flex-wrap:wrap;
      gap:14px;
      margin-top:8px;
    }
    .footer-links a{ color:#fff; text-decoration:none; opacity:.92; }
    .footer-links a:hover{ opacity:1; }

    @media (max-width: 768px){
      .hero{ padding:70px 0; }
      .map-wrapper{ height:300px; }
    }

/* ===== about.html styles ===== */
:root{
      --brand:#1a237e;
      --brand2:#283593;
      --text:#0f172a;
      --muted:#475569;
      --bg:#f8f9fa;
      --card:#ffffff;
      --danger:#ff5252;
    }
    body{ font-family:'Cairo',sans-serif; background:var(--bg); color:var(--text); }

    .navbar{ background:var(--brand); }
    .navbar .nav-link{ opacity:.95; }
    .navbar .nav-link:hover{ opacity:1; }

    .hero{
      padding: 84px 0;
      color:#fff;
      background:
        linear-gradient(rgba(0,0,0,.65), rgba(0,0,0,.65)),
        url('https://hdparkcam.com/bg1.webp');
      background-size:cover;
      background-position:center;
    }

    .btn-call{
      background:var(--danger);
      color:#fff;
      font-weight:900;
      border-radius:999px;
      padding:12px 22px;
      border:0;
    }
    .btn-call:hover{ background:#ff1744; color:#fff; }

    .btn-whatsapp{
      background:#16a34a;
      color:#fff;
      font-weight:900;
      border-radius:999px;
      padding:12px 22px;
      border:0;
    }
    .btn-whatsapp:hover{ background:#15803d; color:#fff; }

    .card-soft{
      background:var(--card);
      border:1px solid #e9ecef;
      border-radius:16px;
      box-shadow: 0 12px 30px rgba(0,0,0,.06);
    }

    .pill{
      display:inline-flex;
      align-items:center;
      gap:8px;
      padding:8px 12px;
      border-radius:999px;
      border:1px solid #e5e7eb;
      background:#fff;
      margin:6px 6px 0 0;
      font-weight:800;
      font-size:14px;
      color:#0f172a;
    }

    .icon-badge{
      width:44px; height:44px;
      border-radius:14px;
      display:grid;
      place-items:center;
      background: rgba(26,35,126,.12);
      color: var(--brand);
      flex: 0 0 auto;
      font-size:18px;
    }

    .section-head{
      text-align:center;
      margin-bottom: 18px;
    }
    .section-head h2{ font-weight:900; margin-bottom: 8px; }
    .section-head p{ color:var(--muted); margin:0; line-height:2; }

    .steps{
      margin:0;
      padding-right: 18px;
      color:#334155;
      line-height:2;
    }
    .steps li{ margin-bottom: 6px; }

    .faq .accordion-button{
      font-weight:900;
    }

    .contact-info{
      background: var(--brand);
      color:#fff;
      padding: 56px 0;
    }

    footer{
      background:#111;
      color:#cbd5e1;
      padding: 18px 0;
      text-align:center;
    }
    .footer-links{
      display:flex;
      justify-content:center;
      flex-wrap:wrap;
      gap:14px;
      margin-top:8px;
    }
    .footer-links a{ color:#fff; text-decoration:none; opacity:.92; }
    .footer-links a:hover{ opacity:1; }

    @media (max-width: 768px){
      .hero{ padding:64px 0; }
    }

/* ===== contact.html styles ===== */
:root{ --brand:#1a237e; --bg:#f8f9fa; --muted:#475569; --danger:#ff5252; }
    body{ font-family:'Cairo',sans-serif; background:var(--bg); }
    .navbar{ background:var(--brand); }
    .hero{ padding:76px 0; color:#fff; background: linear-gradient(rgba(0,0,0,.65), rgba(0,0,0,.65)), url('https://hdparkcam.com/bg1.webp'); background-size:cover; background-position:center; }
    .card-soft{ background:#fff; border:1px solid #e9ecef; border-radius:16px; box-shadow: 0 12px 30px rgba(0,0,0,.06); }
    .btn-call{ background:var(--danger); color:#fff; font-weight:800; border-radius:999px; padding:12px 22px; border:0; }
    .btn-call:hover{ background:#ff1744; color:#fff; }
    .btn-whatsapp{ background:#16a34a; color:#fff; font-weight:800; border-radius:999px; padding:12px 22px; border:0; }
    .btn-whatsapp:hover{ background:#15803d; color:#fff; }
    .icon-badge{ width:44px; height:44px; border-radius:14px; display:grid; place-items:center; background: rgba(26,35,126,.12); color: var(--brand); }
    .small-muted{ color:var(--muted); font-size:14px; line-height:1.9; }
    .help-box{ background:#f1f5f9; border:1px solid #e2e8f0; padding:14px; border-radius:12px; line-height:2; }
    .map-wrapper{ width:100%; height:360px; border-radius:16px; overflow:hidden; background:#e5e7eb; border:1px solid #e5e7eb; box-shadow: 0 10px 25px rgba(0,0,0,.08); }
    .map-wrapper iframe{ width:100%; height:100%; border:0; }
    footer{ background:#111; color:#cbd5e1; padding:18px 0; text-align:center; }
    .footer-links{ display:flex; justify-content:center; flex-wrap:wrap; gap:14px; margin-top:8px; }
    .footer-links a{ color:#fff; text-decoration:none; opacity:.92; }
    .footer-links a:hover{ opacity:1; }
    @media (max-width:768px){ .map-wrapper{ height:300px; } }

/* ===== privacy.html styles ===== */
:root{ --brand:#1a237e; --bg:#f8f9fa; --muted:#475569; }
    body{ font-family:'Cairo',sans-serif; background:var(--bg); }
    .navbar{ background:var(--brand); }

    .privacy-wrap{
      max-width: 980px;
      margin: 24px auto;
      background: #fff;
      border: 1px solid #e9ecef;
      border-radius: 16px;
      box-shadow: 0 12px 30px rgba(0,0,0,.06);
      overflow: hidden;
    }
    .privacy-hero{
      padding: 26px 22px;
      background: linear-gradient(135deg, #1a237e 0%, #283593 55%, #3949ab 100%);
      color: #fff;
    }
    .privacy-hero h1{ margin:0; font-weight:900; font-size: 28px; }
    .privacy-hero p{ margin:10px 0 0; opacity:.95; line-height:1.9; }
    .privacy-body{ padding: 22px; }
    .privacy-body h2{ font-size: 20px; font-weight: 900; margin: 18px 0 10px; color:#0f172a; }
    .privacy-body p{ line-height: 2; color:#334155; margin: 0 0 12px; }
    .privacy-body ul{ margin: 0 0 14px; padding-right: 18px; color:#334155; line-height: 2; }
    .privacy-body li{ margin-bottom: 6px; }
    .note{
      background: #f1f5f9;
      border: 1px solid #e2e8f0;
      padding: 14px;
      border-radius: 12px;
      color: #0f172a;
      line-height: 2;
      margin: 14px 0;
    }
    footer{ background:#111; color:#cbd5e1; padding:18px 0; text-align:center; }
    .footer-links{ display:flex; justify-content:center; flex-wrap:wrap; gap:14px; margin-top:8px; }
    .footer-links a{ color:#fff; text-decoration:none; opacity:.92; }
    .footer-links a:hover{ opacity:1; }