/* =========================================================
   SmartPanel – Homepage styles (home.css)
   ========================================================= */

/* --- Variables ----------------------------------------- */
:root {
  --hp-bg:       #08081a;
  --hp-bg2:      #0f0f26;
  --hp-bg3:      #14143a;
  --hp-surface:  rgba(255,255,255,.04);
  --hp-surface2: rgba(255,255,255,.07);
  --hp-border:   rgba(255,255,255,.10);
  --hp-primary:  #7c3aed;
  --hp-plight:   #9d5ff0;
  --hp-cyan:     #06b6d4;
  --hp-green:    #10b981;
  --hp-orange:   #f59e0b;
  --hp-red:      #ef4444;
  --hp-text:     #f1f5f9;
  --hp-muted:    #94a3b8;
  --hp-r:        12px;
  --hp-r-lg:     20px;
  --hp-font:     'Vazirmatn','Inter',system-ui,sans-serif;
  --hp-grad:     linear-gradient(135deg,#7c3aed 0%,#06b6d4 100%);
  --hp-grad-soft:linear-gradient(135deg,rgba(124,58,237,.15) 0%,rgba(6,182,212,.08) 100%);
}

/* --- Base --------------------------------------------- */
.hp-body {
  font-family: var(--hp-font);
  background: var(--hp-bg);
  color: var(--hp-text);
  overflow-x: hidden;
  direction: ltr;
}
.hp-rtl { direction: rtl; text-align: right; }
.hp-rtl .me-1 { margin-left: .25rem; margin-right:0 !important; }
.hp-rtl .ms-1 { margin-right:.25rem; margin-left:0 !important; }
.hp-rtl .ms-2 { margin-right:.5rem; margin-left:0 !important; }
.hp-rtl .me-2 { margin-left:.5rem; margin-right:0 !important; }
*,*::before,*::after { box-sizing:border-box; }

/* --- Preloader ----------------------------------------- */
.hp-preloader {
  position:fixed;inset:0;z-index:9999;
  background:var(--hp-bg);
  display:flex;align-items:center;justify-content:center;
  transition:opacity .4s ease,visibility .4s ease;
}
.hp-preloader-hidden { opacity:0;visibility:hidden; }
.hp-spin {
  width:44px;height:44px;
  border:3px solid var(--hp-border);
  border-top-color:var(--hp-primary);
  border-radius:50%;
  animation:hp-spin .7s linear infinite;
}
@keyframes hp-spin { to{ transform:rotate(360deg) } }

/* --- Buttons ------------------------------------------ */
.hp-btn {
  display:inline-flex;align-items:center;justify-content:center;gap:.35rem;
  padding:.55rem 1.25rem;border-radius:var(--hp-r);font-weight:600;
  font-size:.88rem;text-decoration:none;cursor:pointer;border:none;
  transition:all .2s ease;white-space:nowrap;font-family:var(--hp-font);
}
.hp-btn-primary {
  background:var(--hp-grad);color:#fff;
  box-shadow:0 4px 18px rgba(124,58,237,.35);
}
.hp-btn-primary:hover {
  transform:translateY(-2px);
  box-shadow:0 8px 24px rgba(124,58,237,.45);
  color:#fff;text-decoration:none;
}
.hp-btn-ghost {
  background:var(--hp-surface2);color:var(--hp-text);
  border:1px solid var(--hp-border);
}
.hp-btn-ghost:hover {
  background:var(--hp-surface2);color:var(--hp-text);
  border-color:var(--hp-primary);text-decoration:none;
}
.hp-btn-outline {
  background:transparent;color:var(--hp-plight);
  border:1.5px solid var(--hp-primary);
}
.hp-btn-outline:hover {
  background:var(--hp-primary);color:#fff;text-decoration:none;
}
.hp-btn-white {
  background:#fff;color:var(--hp-primary);font-weight:700;
}
.hp-btn-white:hover {
  background:rgba(255,255,255,.9);color:var(--hp-primary);text-decoration:none;
}
.hp-btn-outline-white {
  background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.6);
}
.hp-btn-outline-white:hover {
  background:rgba(255,255,255,.15);color:#fff;text-decoration:none;
}
.hp-btn-lg { padding:.75rem 1.75rem;font-size:1rem;border-radius:var(--hp-r-lg); }
.hp-btn-sm { padding:.3rem .75rem;font-size:.78rem; }
.hp-btn-full { width:100%;border-radius:var(--hp-r); }
.hp-spinner {
  display:inline-block;width:14px;height:14px;
  border:2px solid rgba(255,255,255,.4);
  border-top-color:#fff;border-radius:50%;
  animation:hp-spin .6s linear infinite;
}

/* --- Navbar ------------------------------------------- */
.hp-navbar {
  position:fixed;top:0;left:0;right:0;z-index:900;
  padding:.9rem 0;
  transition:all .3s ease;
}
.hp-navbar-solid {
  background:rgba(8,8,26,.92);
  backdrop-filter:blur(14px);
  box-shadow:0 2px 24px rgba(0,0,0,.4);
}
.hp-navbar .container {
  display:flex;align-items:center;gap:1.5rem;
}
.hp-brand img {
  height:38px;display:block;
}
.hp-nav-menu {
  display:flex;align-items:center;gap:.25rem;flex:1;
}
.hp-nav-menu > ul {
  display:flex;list-style:none;margin:0;padding:0;gap:.1rem;
}
.hp-nav-menu ul li a {
  color:var(--hp-muted);font-size:.88rem;font-weight:500;
  padding:.4rem .8rem;border-radius:8px;display:block;
  text-decoration:none;transition:color .2s,background .2s;
}
.hp-nav-menu ul li a:hover { color:#fff;background:var(--hp-surface2); }
.hp-nav-auth {
  margin-left:auto;display:flex;gap:.5rem;
}
.hp-rtl .hp-nav-auth { margin-left:0;margin-right:auto; }
.hp-nav-toggle {
  display:none;background:none;border:none;cursor:pointer;padding:.3rem;
}
.hp-nav-toggle span {
  display:block;width:22px;height:2px;background:var(--hp-text);
  margin:5px 0;border-radius:2px;transition:all .25s;
}
.hp-nav-toggle.active span:nth-child(1) { transform:rotate(45deg) translate(5px,5px); }
.hp-nav-toggle.active span:nth-child(2) { opacity:0; }
.hp-nav-toggle.active span:nth-child(3) { transform:rotate(-45deg) translate(5px,-5px); }

/* --- Hero --------------------------------------------- */
.hp-hero {
  min-height:100vh;
  display:flex;align-items:center;
  padding:120px 0 80px;
  position:relative;overflow:hidden;
}
.hp-hero-bg {
  position:absolute;inset:0;pointer-events:none;
}
.hp-blob {
  position:absolute;border-radius:50%;filter:blur(80px);opacity:.25;
}
.hp-blob-1 {
  width:600px;height:600px;
  background:radial-gradient(circle,#7c3aed,transparent);
  top:-200px;
}
.hp-rtl .hp-blob-1 { left:auto;right:-150px; }
.hp-blob-1:not(.hp-rtl *) { left:-150px; }
.hp-blob-2 {
  width:500px;height:500px;
  background:radial-gradient(circle,#06b6d4,transparent);
  bottom:-150px;right:-100px;
}
.hp-rtl .hp-blob-2 { right:auto;left:-100px; }
.hp-grid-overlay {
  position:absolute;inset:0;
  background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:40px 40px;
}
.hp-hero-row { min-height: 70vh; }
.hp-hero-text { padding-right:2rem; }
.hp-rtl .hp-hero-text { padding-right:0;padding-left:2rem; }
.hp-badge {
  display:inline-flex;align-items:center;gap:.5rem;
  background:rgba(124,58,237,.15);
  border:1px solid rgba(124,58,237,.3);
  color:var(--hp-plight);
  padding:.35rem .9rem;border-radius:50px;
  font-size:.82rem;font-weight:600;margin-bottom:1.25rem;
}
.hp-hero-title {
  font-size:2.6rem;font-weight:800;line-height:1.25;
  margin-bottom:1rem;
  background:linear-gradient(135deg,#fff 40%,var(--hp-plight));
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
  background-clip:text;
}
.hp-hero-sub {
  color:var(--hp-muted);font-size:1.05rem;line-height:1.7;
  margin-bottom:1.5rem;max-width:480px;
}
.hp-hero-features {
  display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.75rem;
}
.hp-hf-item {
  display:flex;align-items:center;gap:.4rem;
  font-size:.85rem;color:var(--hp-muted);font-weight:500;
}
.hp-hf-item i { color:var(--hp-green);font-size:.9rem; }
.hp-hero-ctas { display:flex;gap:.75rem;flex-wrap:wrap; }

/* Quick Order card */
.hp-hero-form-col { padding-left:1.5rem; }
.hp-rtl .hp-hero-form-col { padding-left:0;padding-right:1.5rem; }
.hp-qo-card {
  background:var(--hp-grad-soft);
  border:1px solid rgba(124,58,237,.25);
  border-radius:var(--hp-r-lg);
  padding:1.75rem;
  backdrop-filter:blur(10px);
  box-shadow:0 8px 40px rgba(0,0,0,.35);
}
.hp-qo-header {
  display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;
}
.hp-qo-icon {
  width:44px;height:44px;border-radius:12px;
  background:var(--hp-grad);
  display:flex;align-items:center;justify-content:center;
  font-size:1.2rem;color:#fff;flex-shrink:0;
}
.hp-qo-header h3 { margin:0;font-size:1.2rem;font-weight:700; }
.hp-qo-header p  { margin:0;font-size:.82rem;color:var(--hp-muted); }

.hp-qo-row { display:grid;grid-template-columns:1fr 1fr;gap:.85rem;margin-bottom:.85rem; }
.hp-qo-field { display:flex;flex-direction:column;gap:.35rem;margin-bottom:.85rem; }
.hp-qo-field label {
  font-size:.82rem;font-weight:600;color:var(--hp-muted);
  display:flex;align-items:center;gap:.35rem;
}
.hp-qo-field label i { font-size:.8rem; }
.req { color:var(--hp-red); }

.hp-input, .hp-select {
  width:100%;background:rgba(255,255,255,.06);
  border:1px solid var(--hp-border);
  border-radius:var(--hp-r);color:var(--hp-text);
  padding:.6rem .9rem;font-size:.9rem;font-family:var(--hp-font);
  transition:border-color .2s,box-shadow .2s;outline:none;
}
.hp-input:focus, .hp-select:focus {
  border-color:var(--hp-primary);
  box-shadow:0 0 0 3px rgba(124,58,237,.2);
}
.hp-select option { background:#1a1a3e;color:var(--hp-text); }
.hp-hint { font-size:.77rem;color:var(--hp-muted); }

.hp-qo-info {
  background:rgba(6,182,212,.08);
  border:1px solid rgba(6,182,212,.2);
  border-radius:8px;padding:.5rem .9rem;
  display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:.85rem;
  font-size:.8rem;color:var(--hp-cyan);
}
.hp-qo-price {
  background:rgba(16,185,129,.08);
  border:1px solid rgba(16,185,129,.2);
  border-radius:8px;padding:.6rem .9rem;
  display:flex;align-items:center;gap:.5rem;
  font-size:.88rem;color:var(--hp-green);margin-bottom:.85rem;
}
.hp-qo-price strong { font-size:1.1rem;font-weight:700; }

.hp-check {
  display:flex;align-items:center;gap:.6rem;cursor:pointer;
  font-size:.84rem;margin-bottom:.85rem;
}
.hp-check input[type=checkbox] { display:none; }
.hp-check-box {
  width:18px;height:18px;border-radius:5px;flex-shrink:0;
  border:1.5px solid var(--hp-border);
  background:rgba(255,255,255,.04);
  transition:all .2s;position:relative;
}
.hp-check input:checked + .hp-check-box {
  background:var(--hp-primary);border-color:var(--hp-primary);
}
.hp-check input:checked + .hp-check-box::after {
  content:'';position:absolute;left:5px;top:2px;
  width:6px;height:10px;
  border:2px solid #fff;border-left:none;border-top:none;
  transform:rotate(45deg);
}
.hp-rtl .hp-check input:checked + .hp-check-box::after { left:3px; }

.hp-qo-notice {
  background:rgba(245,158,11,.07);
  border:1px solid rgba(245,158,11,.2);
  border-radius:8px;padding:.5rem .9rem;
  font-size:.8rem;color:#fbbf24;margin-bottom:.85rem;
}
.hp-qo-notice a { color:#fbbf24;font-weight:600; }

.hp-qo-success {
  text-align:center;padding:1rem 0;
}
.hp-qo-success-icon { font-size:3.5rem;color:var(--hp-green);margin-bottom:1rem; }
.hp-qo-success h4 { font-weight:700;margin-bottom:.5rem; }
.hp-qo-success .text-muted { color:var(--hp-muted) !important; }
.hp-qo-success-btns { display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap;margin-top:1rem; }

/* --- Stats -------------------------------------------- */
.hp-stats {
  padding:3rem 0;
  background:linear-gradient(180deg,var(--hp-bg) 0%,var(--hp-bg2) 100%);
}
.hp-stat-card {
  background:var(--hp-surface);
  border:1px solid var(--hp-border);
  border-radius:var(--hp-r-lg);
  padding:1.5rem 1.25rem;
  text-align:center;
  transition:transform .25s,box-shadow .25s;
}
.hp-stat-card:hover {
  transform:translateY(-4px);
  box-shadow:0 12px 30px rgba(0,0,0,.3);
}
.hp-stat-icon {
  width:52px;height:52px;border-radius:14px;
  display:flex;align-items:center;justify-content:center;
  font-size:1.3rem;color:#fff;margin:0 auto 1rem;
}
.hp-si-purple { background:linear-gradient(135deg,#7c3aed,#5b21b6); }
.hp-si-cyan   { background:linear-gradient(135deg,#06b6d4,#0891b2); }
.hp-si-green  { background:linear-gradient(135deg,#10b981,#059669); }
.hp-si-orange { background:linear-gradient(135deg,#f59e0b,#d97706); }
.hp-stat-num {
  font-size:2rem;font-weight:800;color:var(--hp-text);line-height:1;margin-bottom:.35rem;
}
.hp-stat-label { font-size:.84rem;color:var(--hp-muted);font-weight:500; }

/* --- Section head ------------------------------------- */
.hp-section-head {
  text-align:center;margin-bottom:2.75rem;
}
.hp-section-tag {
  display:inline-block;
  background:rgba(124,58,237,.15);
  border:1px solid rgba(124,58,237,.25);
  color:var(--hp-plight);
  font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  padding:.3rem .85rem;border-radius:50px;margin-bottom:.75rem;
}
.hp-section-head h2 {
  font-size:2rem;font-weight:800;margin-bottom:.5rem;
}
.hp-section-head p { color:var(--hp-muted);max-width:580px;margin:0 auto; }

/* --- Services ----------------------------------------- */
.hp-services { padding:5rem 0;background:var(--hp-bg2); }
.hp-cat-tabs {
  display:flex;flex-wrap:wrap;gap:.5rem;
  margin-bottom:1.5rem;justify-content:center;
}
.hp-cat-btn {
  background:var(--hp-surface);border:1px solid var(--hp-border);
  color:var(--hp-muted);border-radius:50px;padding:.35rem 1rem;
  font-size:.82rem;font-weight:600;cursor:pointer;transition:all .2s;
  font-family:var(--hp-font);
}
.hp-cat-btn.active,
.hp-cat-btn:hover {
  background:var(--hp-primary);border-color:var(--hp-primary);color:#fff;
}
.hp-svc-wrap {
  background:var(--hp-surface);
  border:1px solid var(--hp-border);
  border-radius:var(--hp-r-lg);
  overflow:hidden;max-height:480px;overflow-y:auto;
}
.hp-svc-table { width:100%;border-collapse:collapse; }
.hp-svc-table thead {
  position:sticky;top:0;z-index:1;
  background:linear-gradient(90deg,rgba(124,58,237,.25),rgba(6,182,212,.1));
}
.hp-svc-table th {
  padding:.75rem 1rem;font-size:.82rem;font-weight:700;
  color:var(--hp-plight);border:none;text-align:right;
}
.hp-rtl .hp-svc-table th { text-align:right; }
.hp-svc-table td {
  padding:.65rem 1rem;border-bottom:1px solid var(--hp-border);
  font-size:.86rem;color:var(--hp-text);vertical-align:middle;
}
.hp-svc-table tbody tr:hover { background:rgba(255,255,255,.03); }
.hp-svc-name { font-weight:600;display:block; }
.hp-svc-desc { font-size:.76rem;color:var(--hp-muted);margin-top:.15rem; }
.hp-svc-price { font-weight:700;color:var(--hp-cyan); }

/* Mobile table → cards */
@media (max-width:767px) {
  .hp-svc-table thead { display:none; }
  .hp-svc-table tbody tr {
    display:block;
    background:var(--hp-surface2);
    border-radius:var(--hp-r);margin:.5rem;
    border:1px solid var(--hp-border);
    padding:.5rem;
  }
  .hp-svc-table td {
    display:flex;align-items:center;justify-content:space-between;
    border:none;padding:.3rem .5rem;
  }
  .hp-svc-table td::before {
    content:attr(data-label);
    font-size:.75rem;color:var(--hp-muted);font-weight:600;
    min-width:70px;
  }
}

/* --- Why -------------------------------------------- */
.hp-why { padding:5rem 0;background:var(--hp-bg); }
.hp-why-card {
  background:var(--hp-surface);
  border:1px solid var(--hp-border);
  border-radius:var(--hp-r-lg);
  padding:1.75rem 1.5rem;
  text-align:center;height:100%;
  transition:transform .25s,box-shadow .25s;
}
.hp-why-card:hover {
  transform:translateY(-5px);
  box-shadow:0 15px 35px rgba(0,0,0,.3);
}
.hp-why-icon {
  width:60px;height:60px;border-radius:16px;
  display:flex;align-items:center;justify-content:center;
  font-size:1.5rem;color:#fff;margin:0 auto 1.25rem;
}
.hp-why-card h4 { font-size:1.05rem;font-weight:700;margin-bottom:.5rem; }
.hp-why-card p  { font-size:.88rem;color:var(--hp-muted);margin:0; }

/* --- How it works ------------------------------------ */
.hp-how { padding:5rem 0;background:var(--hp-bg2); }
.hp-how-row { position:relative; }
.hp-step {
  text-align:center;padding:1.5rem 1rem;position:relative;
}
.hp-step-num {
  width:54px;height:54px;border-radius:50%;
  background:var(--hp-grad);
  display:flex;align-items:center;justify-content:center;
  font-size:1.4rem;font-weight:800;color:#fff;
  margin:0 auto 1rem;
  box-shadow:0 4px 18px rgba(124,58,237,.4);
}
.hp-step h5 { font-weight:700;font-size:1rem;margin-bottom:.4rem; }
.hp-step p  { font-size:.84rem;color:var(--hp-muted);margin:0; }

/* --- Social ------------------------------------------ */
.hp-social { padding:5rem 0;background:var(--hp-bg); }
.hp-social-grid {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:1rem;
}
.hp-sn-item {
  background:var(--hp-surface);border:1px solid var(--hp-border);
  border-radius:var(--hp-r-lg);padding:1.5rem 1rem;
  display:flex;flex-direction:column;align-items:center;gap:.75rem;
  font-size:.85rem;font-weight:600;
  transition:all .25s;
}
.hp-sn-item:hover {
  border-color:var(--hp-primary);
  background:rgba(124,58,237,.1);
  transform:translateY(-3px);
}
.hp-sn-item i { font-size:2rem; }
.hp-sn-item:nth-child(1) i { color:#e1306c; }
.hp-sn-item:nth-child(2) i { color:#fff; }
.hp-sn-item:nth-child(3) i { color:#ff0000; }
.hp-sn-item:nth-child(4) i { color:#1d9bf0; }
.hp-sn-item:nth-child(5) i { color:#1877f2; }
.hp-sn-item:nth-child(6) i { color:#0088cc; }
.hp-sn-item:nth-child(7) i { color:#1ed760; }
.hp-sn-item:nth-child(8) i { color:var(--hp-muted); }

/* --- FAQ ---------------------------------------------- */
.hp-faq { padding:5rem 0;background:var(--hp-bg2); }
.hp-faq-list { display:flex;flex-direction:column;gap:.75rem; }
.hp-faq-item {
  background:var(--hp-surface);border:1px solid var(--hp-border);
  border-radius:var(--hp-r);overflow:hidden;transition:border-color .2s;
}
.hp-faq-item:has(.hp-faq-q:not(.collapsed)) {
  border-color:rgba(124,58,237,.4);
}
.hp-faq-q {
  width:100%;background:none;border:none;
  padding:.9rem 1.25rem;color:var(--hp-text);
  display:flex;align-items:center;justify-content:space-between;
  cursor:pointer;font-size:.93rem;font-weight:600;text-align:right;
  font-family:var(--hp-font);gap:1rem;
}
.hp-faq-q i { color:var(--hp-primary);transition:transform .25s;flex-shrink:0; }
.hp-faq-q:not(.collapsed) i { transform:rotate(180deg); }
.hp-faq-a {
  padding:.75rem 1.25rem 1rem;
  font-size:.88rem;color:var(--hp-muted);line-height:1.7;
  border-top:1px solid var(--hp-border);
}

/* --- Testimonials ------------------------------------- */
.hp-testimonials { padding:5rem 0;background:var(--hp-bg); }
.hp-swiper-testi { padding-bottom:2.5rem !important;overflow:hidden !important; }
.hp-testi-card {
  background:var(--hp-surface);border:1px solid var(--hp-border);
  border-radius:var(--hp-r-lg);padding:1.75rem;height:100%;
}
.hp-testi-stars { color:#fbbf24;font-size:.9rem;margin-bottom:.75rem;letter-spacing:.1rem; }
.hp-testi-card > p {
  font-size:.9rem;color:var(--hp-muted);line-height:1.7;margin-bottom:1.25rem;
  font-style:italic;
}
.hp-testi-author {
  display:flex;align-items:center;gap:.75rem;
}
.hp-testi-avatar {
  width:40px;height:40px;border-radius:50%;
  background:var(--hp-grad);
  display:flex;align-items:center;justify-content:center;
  font-size:1rem;font-weight:700;color:#fff;flex-shrink:0;
}
.hp-testi-author strong { display:block;font-size:.88rem; }
.hp-testi-author small  { color:var(--hp-muted);font-size:.78rem; }

/* --- Payments ----------------------------------------- */
.hp-payments { padding:4rem 0;background:var(--hp-bg2); }
.hp-swiper-pay { overflow:hidden !important;padding:.5rem 0 !important; }
.hp-swiper-pay img { height:40px;width:auto;opacity:.65;filter:grayscale(40%);transition:opacity .2s; }
.hp-swiper-pay img:hover { opacity:1; }

/* --- CTA ---------------------------------------------- */
.hp-cta { padding:4rem 0;background:var(--hp-bg); }
.hp-cta-card {
  background:var(--hp-grad);
  border-radius:var(--hp-r-lg);
  padding:3rem 2.5rem;
  display:flex;align-items:center;justify-content:space-between;
  flex-wrap:wrap;gap:1.5rem;
}
.hp-cta-text h2 { font-size:1.8rem;font-weight:800;margin:0 0 .4rem;color:#fff; }
.hp-cta-text p  { margin:0;color:rgba(255,255,255,.8);font-size:1rem; }
.hp-cta-btns    { display:flex;gap:.75rem;flex-wrap:wrap; }

/* --- Footer ------------------------------------------- */
.hp-footer {
  background:var(--hp-bg3);
  border-top:1px solid var(--hp-border);
  padding:4rem 0 0;
}
.hp-footer-top { padding-bottom:3rem;border-bottom:1px solid var(--hp-border); }
.hp-footer-brand img { height:36px;display:block;margin-bottom:1rem; }
.hp-footer-about { font-size:.85rem;color:var(--hp-muted);line-height:1.7;margin-bottom:1rem; }
.hp-footer-social { display:flex;gap:.5rem; }
.hp-footer-social a {
  width:34px;height:34px;border-radius:50%;
  background:var(--hp-surface2);border:1px solid var(--hp-border);
  display:flex;align-items:center;justify-content:center;
  color:var(--hp-muted);font-size:.85rem;transition:all .2s;
  text-decoration:none;
}
.hp-footer-social a:hover { background:var(--hp-primary);border-color:var(--hp-primary);color:#fff; }
.hp-footer-title { font-size:.85rem;font-weight:700;color:var(--hp-text);margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em; }
.hp-footer-links { list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem; }
.hp-footer-links li a { color:var(--hp-muted);font-size:.86rem;text-decoration:none;transition:color .2s; }
.hp-footer-links li a:hover { color:var(--hp-plight); }
.hp-footer-news-sub { font-size:.84rem;color:var(--hp-muted);margin-bottom:.9rem; }
.hp-footer-form-group {
  display:flex;gap:.5rem;
}
.hp-footer-form-group input {
  flex:1;background:var(--hp-surface2);border:1px solid var(--hp-border);
  border-radius:var(--hp-r);color:var(--hp-text);padding:.55rem .9rem;
  font-size:.86rem;font-family:var(--hp-font);outline:none;
  transition:border-color .2s;
}
.hp-footer-form-group input:focus { border-color:var(--hp-primary); }
.hp-footer-form-group button {
  background:var(--hp-grad);border:none;color:#fff;
  border-radius:var(--hp-r);padding:.55rem .9rem;cursor:pointer;
  font-size:.9rem;flex-shrink:0;
}
.hp-lang-wrap {
  display:flex;align-items:center;gap:.5rem;margin-top:1rem;
  font-size:.82rem;color:var(--hp-muted);
}
.hp-lang-wrap select {
  background:var(--hp-surface2);border:1px solid var(--hp-border);
  color:var(--hp-text);border-radius:8px;padding:.3rem .6rem;
  font-size:.82rem;font-family:var(--hp-font);cursor:pointer;outline:none;
}
.hp-enamad { margin-top:1rem; }
.hp-footer-bottom {
  padding:1.25rem 0;
  display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;
  font-size:.82rem;color:var(--hp-muted);
}
.hp-footer-bottom ul { list-style:none;margin:0;padding:0;display:flex;gap:1.25rem; }
.hp-footer-bottom ul a { color:var(--hp-muted);text-decoration:none; }
.hp-footer-bottom ul a:hover { color:var(--hp-plight); }

/* Modal */
.hp-modal-notif .modal-content {
  background:var(--hp-bg2);color:var(--hp-text);
  border:1px solid var(--hp-border);border-radius:var(--hp-r-lg);
}
.hp-modal-notif .modal-header { border-color:var(--hp-border); }
.hp-modal-notif .close { color:var(--hp-text);opacity:.7; }

/* ========== Responsive ================================ */
@media (max-width:991px) {
  .hp-nav-menu {
    display:none;flex-direction:column;align-items:stretch;
    position:fixed;top:0;left:0;right:0;bottom:0;
    background:rgba(8,8,26,.98);backdrop-filter:blur(14px);
    padding:5rem 1.5rem 2rem;z-index:800;gap:1rem;overflow-y:auto;
  }
  .hp-nav-menu.open { display:flex; }
  .hp-nav-menu > ul { flex-direction:column; }
  .hp-nav-menu ul li a { font-size:1rem;padding:.6rem .75rem; }
  .hp-nav-auth { flex-direction:column;margin:1.5rem 0 0; }
  .hp-nav-auth .hp-btn { width:100%;justify-content:center; }
  .hp-nav-toggle { display:block;z-index:900; }
  .hp-rtl .hp-nav-menu { left:auto;right:0; }

  .hp-hero { padding:90px 0 50px; }
  .hp-hero-text { padding-right:0;margin-bottom:2rem; }
  .hp-rtl .hp-hero-text { padding-left:0; }
  .hp-hero-title { font-size:2rem; }
  .hp-hero-form-col { padding-left:0; }
  .hp-rtl .hp-hero-form-col { padding-right:0; }

  .hp-social-grid { grid-template-columns:repeat(4,1fr); }
  .hp-cta-card { flex-direction:column;text-align:center; }
}

@media (max-width:767px) {
  .hp-hero-title { font-size:1.7rem; }
  .hp-qo-row { grid-template-columns:1fr; }
  .hp-section-head h2 { font-size:1.5rem; }
  .hp-social-grid { grid-template-columns:repeat(2,1fr); }
  .hp-stat-card { margin-bottom:.5rem; }
  .hp-footer-bottom { flex-direction:column;text-align:center; }
  .hp-footer-bottom ul { justify-content:center; }
}