/* ========== Contact Page (pages/contact.css) ========== */
:root{
  --sky-200:#bae6fd; --sky-300:#7dd3fc; --sky-400:#38bdf8;
  --emerald-200:#a7f3d0; --emerald-300:#6ee7b7; --emerald-400:#34d399;
  --slate-50:#f8fafc; --slate-200:#e2e8f0; --slate-300:#cbd5e1; --slate-900:#0f172a;
}

.contact-banner{
  border-radius: 1.5rem; /* md:rounded-3xl */
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(15,23,42,.08);
  border: 2px solid var(--slate-200);
}

/* دکمه‌های مینیمال */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;
     padding:.7rem 1.1rem;border-radius:14px;border:2px solid transparent;font-weight:600;
     transition:background-color .2s,border-color .2s,box-shadow .2s,transform .08s}
.btn:active{transform:scale(.98)}
.btn-outline{background:#fff;color:var(--slate-900);border-color:var(--slate-200)}
.btn-outline:hover{border-color:var(--slate-300);background:var(--slate-50);box-shadow:0 8px 20px rgba(15,23,42,.06)}
.btn-outline.sky{border-color:color-mix(in oklab, var(--sky-300) 50%, transparent)}
.btn-outline.sky:hover{border-color:var(--sky-400)}
.btn-outline.emerald{border-color:color-mix(in oklab, var(--emerald-300) 50%, transparent)}
.btn-outline.emerald:hover{border-color:var(--emerald-400)}
.btn-ghost{background:transparent;color:var(--slate-900);border-color:transparent}
.btn-ghost:hover{background:var(--slate-50);border-color:var(--slate-200)}

/* چیپ‌ها */
.chip{display:inline-flex;align-items:center;gap:.45rem;padding:.35rem .7rem;border-radius:999px;
      border:1px solid var(--slate-200);font-size:.85rem}

/* کارت‌ها */
.card{background:#fff;border:1px solid var(--slate-200);border-radius:1.5rem;
      transition:border-color .25s,box-shadow .25s,transform .25s}
.card:hover{box-shadow:0 16px 32px rgba(15,23,42,.08)}

/* نوار شناور موبایل */
.contact-fab{backdrop-filter: blur(6px); background:rgba(255,255,255,.95); border:1px solid var(--slate-200); border-radius:1rem}

/* ریسپانسیو‌های ریز */
@media (max-width: 640px){
  .btn{padding:.65rem 1rem;border-radius:12px}
}