/* ============================================
       STATS ROW
       ============================================ */
    .stats {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 10px;
      margin-bottom: 18px;
      animation: fadeUp .8s ease-out .25s both;
    }

    .stat {
      padding: 14px 12px;
      border-radius: 16px;
      background: rgba(20,3,3,.55);
      backdrop-filter: blur(16px) saturate(150%);
      -webkit-backdrop-filter: blur(16px) saturate(150%);
      border: 1px solid rgba(255,255,255,.10);
      box-shadow: 0 8px 24px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.06);
      text-align: center;
      position: relative;
      overflow: hidden;
      transition: transform .3s ease, border-color .3s ease;
    }

    .stat::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 2px;
      background: linear-gradient(90deg, transparent, rgba(255,95,95,.7), transparent);
    }

    .stat:hover {
      transform: translateY(-3px);
      border-color: rgba(255,95,95,.30);
    }

    .stat strong {
      display: block;
      font-size: 20px;
      font-weight: 900;
      background: linear-gradient(135deg, #fff, #ff8a8a);
      -webkit-background-clip: text;
      background-clip: text;
      -webkit-text-fill-color: transparent;
      margin-bottom: 3px;
      letter-spacing: -.5px;
    }

    .stat span {
      display: block;
      font-size: 10px;
      color: var(--muted);
      letter-spacing: .5px;
      font-weight: 600;
      text-transform: uppercase;
    }