/* pages.css — کارت‌های شیشه‌ای داخل صفحات */
.page{display:flex;flex-direction:column;gap:16px}
.hero{padding:26px;position:relative;overflow:hidden}
.hero::after{content:"";position:absolute;inset:auto -60px -80px auto;width:260px;height:260px;background:radial-gradient(circle,rgba(212,175,55,.35),transparent 70%);pointer-events:none}
.hero h1{margin:0 0 8px;font-size:clamp(1.4rem,3vw,2rem)}
.hero p{margin:0;color:var(--muted);line-height:2}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.chip{padding:8px 14px;border-radius:99px;background:var(--primary-soft);border:1px solid rgba(212,175,55,.3);font-size:.82rem}
.grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}
.card{padding:18px;transition:.22s}
.card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}
.card h3{margin:0 0 6px;font-size:1rem}
.card p{margin:0;color:var(--muted);font-size:.86rem;line-height:1.9}
.card .go{display:inline-flex;margin-top:12px;font-size:.85rem;color:var(--primary-ink);font-weight:700}
.btn-primary{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  background:linear-gradient(135deg,#b8942a,var(--primary) 50%,#eed27a);
  color:#231a02;border:0;border-radius:16px;padding:13px 22px;font-weight:800;cursor:pointer;transition:.2s;
}
.btn-primary:active{transform:scale(.98)}
.btn-ghost{display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;border-radius:16px;border:1px solid var(--stroke);background:var(--surface-2);cursor:pointer; color: inherit}
.list{display:flex;flex-direction:column;gap:10px}
.row{display:flex;align-items:center;gap:12px;padding:14px 16px}
.row .dot{width:42px;height:42px;border-radius:14px;background:var(--secondary-soft);display:grid;place-items:center;flex:none}
.form{display:grid;gap:12px;padding:20px}
.input,textarea.input{width:100%;padding:13px 14px;border-radius:14px;border:1px solid var(--stroke);background:var(--surface-2);color:var(--text);font-family:inherit}
label.lbl{font-size:.85rem;color:var(--muted)}
.kbd{font-size:.72rem;background:var(--surface-2);border:1px solid var(--stroke);border-radius:8px;padding:2px 8px}