/* Gig board — GTAVI INSIDER / CyberGrokr
 * Neon-noir styling. Reuses site tokens from legal.css/fx.css.
 * Mobile-first. Mirrors the booking page skeleton. */
.gig-hero{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:18px;
  background:linear-gradient(135deg,#0b0620 0%,#1b0b3a 45%,#3a0f4f 100%);
  padding:44px 28px;margin:22px 0 34px;text-align:center;box-shadow:0 18px 50px rgba(0,0,0,.45)}
.gig-hero::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(600px 220px at 50% -40px,rgba(0,229,255,.30),transparent 70%),
             radial-gradient(500px 200px at 85% 110%,rgba(255,45,150,.25),transparent 70%)}
.gig-hero .kicker{color:#7ee9ff;letter-spacing:.18em;font-size:13px;font-weight:700;text-transform:uppercase}
.gig-hero h1{font-family:"Pricedown Bl","Bodoni Moda",serif;font-size:clamp(40px,8vw,72px);
  margin:10px 0 12px;color:#fff;text-shadow:0 0 22px rgba(0,229,255,.55),0 3px 0 #0b0620}
.gig-hero p.gig-lede{color:#e8dcf5;max-width:640px;margin:0 auto;font-size:17px;line-height:1.6}
.gig-hero .gig-ctas{margin-top:22px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap;position:relative}
.gig-btn{display:inline-block;padding:13px 26px;border-radius:999px;font-weight:800;font-size:15px;
  text-decoration:none;background:var(--acid);color:var(--acid-ink);box-shadow:0 8px 24px rgba(0,0,0,.35)}
.gig-btn.ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.4)}

.gig-sec{margin:36px 0}
.gig-sec h2{font-size:26px;margin:0 0 6px}
.gig-sec .gig-sub{color:var(--muted);margin:0 0 14px}

/* filter bar */
.gig-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0 6px}
.gig-filter{display:flex;flex-direction:column;gap:6px}
.gig-filter label{font-size:14px;font-weight:700}
.gig-filter select{border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink);
  padding:11px 13px;font-size:15px;font-family:inherit}
.gig-filter select:focus{outline:2px solid #00e5ff;outline-offset:1px}
.gig-resultline{font-size:14px;color:var(--muted);margin:10px 0 0}

/* listings grid */
.gig-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin-top:18px}
.gig-card{border:1px solid var(--line);border-radius:16px;background:var(--surface);padding:22px;
  display:flex;flex-direction:column;gap:10px;position:relative;overflow:hidden}
.gig-card.featured{border-color:#ff2d96;box-shadow:0 0 26px rgba(255,45,150,.18)}
.gig-card .gig-badges{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.gig-tag{font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
  border-radius:999px;padding:5px 12px}
.gig-tag.example{background:rgba(255,255,255,.08);border:1px dashed rgba(255,255,255,.45);color:#e8dcf5}
.gig-tag.type-gig{background:rgba(0,229,255,.12);border:1px solid rgba(0,229,255,.45);color:#7ee9ff}
.gig-tag.type-availability{background:rgba(255,45,150,.12);border:1px solid rgba(255,45,150,.45);color:#ff7ac6}
.gig-tag.featured-pin{background:#ff2d96;color:#fff}
.gig-card h3{margin:0;font-size:19px;line-height:1.35}
.gig-card .gig-venue{color:var(--muted);font-size:14px;margin:-6px 0 0}
.gig-card .gig-meta{display:flex;flex-wrap:wrap;gap:8px;font-size:14px;color:var(--muted)}
.gig-card .gig-meta span{border:1px solid var(--line);border-radius:999px;padding:4px 11px}
.gig-card .gig-pay{font-size:16px;font-weight:800;color:var(--acid)}
.gig-card .gig-desc{color:var(--muted);font-size:14.5px;line-height:1.6;margin:0}
.gig-card .gig-foot{margin-top:auto;padding-top:10px;border-top:1px solid var(--line);
  font-size:14px;color:var(--muted);display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
.gig-empty{border:1px dashed var(--line);border-radius:14px;padding:28px;text-align:center;color:var(--muted)}

/* pricing strip */
.gig-pricing{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}
.gig-tier{border:1px solid var(--line);border-radius:16px;background:var(--surface);padding:26px;
  display:flex;flex-direction:column;gap:10px}
.gig-tier.paid{border-color:#00e5ff;background:linear-gradient(160deg,rgba(0,229,255,.08),rgba(255,45,150,.08)),var(--surface)}
.gig-tier h3{margin:0;font-size:20px}
.gig-tier .gig-tier-price{font-size:30px;font-weight:800;color:var(--acid)}
.gig-tier p{color:var(--muted);font-size:14.5px;line-height:1.6;margin:0}
.gig-tier ul{margin:0;padding-left:20px;color:var(--muted);font-size:14.5px;line-height:1.7}
.gig-tier .gig-btn{margin-top:auto;align-self:flex-start}

/* trust note */
.gig-trust{border:1px dashed #00e5ff;border-radius:16px;background:rgba(0,229,255,.05);
  padding:24px;margin:36px 0;text-align:center}
.gig-trust h2{margin:0 0 10px;font-size:22px}
.gig-trust p{color:var(--muted);max-width:640px;margin:0 auto;line-height:1.65}

/* form */
.gig-form{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:860px}
.gig-field{display:flex;flex-direction:column;gap:6px}
.gig-field.full{grid-column:1/-1}
.gig-field label{font-size:14px;font-weight:700}
.gig-field .req{color:#ff2d96}
.gig-field input,.gig-field select,.gig-field textarea{border:1px solid var(--line);border-radius:10px;
  background:var(--paper);color:var(--ink);padding:12px 14px;font-size:15px;font-family:inherit}
.gig-field textarea{min-height:110px;resize:vertical}
.gig-field input:focus,.gig-field select:focus,.gig-field textarea:focus{outline:2px solid #00e5ff;outline-offset:1px}
.gig-honey{position:absolute !important;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.gig-note{font-size:14px;color:var(--muted);grid-column:1/-1}
.gig-check{display:flex;gap:10px;align-items:flex-start;grid-column:1/-1;border:1px solid var(--line);
  border-radius:12px;padding:14px;background:var(--surface)}
.gig-check input{margin-top:3px;width:18px;height:18px;flex:none}
.gig-check .gig-check-text{font-size:14px;color:var(--muted);line-height:1.55}
.gig-check .gig-check-text strong{color:var(--text)}
.gig-thanks{display:none;border:1px solid #00e5ff;border-radius:14px;padding:26px;text-align:center;
  background:rgba(0,229,255,.06);margin-top:6px}
.gig-thanks.show{display:block}
.gig-thanks h3{margin:0 0 8px;font-size:20px}
.gig-thanks p{color:var(--muted);margin:0}
.gig-thanks .gig-pay-link{margin:16px 0 4px}
.gig-error{display:none;border:1px solid #ff2d96;border-radius:12px;padding:18px;background:rgba(255,45,150,.07);
  color:var(--text);font-size:14.5px;line-height:1.6;margin-top:6px}
.gig-error.show{display:block}

.gig-faq{border-top:1px solid var(--line);margin-top:8px}
.gig-faq details{border-bottom:1px solid var(--line);padding:14px 4px}
.gig-faq summary{cursor:pointer;font-weight:700;font-size:16px}
.gig-faq details p{color:var(--muted);line-height:1.65;margin:10px 0 4px}

@media(max-width:860px){.gig-filters{grid-template-columns:1fr 1fr}.gig-pricing{grid-template-columns:1fr}}
@media(max-width:560px){.gig-filters{grid-template-columns:1fr}.gig-form{grid-template-columns:1fr}}