/* Marketplace - community + freelance marketplace layer */
.market-hero {
    background: radial-gradient(circle at top left, rgba(59,130,246,.18), transparent 35%), linear-gradient(135deg, #0f172a 0%, #1e293b 55%, #0f172a 100%);
    color: #fff;
    border-radius: 32px;
    padding: clamp(2rem, 5vw, 4.5rem);
    margin: 2rem 0;
    position: relative;
    overflow: hidden;
}
.market-hero::after {
    content: '';
    position: absolute;
    right: -80px;
    top: -80px;
    width: 260px;
    height: 260px;
    border-radius: 50%;
    background: rgba(14,165,233,.22);
    filter: blur(10px);
}
.market-kicker {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    padding: .45rem .75rem;
    border-radius: 999px;
    background: rgba(255,255,255,.10);
    color: #dbeafe;
    font-weight: 700;
    font-size: .82rem;
    letter-spacing: .02em;
    margin-bottom: 1rem;
}
.market-hero h1 {font-size: clamp(2.1rem, 5vw, 4.5rem); line-height: 1.02; margin: 0 0 1rem; max-width: 900px;}
.market-hero p {font-size: clamp(1rem, 2vw, 1.2rem); color: #cbd5e1; max-width: 760px; margin-bottom: 1.5rem;}
.market-actions {display:flex; flex-wrap:wrap; gap:.8rem; align-items:center;}
.market-actions .btn {text-decoration:none;}
.market-stats {display:grid; grid-template-columns: repeat(auto-fit,minmax(150px,1fr)); gap:1rem; margin: 1.5rem 0 2rem;}
.market-stat {background: rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.12); border-radius:18px; padding:1rem; backdrop-filter: blur(8px);}
.market-stat strong {display:block; font-size:1.7rem; color:#fff;}
.market-stat span {color:#cbd5e1; font-size:.9rem;}
.market-grid {display:grid; grid-template-columns: repeat(auto-fit,minmax(260px,1fr)); gap:1rem; margin: 1.5rem 0;}
.market-card {background: var(--bg-primary, #fff); border:1px solid var(--border-light, #e5e7eb); border-radius:20px; padding:1.25rem; box-shadow: 0 12px 30px rgba(15,23,42,.06); transition:.2s ease;}
.market-card:hover {transform: translateY(-6px); box-shadow: 0 18px 40px rgba(15,23,42,.10);}
.market-card h3 {margin:0 0 .5rem; font-size:1.1rem;}
.market-card p {color: var(--text-secondary, #64748b); margin:0 0 1rem;}
.market-card-icon {width:46px; height:46px; border-radius:14px; display:flex; align-items:center; justify-content:center; background:#eff6ff; color:#2563eb; font-size:1.2rem; margin-bottom:.85rem;}
.market-card-meta {display:flex; flex-wrap:wrap; gap:.5rem; align-items:center; color:var(--text-muted,#64748b); font-size:.88rem; margin:.6rem 0;}
.market-chip {display:inline-flex; align-items:center; gap:.35rem; padding:.35rem .6rem; border-radius:999px; background:linear-gradient(135deg,#eef2ff,#ecfeff); color:#334155; border:1px solid rgba(79,70,229,.12); font-size:.8rem; font-weight:700;}
.market-price {font-size:1.35rem; font-weight:800; background:var(--node-gradient,linear-gradient(135deg,#4f46e5,#06b6d4)); -webkit-background-clip:text; background-clip:text; color:transparent;}
.market-section {margin:2.5rem 0;}
.market-section-head {display:flex; justify-content:space-between; gap:1rem; align-items:flex-end; margin-bottom:1rem;}
.market-section-head h2 {margin:0; font-size: clamp(1.5rem,3vw,2.3rem);}
.market-section-head p {margin:.25rem 0 0; color:var(--text-secondary,#64748b);}
.market-filter {display:flex; flex-wrap:wrap; gap:.75rem; padding:1rem; background:var(--bg-secondary,#f8fafc); border-radius:18px; border:1px solid var(--border-light,#e5e7eb); margin:1rem 0;}
.market-filter input,.market-filter select,.market-form input,.market-form select,.market-form textarea {width:100%; border:1px solid var(--border-medium,#cbd5e1); border-radius:12px; padding:.8rem .9rem; background:var(--bg-primary,#fff); color:var(--text-primary,#0f172a);}
.market-filter .field {flex:1 1 210px;}
.market-form {display:grid; gap:1rem; max-width:860px;}
.market-form .two {display:grid; grid-template-columns: repeat(auto-fit,minmax(180px,1fr)); gap:1rem;}
.market-callout {background:#ecfeff; border:1px solid #a5f3fc; border-radius:18px; padding:1rem 1.2rem; color:#155e75; margin:1rem 0;}
.market-trust-row {display:grid; grid-template-columns: repeat(auto-fit,minmax(220px,1fr)); gap:1rem;}
.market-trust {padding:1rem; border-left:4px solid #2563eb; background:#f8fafc; border-radius:14px;}
.market-empty {padding:2rem; border:1px dashed var(--border-medium,#cbd5e1); border-radius:18px; text-align:center; color:var(--text-secondary,#64748b);}
.market-detail {display:grid; grid-template-columns: minmax(0,1fr) 320px; gap:1.5rem; align-items:start;}
.market-sidebar {position:sticky; top:90px;}
@media (max-width: 860px) {.market-detail{grid-template-columns:1fr}.market-sidebar{position:static}.market-section-head{display:block}}