/* ============================================================
   IQF button system — 3 varijante: silver / purple / carbon
   Koristi se u svim sekcijama: <a class="iqf-btn">, 
   <a class="iqf-btn iqf-btn--purple">, <a class="iqf-btn iqf-btn--carbon">
   ============================================================ */

.iqf-btn{
  display:inline-flex; align-items:center; justify-content:center; gap:.6em;
  padding:13px 26px;
  border:none; border-radius:9px; cursor:pointer;
  font:600 12px/1 'Host Grotesk',sans-serif;
  letter-spacing:.08em; text-transform:uppercase;
  color:#c5c4c9; text-decoration:none;
  position:relative; z-index:0;
  background:linear-gradient(158deg, rgba(82,82,88,.92) 0%, rgba(40,40,46,.95) 46%, rgba(15,15,19,.98) 100%);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.08),
    inset 0 1px 0 rgba(255,255,255,.16),
    0 5px 12px rgba(0,0,0,.5);
  transition:filter .25s, transform .25s, box-shadow .25s;
}
.iqf-btn:hover{
  filter:brightness(1.06);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.10),
    inset 0 1px 0 rgba(255,255,255,.18),
    0 6px 14px rgba(0,0,0,.45);
}
.iqf-btn:active{ filter:brightness(.98); }
.iqf-btn svg{ width:16px; height:16px; }

/* --- PURPLE (primary) --- */
.iqf-btn--purple{
  color:#fff;
  background:linear-gradient(158deg, rgba(156,126,246,.97) 0%, rgba(98,72,178,.97) 46%, rgba(52,38,96,.98) 100%);
}
.iqf-btn--purple:hover{
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.10),
    inset 0 1px 0 rgba(255,255,255,.18),
    0 6px 16px rgba(98,72,178,.38);
}

/* --- CARBON (silver + weave) --- */
.iqf-btn--carbon{
  color:#e3e5ec;
  text-shadow:0 1px 0 rgba(0,0,0,.55);
  background:
    linear-gradient(180deg, rgba(255,255,255,.055) 0%, transparent 34%),
    repeating-linear-gradient(45deg,  rgba(255,255,255,.06) 0 1px, transparent 1px 3px),
    repeating-linear-gradient(-45deg, rgba(255,255,255,.04) 0 1px, transparent 1px 3px),
    repeating-linear-gradient(-45deg, rgba(0,0,0,.42) 0 1.5px, transparent 1.5px 3px),
    linear-gradient(158deg, rgba(72,72,80,.95) 0%, rgba(34,34,40,.97) 46%, rgba(12,12,16,.98) 100%);
  background-size:100% 100%, 3px 3px, 3px 3px, 3px 3px, 100% 100%;
  transition:color .25s ease, box-shadow .25s ease;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.10),
    inset 0 1px 0 rgba(255,255,255,.20),
    inset 0 -2px 5px rgba(0,0,0,.5),
    0 5px 12px rgba(0,0,0,.5);
}
.iqf-btn--carbon:hover{
  filter:none;
  color:#fff;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.15),
    inset 0 1px 0 rgba(255,255,255,.26),
}

/* --- jedinstvena brzina hover prelaza za SVA dugmad u projektu --- */
button, .iqf-btn, [class*="btn"], .iqf-hero__mine, .iqf-predict__join{
  transition-duration:.25s !important;
}